Tips Cara Membuat Kolom Scroll Pada Postingan Blog

Ok !! manfaat atau tujuan dari tips Cara Membuat Kolom Scroll Pada Postingan Blog ini untuk meringkas atau membuat simple tulisan atau scrip yang sobat posting di blog. maka dengan scroll pada postingan blog menjadikan postingan sobat kelihatan lebih menarik.

Sekarang sebagai contoh kotak scroll pada postingan blog seperti dibawah ini:
Membuat Scroll Box Dengan Judul
 

JUDUL ARTIKEL

Membuat Scroll Box Dengan Judul <div align="center"> <table width="250" border="1"> <tr> <th colspan="100%" scope="col"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden; font-size: 22px; font-family: calibri;">JUDUL ARTIKEL</th> </tr> <tr><td><div style="font-family: arial; font-size: 12px; overflow: scroll; width: 550px; height: 100px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;">Silahkan sobat isi artikel, script atau apa saja disini. Semakin banyak teks yang diisikan dari tinggi kotaknya, otomatis akan membentuk scroll box, sehingga dapat menghemat tempat.</div></div></td></tr> </table> </div>

  Penasaran bagaimana 4 Langkah Mudah Membuat Scroll Box Menarik dalam Postingan Blog Terdapat Judul Artikel Dalam Scroll Box-nya, yuk simak :

1. Login ke blog sobat

2. Pada Dashboard/Home blog sobat, klik “Create New Post” gambarnya seperti dibawah.

3. Lalu klik pada mode “HTML”, Copy Paste Script dibawah ini pada mode “HTML”

Copy Paste Script

<div align="center"> <table width="250" border="1"> <tr> <th colspan="100%" scope="col"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden; font-size: 22px; font-family: calibri;">JUDUL ARTIKEL</th> </tr> <tr><td><div style="font-family: arial; font-size: 12px; overflow: scroll; width: 550px; height: 100px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;">Silahkan sobat isi artikel, script atau apa saja disini. Semakin banyak teks yang diisikan dari tinggi kotaknya, otomatis akan membentuk scroll box, sehingga dapat menghemat tempat.</div></div></td></tr> </table> </div>

Silahkan sobat ganti :

Warna : Dengan judul artikel/script/apa saja sesuai dengan isi Scroll Box

Warna : Untuk ukuran font tulisan pada Scroll Box

Warna : untuk ukuran lebar Scroll Box

Warna : Untuk ukuran Tinggi Scroll Box, (Semakin banyak tulisan dari kotak Scroll Box nya, Otomatis Scroll-nya akan terlihat).

Warna : Memposisikan tulisan Scroll Box, jika sobat ingin Rata kiri ganti “Center”, Menjadi “Left” atau rata kanan “Right”

Warna : Sobat ganti tulisan tersebut dengan sesuka sobat


4. Lalu pilih lagi mode “Compose” untuk melihat hasilnya, seperti gambar dibawah.

 

Bagaimana ? mudah kan sob ? Mungkin itu saja berbagi pengetahuan tentang 4 Langkah Mudah Membuat Scroll Box Menarik dalam Postingan Blog Terdapat Judul Artikel Dalam Scroll Box-nya