Membuat popular post bergerak kebawah

Apa kabar sahabat blogger ? mudah mudahan baik dan sehat selalu, kali ini admin akan membahas masalah popular post yang tidak ada pernah habis nya , karena sangat banyak di pergunakan  untuk desain keindahan blog itu sendiri,memiliki desain blog yang indah adalah harapan semua blogger pa umum nya.Untuk menghemat waktu kita langsung saja ke topik pembahasan nya yaitu Membuat popular post bergerak kebawah.


Langkah langkah awal yang perlu diperhatikan adalah sebagai berikut:

1. Log in ke akun blogger sobat seperti biasa nya.
2.Setelah berhasil masuk lalu ke pengaturan dan pilih pengaturan tata letak nya sesuai kan mau dipasang di sebelah mana terserah umum nya di sebelah kanan.
3.Klik tambah gadget dan pilih entri populer.
4. kembali lagi ke menu tambah gadget dan pilih Add HTML/JavaScript
5.Lalu copy dan paste kode script di di bawah ini
6.Untuk mengatur lebar dan lain nya bisa di edit script nya sesuai ke inginan anda
7. Pratinjau template, jika sudah oke bisa langsung save templat nya




<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>




Demikian tata cara membuat popular post bergerak kebawah semoga bermanfaat dan berguna untuk anda
Terimakasih.




Subscribe to receive free email updates:

0 Response to "Membuat popular post bergerak kebawah"

Post a Comment

Terimakasih telah berkunjung,Berkomentarlah dengan sesuai topik dilarang berkomentar dengan tidak sopan, tidak senonoh ,pornografi dan Sara,menyertakan link aktif akan otomatis terhapus