Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Seputar Blog / Tips Dan Triks

Cara Sederhana Menciptakan Kotak Scroll Keren Dengan Adanya Judul Di Atas Kotaknya Pada Postingan Blog


Assalamu’alaikum…

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

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

            Penasaran bagaimana 4 Langkah Praktis 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 menyerupai 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 sahabat isi artikel, script atau apa saja disini. Semakin banyak teks yang diisikan dari tinggi kotaknya, otomatis akan membentuk scroll box, sehingga sanggup menghemat tempat.</div></div></td></tr>
</table>
</div>

Silahkan sahabat ganti :

Warna : Dengan judul artikel/script/apa saja sesuai dengan isi Scroll Box
Warna : Untuk ukuran font goresan pena pada Scroll Box
Warna : untuk ukuran lebar Scroll Box
Warna : Untuk ukuran Tinggi Scroll Box, (Semakin banyak goresan pena dari kotak Scroll Box nya, Otomatis Scroll-nya akan terlihat).
Warna : Memposisikan goresan pena Scroll Box, jikalau sahabat ingin Rata kiri ganti “Center”, Menjadi “Left” atau rata kanan “Right”
Warna : Sobat ganti goresan pena tersebut dengan sesuka sobat

Untuk Copy Paste Script tadi Contohnya menyerupai gambar dibawah.


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


            Bagaimana ? gampang kan sob ? Mungkin itu saja menyebarkan pengetahuan perihal 4 Langkah Praktis 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

Sumber https://faris6593.blogspot.com/