Widget Scrolling biasanya berfungsi sebagai penghemat ruang pada suatu blog.
Contoh penggunaan Widget Scrolling ada pada blog ini pada bagian Go To Link.
Adapun langkah-langkah untuk membuat Widget Scrolling tersebut yaitu sebagai berikut:
- dari menu Layout pilihlah Page Elements kemudian tambahkanlah sebuah Widget baru pada bagian manapun di blog anda, pilihlah HTML/Javascript Widget lalu letakan kode dibawah ini didalamnya:
<center>kode <center> yang berfungsi sebagai perataan bisa diganti sesuai kebutuhan menjadi <left> atau <right>
<div style="border: 1px solid rgb(151, 151, 151); overflow: auto; width: 182px; height: 200px; text-align: center;" >
</div></center>
Untuk nilai height/tinggi dan width/lebarnya pun juga bisa disesuaikan sesuai dengan kebutuhan.
- apabila anda ingin menambahkan isi kedalam widget tersebut maka cukup tambahkan kode diantara <div> dan </div> contoh :
<div style="border: 1px solid rgb(151, 151, 151); overflow: auto; width: 210px; height: 260px; text-align: left;" >simpan Widget dan lihatlah hasilnya sudah seperti yang ada pada blog ini bukan??
» <a href="http://www.a1vbcode.com/">A1VBCode</a>
<br />
» <a href="http://deconstructioncode.blogspot.com/">Deconstruction Code</a>
<br />
» <a href="http://www.echo.or.id/">Echo</a>
<br />
» <a href="http://garyabraham.blogspot.com/">Gary Abraham</a>
<br />
» <a href="http://widgets.mahesajenar.com/">Mahesajenar Widget</a>
<br />
» <a href="http://www.o-om.com/">OOM Blog</a>
<br />
» <a href="http://www.planetsourcecode.com/">Planet Source Code</a>
<br />
» <a href="http://razbieblog.blogspot.com/">Rahma Blog</a>
<br />
» <a href="http://eljomblocommunity.blogspot.com/">Terren Jr</a>
<br />
» <a href="http://www.vb-bego.com/">VB-Bego</a>
</div>
1 comments:
thank's atas infonya by http://www.o-oow.co.cc
Post a Comment