Cara Untuk Membuat Popular Post Bergerak Kebawah

By:tonny

cara untuk membuat popular post menarik ada yang popular post bergerak kebawah ada juga yang berak ke atas,namun yang akan saya bahas dalah cara membuat popular post bergerak ke bawah dengan cara yang paling mudah, tampilan artikel populer bergerak ke bawah akan membuat blog anda semakin keren. artikel populer menunjukkan artikel yang sering di baca pada blog anda dalam kurun waktu, setiap saat, bulan, minggu dan hari yang tentunya memudahkan para pengunjung blog anda untuk menemukan artikel yang sering di baca di blog anda

berikut adalah cara membuat artikel populer bergerak ke bawah

1. login ke blogger anda

2. pilih blog yang akan di taruh popular post bergerak

3. jika blog anda belum ada artikel populer maka anda harus menempatkan widget entri populer pada blog anda

dengan cara

         1. klik tata letak

        2. kemuduian pilih entri populer seperti gambar di bawah ini

 

        3. simpan

4. jika sudah terpasang tinggal klik tata letak

5. klik tambah gadget

6. pilh HTML/java script seperti gambar di bawah ini

7. copy kode script bawah ini

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

#PopularPosts1 {

overflow:hidden;

margin-top:5px;

padding:0px 0px;

height:400px;

}

#PopularPosts1 ul {

width:340px;

overflow:hidden;

list-style-type: none;

padding: 0px 0px;

margin:0px 0px;

}

#PopularPosts1 li {

width:340px;

padding: 5px 5px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:80px;

overflow: hidden;

background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) 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://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

8. kemudian beri judul populer post (tidak diisi tidak apa2)

9. klik simpan dan tunggu hasilnya

berikut adalah postingan saya tentng cara membuat entri populer atau populer post semoga bermanfaat