Contoh Scroll Widget |
RauefSe7en Blog - Kesempatan kali ini saya akan share trik blog. yaitu Cara Membuat Scroll di Widget, Pengen tau caranya? Yuk kita simak yang satu ini .
Membuat Gadget dengan Scroll
1. Buka Blogger > Layout > Add Gadget > Pilih Javascript/Html
2. Copy dan Paste kode ini
<div style="overflow:auto; width:200%px; height:250px; padding:10px; border:1px solid #999999;">
......
</div>
3. Isi ........ dengan script yang anda inginkan..
Contoh dengan script Feedjit hasilnya akan seperti ini.
<div style="overflow:auto; width:200%px; height:250px; padding:10px; border:1px solid #999999;">
<script type="text/javascript" src="http://feedjit.com/serve/?vv=955&tft=3&dd=0&wid=967f584564dfe0df&pid=0&proid=0&bc=FFFFFF&tc=545454&brd1=CCCCCC&lnk=6AA5C4&hc=878787&hfc=FFFFFF&btn=62BBDE&ww=262&wne=10&wh=Live+Traffic+Feed&hl=0&hlnks=0&hfce=0&srefs=0&hbars=0"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript>
</div>
Hal ini dilakukan untuk menghemat ruangan Blog anda dan dapat merapihkan tampilan blog
Cara mengatur panjang lebarnya gimana sob?
BalasHapusOmong2 bisa ga di wordpress?
Nice post gan :)
BalasHapusTemplatenya bagus gan
http://cyberpkl.blogspot.com/
@Farizal : width:200%px; height:250px; tinggal diganti angkanya, wordpress? kurang tau deh :D
BalasHapus@Putra : sip gan :D
Ternyata menggunakan overflow auto toh hehehehehe? :)
BalasHapus@The7Bloggers : hehehe.. iya bos :D
BalasHapusWaw mantap sob, ngirit ruang widget ni :D
BalasHapus@Anwar : iya sob.. :D
BalasHapus