pasang scroll bar di blog

Alhamdulillah kita semua di beri kesehatan dan nikmat. dan kita masih diberi kesempatan untuk saling berbagi ilmu. pada postingan yang lalu kita telah membahas tentang bagaimana cara membuat spoiler, nah sekarang postingan kali ini bagaimana cara membuat scroll bar di blog kita. cara mudah banget...!! kalian LOGIN dulu ke blog kalian, terus masuk ke entri baru atau masuk ke postingan baru di blog kalian. kemudian tulis coding di bawah ini di edit HTML nya bukan di compose nya. oke. nih dia codingnya :



<div style="overflow:auto;width:500px;height:300px;padding:10px;border:3px solid #eee">

tuliskan isi dari scrool nya disini

</div>



atau juga anda bisa memasukkan gambar di dalam scroll nya. seperti di bawah ini :





keterangan :
  • width:500px    : merupakan lebar dari scroll, anda bisa mengubah sendiri ukurannya.
  • Height:300px : merupakan lebar dari scroll, anda bisa mengubah sendiri sesuka hati.
  • Border:3px     : adalah ketebalan gari batas scroll. juga bisa diganti ukurannya. 
  • padding:10px  : adalah jarak isi dengan scroll nya, bisa anda rubah sesuka hati.
  • untuk memasukkan gambar seperti di atas anda tinggal mengganti isi scroll nya dengan coding in : <img src="http://i1092.photobucket.com/albums/i418/ipuong/ren76.png" />  tulisan yang biru merupakan alamat dari gambarnya anda ganti dengan gambar pilihan anda.
  •  
    cukup sampai disini potingan kali ini, semoga bermanfaat. amin
    pembaca yang baik selalu meninggalkan jejak komentar. see you next posting.
Share this article :

0 komentar:

Post a Comment

komentar anda lebih berharga dari apapun, dengan komentar anda berarti anda ikut memajukan blog kami.

LinkWithin

Related Posts Plugin for WordPress, Blogger...
 
Support : Creating Website | Johny Template | Maskolis | Johny Portal | Johny Magazine | Johny News | Johny Demosite
Copyright © 2011. Indonesian Blog Walking - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Blogger