Cara membuat slide popular post di blog

• PASANG IKLAN ANDA DISINI
  Promosikan Bisnismu Disini.

• PASANG IKLAN ANDA DISINI
  Promosikan Bisnismu Disini.

selamat malam sobat bloger semuanya...
Pada kesempatan kali ini saya akan membagikan informasi tentang cara membuat popular posts bergerak di blog kita.Buat sobat blogger yang ingin mempercantik blognya silahkan saja disimak langkah-langkah berikut ini.

1. Login ke blogger
2. Pilih Tata Letak
3. Pilih Tambah Gadget
4. Pilih HTML/JavaScript
5. Masukan kode script di bawah ini. 

<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/AVvXsEgt-aJRYf6REuJdEb1IF0KYRctH8N0X5yKzS0YHh-Zl6r0ZQ1XjNct4NhRIGXBAKvtqnmyCF-8aHcrZjSx7x_TsYU4eiZrqxiwRs31YTrQcdpoyLvyfZQDinsnIGZfBjJj0_9DOUA6h8kU/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>

simpan script di bawah popular posts lalu simpan. sekian dulu informasi dari saya selamat mencoba dan semoga berhasil...

.

Judul: Cara membuat slide popular post di blog ; Ditulis oleh Admin Ganteng ; Rating Blog: 5 dari 5

Cara membuat slide popular post di blog
Published by: Admin
Rating: 5 Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan code di bawah atau share dengan sharing buttons di atas. Copy paste wajib dengan izin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.http://gerobaksoftware.blogspot.com/2012/11/cara-membuat-slide-popular-post-di-blog.html">Cara membuat slide popular post di blog