Cara Membuat Popular Post Keren di Blog - Bagaimana dengan
popular post sobat? Kang zain kali ini share
Cara Membuat Popular Post Keren di Blog agar tampilan
popular post sobat tidak jadul. hehe tujuan membuat
popular post keren dan cantik ini Untuk mempercantik tampilan halaman blog dan menarik pengunjung sobat bisa membuat sebuah
Popular Post yang bargerak secara otomatis sehingga kelihatan hidup halaman blog Agan semua.
Gak pake lama sobat, berikut tutorial
Cara Membuat Popular Post Keren di Blog :
Cara membuat Popular Post Keren di Blog:
1. Log In ke account Blogger sobat.
2. Setelah itu klik Tata Letak > Klik Add Gadget > HTML/JavaScript.
3. Copy Script dibawah ini dan paste Pada gadget.
<style type="text/css" media="screen">
#PopularPosts1 {
overflow:hidden;
margin-top:5px;
width:100%;
padding:0px 0px;
height:310px;
}
#PopularPosts1 ul {
width:310px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:10px 0px 0px 10px;
}
#PopularPosts1 li {
width:290px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTAgIQtS-aTL1wiFQ28MRh8OmmKO4tNYAk8pLNei8HAvrOL6TvQbUujKJGE9hJfYnXFX7LRxX4m1-2ryj2dfYt1pwwswXiXScxi_ddOkmLVYMw2fyBjNE-msbqFCQnrNQsq7RMSyxr4s0/s400/popular+posts.jpg) repeat-x;
border:1px solid #ddd;
}
#PopularPosts1 li .item-title {
font-size:1em;
margin-bottom:0.5em;
}
#PopularPosts1 li .item-title a {
text-decoration:none;
color:#7CA2C4;
font:bold 12px verdana;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#PopularPosts1 li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:2px solid #7CA2C4;
}
#PopularPosts1 li .item-snippet {
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#289728;
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>
4. Save/Simpan dan lihat hasilnya.
Sekian dulu
Cara Membuat Popular Post Keren di Blog. semoga bermanfaat dan selamat mencoba