. 5 Langkah Mudah Membuat Scroll Box Menarik Pada Postingan Blog - Berbagi Pengetahuan

5 Langkah Mudah Membuat Scroll Box Menarik Pada Postingan Blog

Assalamu’alaikum…

            Pada pembahasan kali ini saya ingin Berbagi Pengetahuan tentang Cara Mudah Membuat Scroll Box Menarik Pada Postingan Blog. Oke langsung saja ya disimak caranya :

1. Login ke Blog sobat : Disini

2. pada Dashboard blog pilih yang bergambar pensil diblog yang sobat inginkan, saya contohkan seperti gambar dibawah.

Gambar 5 Langkah Mudah Membuat Scroll Box Menarik Pada Postingan Blog

3. Pada window posting Baru, pilih mode HTML sebelah mode Compose, copy paste script dibawah ini pada mode HTML.

<div style="border: 5px solid #ea6153; height: 200px; overflow: auto; padding: 5px; width: auto; text-align: justify;"> masukkan Kode / Script yg ingin di masukan</div>

Merah : tebal dinding box
Biru : warna dinding box
Height : tinggi box

Seperti gambar dibawah :

Gambar 2 5 Langkah Mudah Membuat Scroll Box Menarik Pada Postingan Blog

4. Lalu pindahkan lagi ke mode Compose, dan hasilnya akn seperti gambar dibawah.

Gambar 3 5 Langkah Mudah Membuat Scroll Box Menarik Pada Postingan Blog

5. Hapus kata-katamasukkan Kode/Script yg ingin dimasukkan” dengan script atau text yang sobat inginkan, langsung ganti di kotak tersebut atau pada mode HTML.
            Jika text yang sobat masukkan lebih panjang dari pada tinggi box nya. Maka dalam box nya akan ada scroll nya.

            Mungkin itu saja Berbagi Pengetahuan tentang Cara Mudah Membuat Scroll Box Menarik Pada Postingan Blog. Apabila ada kata yang salah dan kurang berkenan mohon maaf. Terima kasih ^^

Wassalamu’alaikum…

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

1 Response to "5 Langkah Mudah Membuat Scroll Box Menarik Pada Postingan Blog"