Thursday, April 25, 2013

MEMBUAT POPULER POST BERGERAK TURUN NAIK DIBLOG

MEMBUAT POPULER POST BERGERAK TURUN NAIK DIBLOG
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.

OK LANSUNG AJA YA SOBAT BERRJAYA
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.

1 comment:

Related Posts Plugin for WordPress, Blogger...