Rabu, 08 Februari 2012

Cara Membuat Kotak Scroll Postingan di Blog


Sesuai dengan judul postingan ini yaitu cara membuat kotak scroll pada postingan, apa sih kotak scroll? kotak scroll adalah sebuah kotak yang berfungsi untuk membuat sebuah kotak yang nantinya bisa kita isi dengan gambar, script, atau tulisan sehingga tidak terlalu memakan tempat yang banyak untuk postingan kita, lalu bagaimana cara membuat kotak scroll pada postingan kita, ok, cara membuat kotak scroll pada postingan dapat kita lakukan dengan langkah-langkah dibawah ini:
  • Log in ke blogger agan
  • Masuk ke Postingan
  • Entri baru
  • Selanjutnya sobat buat postingan lalu masukan kode-kode dibawah ini sesuai yang agan butuhkan
Kode Pertama

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Masukan Script Disini</div>


Jika agan masukan script diatas maka hasilnya akan seperti dibawah ini 
Masukan Script Disini
 Kode Kedua
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 200px; height: 90px; background-color: rgb(255, 255, 255);"><img src="http://i1069.photobucket.com/albums/u464/AdityaPratamaTufiadi/stiickballazbabysd6.gif" /></div>
 
Maka Hasilnya akan seperti tampilan dibawah ini
Catatan:

Untuk Kode Pertama agan ganti Masukan Script Disini dengan kode script / tulisan sobat Untuk kode Kedua sobat ganti http://i1069.photobucket.com/albums/u464/AdityaPratamaTufiadi/stiickballazbabysd6.gif dengan URL image agan yang akan dimasukan ke dalam kotak scroll.

Semoga bermanfa'at & Happy Blogging... ^.^

0 komentar:

Posting Komentar

Budayakan setelah membaca tinggalkan komentar
just comment, doesn't spam.

 

Followers

APT's Copyright © 2009 Blogger Template Designed by Bie Blogger Template