Tutorial Membuat Kotak Script Pada Postingan Di WordPress

ALL IN ONE - Postingan ini saya akan membahas tentang cara membuat kotak script pada postingan di wordpress. Dalam pembuatan kotak script ini bertujuan agar jika script yang akan kita masukkan ke dalam postingan jadi terlihat rapi dan tidak membutuhkan banyak tempat, selain itu juga blog kita menjadi terlihat cantik. Kebanyakan website masih ada yang tidak menggunakan kotak script ini, alhasil membutuhkan banyak tempat untuk script tersebut. Jika scriptnya pendek sih tidak masalah, tapi jika script itu panjang maka akan memakan tempat, pembaca juga akan jenuh untuk melihatnya. Jadi sebaiknya gunakan lah kotak script pada postingan anda. Berikut kami sudah merangkum langkah-langkahnya.

Langkah-langkah Membuat Kotak script Pada Postingan Di WordPress

  • Silahkan Anda login pada dasboard wordpress anda sendiri.
  • Pilih menu Post, dan klik pada Add New, akan muncul tampilan untuk menulis postingan seperti gambar dibawah ini.

Pilih menu post dan klik Add New
Pilih menu post dan klik Add New

  • Setelah itu,silah kan anda pilih text, dan copy code script di bawah ini.

<div style="border: 3px #eeeeee solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 100px; width: 520px;
text-align: left;">
.kode script disini.</div>

  • Berikut, bisa Anda lihat gambarnya.

Pilih text dan paste code script
Pilih text dan paste code script
  • Setelah langkah di atas selasai, silahkan Anda klik visual,  maka akan muncul tampilan seperti dibawah ini. Dan silahkan anda hapus ".kode script disini." dan ganti dengan script yang ingin anda masukkan ke salam postingan anda.
Pilih visual dan akan terlihat tampilan ini
Pilih visual dan akan terlihat tampilan ini
  • Masukkan script yang ingin anda masukkan kedalam postingan.
Masukkan code script
Masukkan code script
  • Selesai deh, Anda berhasil membuat kotak script dengan scroll pada postingan anda di WordPress.
Demikian untuk tutorial tentang Membuat Kotak Script Pada Postingan Di WordPress, semoga bermanfaat untuk anda yang sudah membacanya. Jangan lupa untuk terus mampir ke blog saya ini ya di shareabouttutorial.blogspot.com untuk belajar berbagaoi macam tutorial dan berita teknologi terbaru saat ini.

0 Response to "Tutorial Membuat Kotak Script Pada Postingan Di WordPress"

Post a Comment