Cara Membuat Scrool Box Bergambar

   Cara Membuat Scrool Boox sudah banyak yang bisa, nah sekarang trik blog Nhiecotine21 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 tulisan yang ada di sini. Di sini adalah tempat untuk corat-coret Nhiecotine21. Nhiecotine21 suka mencorat coret di tempat ini. Sorry all, kalau background gambarnya Jelek, maklum Saya Kurang Dalam Bidang Menggambar

Original Blog Tutorial

  Ganti tulisan yang ada di sini. Di sini adalah tempat untuk corat-coret Blog Nhiecotine21 sendiri suka mencorat coret di tempat ini. Sori ya background - Nya Jelek. kalau background , Bisa kamu ganti dengan background - Nya Kamu - Kamu Semua

(Scroll box berisi gambar)

Bagaimana? Tertarik untuk coba membuat scroll box seperti tampak di atas. :)tertarik Kah Anda,  

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.
   
   
   <!-- http://nhiecotine21011989.blogspot.com -->

   <div style="height:230px;width:335px;overflow:scroll;font:35px/45px cursive;color:#A6120D;background:url(http://t2.gstatic.com/images?q=tbn:ANd9GcQofmE3zuBS2FAwzIbjFsQMGKDCeiKrW273dv-3Ig7NXlDnhj-VTw);">Ganti tulisan yang ada di sini. Di sini adalah tempat untuk corat-coret Nhiecotine21. Nhiecotine21 suka mencorat coret di tempat ini. Sorry all, kalau background gambarnya Jelek, maklum Saya Kurang Dalam Bidang Menggambar
   </div>
   <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://nhiecotine21011989.blogspot.com/">Original Blog Tutorial</a></p>
3. Kembali ke account blogger --> layout --> add a gadget --> HTML/Javascript --> paste --> Click save
   

**** Sekedar Info ****
Selain itu, kode bisa juga dimasukkan di postingan

%%% Caranya : %%%
Sama Dengan Cara Yang Di Atas

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.

1. <!-- Kode didistrubusi oleh www.burukutuk.com -->

   <div style="height:230px;width:335px;overflow:scroll;font:35px/45px cursive;color:#A6120D;background:url(http://t2.gstatic.com/images?q=tbn:ANd9GcQofmE3zuBS2FAwzIbjFsQMGKDCeiKrW273dv-3Ig7NXlDnhj-VTw);">Ganti tulisan yang ada di sini. Di sini adalah tempat untuk corat-coret Nhiecotine21. Nhiecotine21 suka mencorat coret di tempat ini. Sorry all, kalau background gambarnya Jelek, maklum Saya Kurang Dalam Bidang Menggambar
   

   </div>

   <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://nhiecotine21011989.blogspot.com/">Original Blog Tutorial</a></p>
2. Kembali ke account blogger --> Buat Entri Baru Atau Postingan Baru --> Edit Html --> paste Kode Yang Di Copy Tadi --> Click TERBITKAN ENTRI