Membuat Popular Post Bergerak Turun Random

Menampilkan artikel yang sering dibaca atau popolar post dengan gambar dan bisa bergerak turun dan menempatkanya disidebar atau disebelah kolom  postingan, bisa dikiri atau dikanan tergantung selera masing-masing, setelah posting seputar facebook dengan judul membuat cover facebook timeline,  mencoba menulis ulang artikel cara membuat popular post atau menampilkan artikel yang sering dibaca dengan sedikit animasi random, untuk pemasangan popular post itu sendiri yang pada dasarnya artikel popular post sudah banyak yang mengulas dan membahasnya.

Apa guna menampilkan artikel yang sering dibaca / Popular Post ?
Secara detail saya pribadi juga gak begitu paham, berdasarkan pengalaman saya saja saat berselancar dan melihat blog teman-teman, dengan adanya popular post tersebut dapat membantu para pengunjung untuk mengarahkannya ke halaman yang lain mungkin saja ada artikel lain yang tidak tampil dihalaman utama ada dihalaman lain dan menjadi top artikel.

Manfaatlain bisa membantu blog / web agar terkenal di google karena sering dan lamanya waktu pengunjung untuk melihat-lihat isi web tersebut bagi sobat yang ingin membuat dan memasangnya berikut caranya :

1. Logi ke dasbor sahabat
2. Pilih Rancangan
3.Tambahkan Gedget "Entri Populer"

4. Tambahkan Gedget "HTML Java Scrip"

5. Copas code dibawah ini dan paste di Gedget HTML Javascrip tadi.

<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://kiat-cara.googlecode.com/files/populerpost.js" type="text/javascript"></script>

Simpan Tamplate Sahabat dan lihat hasilnya.

semoga artikel cara Membuat Popular Post Bergerak Turun Random, bisa mempercantik dan melengkapi isi dari blog agar lebih lengkap dan membantu pengunjung untuk berkunjung pada postingan lainnya.