Headlines News :
Home » » Cara Membuat Kotak scroll di blog

Cara Membuat Kotak scroll di blog

Written By Unknown on Friday, 21 September 2012 | 07:30

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 . 


http://www.asalberbagi.com/2012/09/cara-membuat-kotak-scroll-di-blog.html

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 . 
Share this post :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Lebih baik Berbagi - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger