Pengikut

Cara Membuat Scroll Pada Widget

Scroll Widget
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&amp;tft=3&amp;dd=0&amp;wid=967f584564dfe0df&amp;pid=0&amp;proid=0&amp;bc=FFFFFF&amp;tc=545454&amp;brd1=CCCCCC&amp;lnk=6AA5C4&amp;hc=878787&amp;hfc=FFFFFF&amp;btn=62BBDE&amp;ww=262&amp;wne=10&amp;wh=Live+Traffic+Feed&amp;hl=0&amp;hlnks=0&amp;hfce=0&amp;srefs=0&amp;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

7 komentar

  1. Cara mengatur panjang lebarnya gimana sob?
    Omong2 bisa ga di wordpress?

    BalasHapus
  2. Nice post gan :)
    Templatenya bagus gan
    http://cyberpkl.blogspot.com/

    BalasHapus
  3. @Farizal : width:200%px; height:250px; tinggal diganti angkanya, wordpress? kurang tau deh :D

    @Putra : sip gan :D

    BalasHapus
  4. Ternyata menggunakan overflow auto toh hehehehehe? :)

    BalasHapus
  5. @The7Bloggers : hehehe.. iya bos :D

    BalasHapus
  6. Waw mantap sob, ngirit ruang widget ni :D

    BalasHapus

Budayakan Berkomentar dan Dilarang SPAM.
Dilarang Mengisi kotak komentar dengan LINK atau Anchor Text

Terima Kasih

.
 

Mengenai Saya

Most Reading

Diberdayakan oleh Blogger.