. Cara Sederhana Membuat Kotak Scroll Keren dengan Adanya Judul Di Atas Kotaknya Pada Postingan Blog - Berbagi Pengetahuan

Cara Sederhana Membuat Kotak Scroll Keren dengan Adanya Judul Di Atas Kotaknya Pada Postingan Blog


Assalamu’alaikum…

            Pada pembahasan terdahulu, saya pernah membahas membuat Scroll Box dari mulai yang biasa yang hanya background putih sampai variasi Scroll Box dengan 11 macam bentuk dan warna background dan bordernya pun bervariasi.

            Nah, sekiranya saya tidak perlu menjelaskan panjang lebar fungsi dari Scroll Box ini, yang pasti sih Scroll Box ini fungsinya adalah menghemat tempat postingan. Nah kali ini saya ingin sharing Scroll Box yang lebih menarik lagi sob, dalam 1 Kotak Scroll Box terdapat Judul ScrollBox-nya.

            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, untuk Login klik : Disini

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

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>

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

Untuk Copy Paste Script tadi Contohnya seperti gambar dibawah.


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. Apabila ada kata yang salah dan kurang berkenan mohon dimaafkan, terima kasih… ^^

Jika Menyukai Artikel di blog ini, Silahkan masukkan email sobat. Akan dapat Update artikel dari blog ini, "GRATISS!!"

1 Response to "Cara Sederhana Membuat Kotak Scroll Keren dengan Adanya Judul Di Atas Kotaknya Pada Postingan Blog"

  1. terima kasih bro jangan lupa backlink www.anibil.blogspot.com

    ReplyDelete