Friday, September 21, 2012

Cara Membuat Kotak scroll di blog

Informasi Halaman :
Author : Alip Hadi Mujiono, Staf Pengajar TIK di SMP NU 02 Dukuhturi Kabupaten Tegal.
Judul Artikel : Cara Membuat Kotak scroll di blog
URL : http://jejak-demo.blogspot.com/2012/09/cara-membuat-kotak-scroll-di-blog.html
Bila berniat mencopy-paste artikel ini, mohon sertakan link sumbernya. ...Selamat membaca.!
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 . 
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di www.roomantik.com

0 comments:

Post a Comment