Membuat Widget Popular Post Bergerak Sendiri


Membuat Widget Popular Post Bergerak


pastinya udah pada tau kan tentang fungsi widget popular??? Pastinya donk!!! Hehehehe..!!!

pada kesempatan kali ini Galery catatan akan memposting sesuatu yang bermanfaat buat para sahabat semua tentang Membuat Widget Popular Post Bergerak setelah sebelumnya memposting tentang Mencuci Motherboard Dengan Air !!! Ok langsung aja bagi para sahabt yang ingin memodif widget populernya agar bisa  bergerak sendiri (naik-turun) seperti yang ada pada blog ini, caranya mudah!!!! Tingga para sahabat seting widgetnya caranya masuk login ke blognya terlebih dahulu kemudian dasbord - tata letak - entri popular, ya disitu sahabat bisa setting sesuai degan keinginan para sahabat, contoh : ingin menampilkan dengan tumbnail dan juga Menampilkan semua tergantung keinginan para sahabat!!! Ni contoh gambarnya :


yang paling penting disini ni!! Ini adalah cara agar widget populernya bergerak (naik-turun)! Langsung aja simak langkah2nya dibawah ini : 

  • Login ke dasbord
  • Pilih Rancangan Tambahkan Gedget Entri Populer atau Populer Post kalau sobat belum pasang tapi kalau anda sudah pasang lewati aja
  • Tambahkan Gedget lagi HTML Java Script
  • Lalu copy code dibawah ini di HTML Java Script
  • Dan  langkah terahir simpan

<style type="text/css" media="screen">
#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:280px;
    
}
#PopularPosts1 ul {
width:342px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#PopularPosts1 li {
 width:334px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}
#PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}
#PopularPosts1 li .item-title a {
 text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#PopularPosts1 li img {
 float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
#PopularPosts1 li .item-snippet {
  overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
    color:#3E4548;
    text-decoration: none;
}
#PopularPosts1 .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;    
}
#PopularPosts1 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.tags span,
.tags a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
a img {
    border: 0;
}
-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://camporbawor.googlecode.com/files/popularpost2.js" type="text/javascript"></script>

Download code HTML Java Scriptnya


Ok para sahabat GaleryCatatan! Semalamat mencoba n salam blogger!!!

36 komentar:

  1. Mantab nih triknya..
    Boleh di coba deh

    http://fhirman-ilham.blogspot.com

    BalasHapus
    Balasan
    1. wah terimakasih gan atas kunjungannya!!!!!!!!!

      Hapus
    2. Anonim22/3/16

      passwordnya gan

      Hapus
  2. Anonim26/1/13

    woww mudah sekali yah cara buatnya , Jangan Lupa Komen Balik Disini Ya Kawan

    BalasHapus
  3. Wah sukses gan caranya di blog saya yang satunya ,, makasih atas tutornya gan ,,

    Blogwalking

    BalasHapus
  4. Keren tutornya, ijin praktek n nitip link y mas?
    Iconia PC Tablet Dengan Windows 8

    BalasHapus
  5. o iya gan sama2 ...... salam blogger!!!

    BalasHapus
  6. tank's gan info widget nya.. kunjungi jg gan macanbola.com

    BalasHapus
  7. Balasan
    1. iya gan sama2!! terimakasih atas kunjungannya!!!!!

      Hapus
  8. saya copy scriptnya yg keluar pas saya paste kyk giinih..

    Read more at: http://galerycatatan.blogspot.com/2013/01/membuat-widget-popular-post-bergerak_2587.html
    Copyright Galerycatatan.blogspot.com Under Common Share Alike Atribution

    Heuhh...!!!

    BalasHapus
    Balasan
    1. gini gan!!! simpan dulu (save page as) kemudian buka yang disimpan tadi kemudian open with MS WORD!!! nah dari word tadi agan bisa mengkopinya!!! silahkan dicoba dulu gan!!!!

      Hapus
  9. makasih gan.....atas tip tipnya... kunjungin balik blog kita ya..http://blogigolo.blogspot.com/

    BalasHapus
  10. thank sob info'a

    kunjungin balik blog kita ya..

    http://sujiyanto12.blogspot.com/

    BalasHapus
  11. nice info jng lupa berkunjung ya gan

    http://unprivatebanking.blogspot.com/

    BalasHapus
  12. Anonim19/5/13

    ane coba dulu ya gan.. :)

    comment back yaa.. http://rivaledogawa.blogspot.com/

    BalasHapus
  13. thanks gan

    kunjungi blog ane di gembolditya.blogspot.com

    BalasHapus
  14. Anonim6/7/13

    thanks gan, sudah berhasil nih...
    scriptnya saya copy y gan...

    BalasHapus
  15. Alhamdulillah popularpost saya sudah bergerak, makasih atas tricknya. Baca dan komentari ya...
    http://tafshare.blogspot.com/2014/03/mengenal-klan-uchiha.html
    #dijamin komenback

    BalasHapus
  16. THANK GAN INFONYA,.,.
    KUNJUNGI BLOG ANE JUGA >>> GO-BLOG

    BalasHapus
  17. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  18. kyknya mudah ini caranya . .. coba dah ntar ,, , ^^

    BalasHapus
  19. kmrn coba2 kok gagal yak hahaha
    maklum pemula .. . .

    semoga nnti bisa jalan .. . makasih gan

    BalasHapus
  20. Terimakasih agan, nice...
    http://bit.ly/1EOZnPi

    BalasHapus
  21. paswordnya bank hikssss

    BalasHapus

  22. We give the best Java Training Courses in Chennai and we have the best mentors who are chipping away at Top MNC organizations with right around 10 years of involvement in Java.Our preparing is of one of a kind style makes us the best java preparing foundation in Chennai and parcel of understudies are awed with our preparation which has made us to be the best decision for individuals intrigued by learning Java.

    BalasHapus

Semoga artikel ini bermanfaat bagi para saahabat semua. Kami berharap anda dapat memberikan komentar, namun tolong agar menggunakan bahasa yang etis. terima kasih!!!