Cara membuat popular post bergerak kebawah, ada banyak cara untuk membuat popular post menarik ada yang popular post bergerak kebawah ada juga yang berak ke atas,namun yang akan saya bahas dalah cara membuat popular post bergerak ke bawah dengan cara yang paling mudah, tampilan artikel populer bergerak ke bawah akan membuat blog anda semakin keren. artikel populer menunjukkan artikel yang sering di baca pada blog anda dalam kurun waktu, setiap saat, bulan, minggu dan hari yang tentunya memudahkan para pengunjung blog anda untuk menemukan artikel yang sering di baca di blog anda.

berikut adalah cara membuat artikel populer bergerak ke bawah1. login ke blogger anda2. pilih blog yang akan di taruh popular post bergerak3. jika blog anda belum ada artikel populer maka anda harus menempatkan widget entri populer pada blog andadengan cara 1. klik tata letak 2. kemuduian pilih entri populer seperti gambar di bawah ini

3. simpan

4. jika sudah terpasang tinggal klik tata letak

5. klik tambah gadget

6. pilh HTML/java script seperti gambar di bawah ini

7. copy kode script bawah ini

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

8. kemudian beri judul populer post (tidak diisi tidak apa2)

9. klik simpan dan tunggu hasilnya.

Semoga Bermanfaat.

Salam Kambusee

Kumpulan Animasi Widget Keren

kumpulan Animasi Widget keren buat Blogkumpulan Animasi Widget keren buat Blog

Pojok-Pojok lagi lagi Kumpulan Widget Animasi Keren Di Blog buat di gambar pojok,Nah gan buat yang lagi cari Gambar atau Animasi Keren buat di blogsilahkan di pilih Kumpulan Widget Animasi Keren Di Blog ini Tapi saya ambil dari koleksi gambar animasi gerak saya gan . Cara pasangnya juga gampang ayo ke tkp

1.Masuk akun blogger kamu Klik > Rancangan > Pilih add laman > dan pilihHTML/javascript
2.Pilih salah satu gambar di bawah ini yang kamu suka kemudian kopi pastekan kode HTML nya di HTML/javascript .
3.Simpan dan lihat hasilnya