Home Blog Membuat popular post bergerak kebawah

Membuat popular post bergerak kebawah

by Erzed

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

Membuat popular post bergerak kebawah 4

Langkah langkah awal yang perlu diperhatikan merupakan sebagai berikut:

1. Log in ke akun blogger anda seperti biasa nya.

2.Setelah berhasil masuk lalu ke pengaturan dan pilih pengaturan tata letak nya sesuai kan ingin 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 dapat di edit script nya sesuai ke inginan anda

7. Pratinjau template, apabila sudah oke dapat 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(https://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 menciptakan popular post bergerak kebawah semoga bermanfaat dan berguna untuk anda
Terimakasih.

Baca :  Tutorial Membuat Privacy Policy Online Lengkap dengan Gambar

You may also like