cara membuat widget popular post bergerak

Sunday

cara membuat widget popular post bergerak




widget popular post adalah untuk menampilkan artikel yang sering dibaca sobat blogger pasti sudah tau semua kan ..he..hee.
Nah kali ini bagi sobat bloger yang ingin modif widget populer postnya supaya bisa  bergerak naik turun cukup mudah dan untuk menseting widget ini masuk di dasbord tata letak entri populer nah disitu anda bisa mensetting sesuai degan selera anda misalnya ingin menampilkan dengan tumbnail dan dan juga cuplikan semua tergantung keinginan sobat seperti ini gambarnya:


nah sedangkan untuk langkah langkah membuat Entri Populer supaya bisa bergerak naik turun sebagai berikut:
  • Logi 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>

okey semoga membantu salam blogger
Comments
19 Comments

19 comments:

Saiful Anasz 29 Oct 2012, 16:37:00  

Artikelnya Bermanfaat Sekali Sobb..

Makasih Ya...

Jgn Lupa Mampir Di Blog Ane Juga...

Klik Disini..

Salam Bloggers/Blogwalking

satrioedan 1 Nov 2012, 17:08:00  

@Saiful Anasz selamat datang and happy BW

Saiful Anasz 7 Nov 2012, 19:26:00  

@satrioedan Kunjungan Malam Sobat..

Jangan Lupa Koment Back Ya....


Klik Disini..

Salam Blogwalker... :))

jadul 9 Nov 2012, 19:16:00  

thanks gan membantu..
coment back ya..

Uem Cuters 10 Nov 2012, 16:12:00  

Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

son billy 19 Dec 2012, 10:00:00  

terima kasih tutornya gan, ini yang aku cari....

jona rendra 28 Dec 2012, 20:01:00  

bagus blog nya... isi semut
kunjungi juga
jonarendra.blogspot.com

lovely 18 Jan 2013, 17:22:00  

tips menarik sob, tapi mau nanya kalau bergerak berpengaruh sama kecepatan loding ga...? thanks dah berbagi..follback ya...

mariyanto widodo 3 Feb 2013, 09:54:00  

Kayaknya menarik nich, izin cobain ya gan.

ANDRI SANJAYA 9 Mar 2013, 02:31:00  

Bagus infonya. Saya coba dulu!

ndazr sullivan 3 Apr 2013, 21:42:00  

info yang bagus gan! kunjungi juga blog saya ya.. byk info-info mnariknya juga lho

http://hacksevenseven.blogspot.com

Cekidot Gan 5 Apr 2013, 23:44:00  

makasih sahringnya, gan...salam kenal

Irfandi Rahman 25 Apr 2013, 04:26:00  

Maksih gan infonya, ane mw praktekin dulu... hihihi... :D
Ditunggu kumbalnya yahh...
Salam
Kumpulan Tugas

Gunawan Putra Petir 5 May 2013, 21:11:00  

terimakasih atas infonya gan

Dhia Syarafana 10 Jun 2015, 19:20:00  

di monitorku kok ada semut ya.




(HAPPY BLOGGING)

Next Prev Home
*

traffic

Kembali ke ATAS