Populer Dan Recent Post Bergerak Kebawh

Untuk mempercantik blog sobat dengan membuat  populer post dan recent post bergerak kebawah, sobat bisa lihat gambar dan script dibawah ini dan juga cara untuk pemasangan di blog. Pemasangannya ga terlalu rumit, sangat mudah sekali. Silahkan bila sobat ingin memasang scrip populer dan recent post tinggal copy dan paste aja.. Yang sangat penting sobat bisa atur jumlah yang di tampilkan dan jangan lupa sob terus semangat hehe.....

POPULER POST BERGERAK KEBAWAH 
1. Masuk ke blog sobat
2. Masuk ke rancangan pilih add wiget atau tambah gatged
3. Pilih HTML / Java Script
4. Copy Script di bawah ini
5. Paste script dibawah ini di blog sobat
6. Save 
7 Tambahkan populer post sesuai keinginan sobat untuk menaruhnya 
8. Lihat Hasilnya dan salam sulses selalu

Copy Script Di 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>

RESEN  POST BERGERAK KEBAWAH 
1. Masuk ke blog sobat
2. Masuk ke rancangan pilih add wiget atau tambah gatged
3. Pilih HTML / Java Script
4. Copy Script di bawah ini
5. Paste script dibawah ini di blog sobat
6. Save 
7 Tambahkan populer post sesuai keinginan sobat untuk menaruhnya 
8. Lihat Hasilnya dan salam sulses selalu

Copy Script Di Bawah Ini, 

<div style="overflow:auto;width:100%;height:300px;padding:0px;border:0px solid black">

<style type="text/css">

#rp_plus_img{height:300px;}

#rp_plus_img li {height:60px;padding:5px;list-style:none;

background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;

border:solid 1px #000000;}

#rp_plus_img a{color:#00000;}

#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;

text-align:justify;

-moz-border-radius: 3px;}

 #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">

</script>

<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">

</script>

<script type="text/javascript">

var speed = 1500;

var pause = 3500;

$(document).ready(function(){

rpnewsticker();

interval = setInterval(rpnewsticker, pause);

});

</script>

<ul id="rp_plus_img"><script>

var numposts = 8;

var numchars = 0;

</script><script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">

</script></ul></div><center><small><a href="http://arivose.blogspot.com/2012/08/cara-membuat-recent-post-berjalan-ke.html" target="_blank">[ARTIKEL]</a></small></center>

Semoga bermanfaat dan tetap semangat untuk meraih kesuksesan

Related Post