Cara membuat Terpopuler berjalan otomatis
Cara membuat Terpopuler berjalan otomatis

 Cara membuat populer Post bejalan.cara ini juga tidak terlalu ribet and tidak begitu memberatkan blog.cara ini juga pernah saya terapkan untuk melihat hasilnya KLIK DEMO.jika anda tertarik membuatnya ikuti langkah-langkah di bawah ini :


1.Pertama login blogger.Pilih edit Tata letak -  Tambah widget - cari java scrip lalu masukkan scrip di bawah ini :

<style type="text/css" media="screen">


#PopularPosts1 {

 overflow:hidden;

margin-top:5px;

padding:0px 0px;

height:400px;



}



#PopularPosts1 ul {

width:300px;

overflow:hidden;

list-style-type: none;

padding: 0px 0px;

margin:0px 0px;

}



#PopularPosts1 li {

 width:300px;

padding: 5px 5px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:80px;

overflow: hidden;

background:#f3f3f3 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:#fb0421;

font-size:13px;

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:12px;

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://facewoman.googlecode.com/files/post%20berjalan.js" type="text/javascript"></script>

2.pasang widged populer post.
3.Ketiga kita tinggal save dan lihat hasilnya.

Itulah Cara membuat Terpopuler berjalan otomatis ,bisa bermanfaat.

1 Komentar

Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.

Posting Komentar

Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.

Lebih baru Lebih lama