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… ^^

Wassalamu?Alaikum..

Baca Juga : Cara Membuat Kotak Scroll Pada Postingan Blog dengan 11 Macam Bentuk Dan Banyak Pilihan Warna

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

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

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel