Cara membuat scroll box dengan background gambar

Tertarik Pasang iklan? YM aja.
isi iklan di luar tanggung jawab admin blog.

Cara membuat scroll box sudah banyak yang bisa, nah sekarang trik blog Burukutuk akan mengajarkan bagaimana cara membuat scroll box yang berisi gambar. Dengan ini maka scrollbox akan dihiasi dengan background gambar yang full. Penasaran bagaimana cara membuatnya? . . .

Hasil jadinya akan tampak sebagai berikut :

Ganti semua tulisan yang ada di sini. Di sini adalah tempat untuk corat-coret Burukutuk sendiri suka mencorat coret di tempat ini. Sori ya, kalau background gambarnya kayak anak TK, maklum tidak jago menggambar sih XD

Blog Tutorial

(Scroll box berisi gambar)

Bagaimana? Tertarik untuk coba membuat scroll box seperti tampak di atas. :) Bila tertarik, ikuti langkah-langkah sebagai berikut :

1. Log in ke account blogger
2. Edit dan kemudian copy kode di bawah ini :
   Berikut yang harus di edit sebelum di copy :
   
   1. Text warna merah : ganti dengan url di mana image di hosting (Bisa gunakan imageshack)
   2. Text warna hijau : ganti dengan tulisan yang ingin kamu tulis
   3. Berikutnya (optional) ganti type font, ukuran font. Tapi tidak usah diganti juga tidak masalah kok.
      
   
   
   <!-- Kode didistrubusi oleh www.burukutuk.com -->
   <div style="height:230px;width:335px;overflow:scroll;font:35px/45px cursive;color:#A6120D;background:url(http://img686.imageshack.us/img686/3978/backgroundrj.jpg);">Ganti tulisan yang ada di sini. Di sini adalah tempat untuk corat-coret Burukutuk sendiri suka mencorat coret di tempat ini. Sori ya, kalau background gambarnya kayak anak TK, maklum tidak jago menggambar sih XD
   </div>
   <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.burukutuk.com">Blog Tutorial</a></p>
   


3. Kembali ke account blogger --> layout --> add a gadget --> HTML/Javascript --> paste --> Click save
   
   

!! Info : Selain itu, kode bisa juga dimasukkan di postingan. Bila ingin dimasukkan postingan copy paste kode ke dalam edit html. Jadinya ya, seperti postingan ini.

Sudah segitu aja kok, sekarang lihat hasilnya di index atau halaman depan blog. Jangan lupa diatur peletakannya. Selamat mencoba.


Click untuk memesan slot/Ym aja