Cara membuat Kotak Script Di Dalam Postingan

Jika teman-teman ingin membuat postingan berupa Script,link gambar ataupun kode kode HTML di dalam postingan pasti akan sangat kerepotan jika kita langsung tulis atau copas di postingan kita, yang ada tampilan atau hasil postingan Kita bakal kacau atau amburadul.heheh

Untuk mengakali biar postingan Script kelihatan rapi,maka kita membutuh kan table/kotak/box di dalam postingan kita tersebut, seperti yang saya gunakan di kebanyakan postingan saya.

Teman-teman bisa lihat screenshot diatas, nah saya akan share yang seperti itu yah. Mari di simak.

Cara membuat kotak script di dalam postingan

• Kita Login dahulu ke blogger
• Kemudian Masuk ke dashboard
• Klik buat Postingan baru
• Pilih HTML dahulu untuk Paste script nya
• Lalu masukan kode script berikut

<div style="overflow:auto;width:100%;height:200px;padding:10px;border:1px solid #eee">

Isi Script atau html yang ingin di Post

</div>

Keterangan diatas: 
width:100% = Ini untuk lebar box 
height:200px = Ini untuk tinggi box tersebut,Jika pendek,maka akan berubah jadi scrol yah
Tulisan berwarna merah merupakan Isi dari script yang ingin anda posting

• Nah Setelah itu anda preview/Partinjau, Kalau sukses langsung Publish.
• Jika tidak ada kesalahan,maka hasil nya sama persis dengan box dalam postingan saya ini.

Sekian dulu artikel ini saya buat, kalau bermanfaat silahkan koment ya teman-teman.
Selamat mencoba dan sukses ya teman-teman.
Happy blogging

Dadang Kurnia

Hanya seorang Nubie, Memulai blog Sebagai Hobby.

Share this post