Modifikasi Menu Scroll dengan Backround Gambar

Hampir 3 hari saya merancang Modifikasi Menu Scroll dengan Backround Gambar ini, hal ini saya lakukan dikarenakan rasa penasaran dan ketertarikan sendiri jika menu scroll dilapisi dengan tampilan backround gambar yang dapat diganti-ganti sesuai dengan keinginan.

Usaha dan semangat tinggi yang saya lakukan akhirnya tidak sia-sia, apa yang menjadi keinginan telah terwujud. walaupun modifikasi ini merupakan modifikasi sederhana, namun bagi saya hal tersebut merupakan sebuah awal dalam melakukan modifikasi selanjutnya untuk terus berkreasi dengan tujuan menampilkan sesuatu yang menarik.

Cara Modifikasi Menu Scroll dengan Backround Gambar ini dibuat dengan menggabungkan beberapa kode yaitu kode Border dan kode Scroll, dengan menggabungkan dua kode ini akhirnya jadilah Menu Scroll dengan backround Gambar. Berikut:

Modifikasi Menu Scroll dengan Backround Gambar

1. Masuk ke www.blogger.com
2. Masuk ke menu Posting
3. Buat atau edit artikel anda
4. Copy dan Paste kode di bawah ini

<table border="0" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6hXS5K9_-dh6mL-no2fCvI-6TveY7FuwSRdgIOxD1_xRiwAYdiRjy9bLr-0p2keHt4ZbW93sJCaDETHlxOm5bM-eh4V3_YvX1vkqsJwg6zX74THsnHEvaYdoWpaHNnjKgUj_cgMC9VTuu/s1600/groundTV-Terwujud.jpg); height: 250px; padding: 0px 8px 46px 8px; width: 450px;"> <tr> <td> <center> <div style="background: white; height: 180px; overflow: auto; padding: 0px 5px 0px 15px; text-align: justify; width: 430px;"> Isi teks atau file serta gambar di sini </div> </center> </td> </tr> </table>

5. Publish atau perbaharui
6. Lihat Hasilnya

Keterangan Modifikasi Kode

Pada Kode Border
-Atur kode height: 250px dan width: 450px ( Sesuaikan dengan keinginan anda)
-Padding pada Kode Border (untuk tampilan scroll) dapat anda atur sesuai backround Gambar >> padding: 0px (bawah) 8px (kiri) 46px(atas) 8px (kanan).

Pada Kode Scroll
-Atur kode height: 250px dan width: 450px ( Untuk tinggi dan lebar scroll)
-padding: 0px 5px 0px 15px (Untuk jarak scroll pada atas, bawah, kanan dan kiri)

Modifikasi ini intinya merupakan kreasi dalam mengutak-atik sebuah kode, maka dari itu bagi anda yang ingin bereksperimen untuk membuat modifikasi yang lebih menarik seperti Kode Menu Scroll dengan Backround Gambar di atas atau kode-kode lainnya, maka lakukanlah menurut kemampuan dan imajinasi anda sendiri.

Demikianlah artikel tentang Modifikasi Menu Scroll dengan Backround Gambar, Jika ada yang kurang jelas atau kesalahan dalam penerapannya, silahkan tinggalkan pesan melalui komentara di bawah. Terima Kasih!!.