Script Populer Posts dan Recent Posts Bergerak ke Bawah

Tutorial tentang script Populer Post dan Recent Post yang bergerak kebawah, dan bagaimana cara pemasangannya di blog sobat. Script ini bisa membantu  mempercantik blog sobat dan lebih keren. Untuk lebih jelasnya langsung ke TKP agar mengetahui hasilnya. 

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

Script Populer Post Bergerak Kebawah:

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


>> RECENT POST BERGERAK KE BAWAH
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 Recent post sesuai keinginan sobat untuk menaruhnya 
8. Lihat Hasilnya dan salam sukses selalu

Script Recent Post Bergerak Kebawah:

<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 ini bisa membantu dan bermanfaat bagi sobat semua.... 



Judul: Script Populer Posts dan Recent Posts Bergerak ke Bawah
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Arivo SE
Semoga Script Populer Posts dan Recent Posts Bergerak ke Bawah bermanfaat bagi sobat semua.

Tidak ada komentar:

Posting Komentar

 
.