Cara Membuat Kotak Script Dengan Scrool Dalam Postingan Blog

Kali ini saya akan membahas mengenai bagai mana caranya membuat Kotak script yang bisa di scrool. pembahasan kali ini sangat cocok untuk blog yang memiliki sepesifikasi topik tentang pemograman, karena yang pasti postingan tentang pemograman sebagian lebih banyak membahas tentang script pemogramannya. tidak mungkin kan jika script pemograman ditulis biasa tanpa pembeda, pasti tampilannya tidak enak banget untuk dipandang, akibatnya pembaca malas duluan membaca tutorial kita. Oleh sebab itu saya anjurkan agar kamu memberikan tempat khusus untuk script yang akan kamu berikan di tutorial kamu. Alasannya, agar postingan lebih terlihat rapi, mudah dipahami,  dan endingnya tutorial kita laris manisssss :D.

Sekarang langsung saja kita bahas caranya,

• Pertama kamu harus Login dulu ke Blog kamu dan pilih menu New Entri.
• Kamu pilih mode HTML, lihat gambar dibawah :
  

• Selanjutnya kamu copy script dibawah ini

<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;"> masukan script kamu disini </ div>

• Setelah itu kamu paste script di atas yang sudah kamu copy ke dalam mode HTML(di bawah postingan).
• Setelah di paste, selanjutnya kamu kembali ke mode Compose
  

Nahh... sudah bisa dilihat kan hasilnya.. sekarang kamu tinggal isi kotak itu dengan script yang ingin kamu lampirkan dalam postingan kamu.

NB: jika kamu ingin merubah tampilan kotak scriptnya, saya anjurkan untuk sedikit mengotak-ngatik script html yang kamu paste tadi.

Sekian tutorial yang bisa saya berikan. semoga bermanfaat.

Share This :