Cara Membuat Kotak scroll di blog . Bagi seorang blogger membuat tampilan blog semenarik mungkin merupakan suatu hal yang wajar dilakukan . Untuk itu kali ini saya mau share tentang Cara Membuat Kotak scroll di blog yang mudah , simple dan tentunya secara bertahap . Kotak scrool mempunyai banyak fungsi yang sangat berguna bagi seorang blogger diantarany kita biasa mendapati kotak scroll yang isainya banyak data , ada juga untuk menyimpan banyak widget namun tidak memakan tempat terlalu banyak , jadi kotak scroll mempunyai fungsi yang sangat istimewa .
Cara membuat kotak scroll
- Copy kode scrip yang ada di bawah ini kemudian masuk ke blogger > entri baru (new entri ) > Klik html yang ada disamping compose sebelah kiri atas > kemudian paste kode di bawah ini .
<div style="overflow:auto; width:150px; height:100px; padding:10px; border:1px solid #000000;">Asal berbagi</div>
Keterangan mengenai kode dan bisa anda rubah ukuran kotak tersebut
- width:100px adalah lebar kotak yang diukur dalam pixel. (100px/100pixel)
- height:400px adalah tinggi kotak yang diukur dalam pixel. (400px/400pixel)
- padding:10px; adalah jarak isi kotak dengan garis pinggir kotak.
- border:1px solid #000000 adalah kode untuk ketebalan garis pinggir kotak ( border ) dengan garis biasa ( solid ) yang berwarna hitam ( #000000 ).
- Kata Asal berbagi adalah isi kotak dan bisa anda ganti sesuai keinginan anda misalkan anda ingin memasukkan widget , kata kata , dan lainya
Contohnya bisa anda Lihat dibawah ini :
www.asalberbagi.com www.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.com www.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.comwww.asalberbagi.com
Bagaimana menurut anda ? Cukup mudahkan dan sangat simple tentunya jadi silahakan anda mencoba membuatnya . Demikianlah Cara Membuat Kotak scroll di blog semoga bermanfaat sekaligus bisa menjadi bahana pembelajaran yang berguna untuk anda dan orang banyak .
Post a Comment