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. sebagai
contoh popular post pada situs ini ditempatkan disidebar kanan dengan
judul top entri.
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://bangjefri-code.googlecode.com/files/popularpost.js" type="text/javascript"></script>
Simpan Tamplate Sahabat dan lihat hasilnya.
semoga artikel cara Cara Membuat Popular Post Bergerak Turun Di Blog,
bisa mempercantik dan melengkapi isi dari blog agar lebih lengkap dan
membantu pengunjung untuk berkunjung pada postingan lainnya.
SEKIAN !!!