membuat recent post slide


tadi saya melihat daftar tulisan saya, ternyata artikel tentang tips blogger masih sedikit. kebanyakan di dominasi oleh artikel google adsense, dan cara menaikkan traffic blog, jadi sekarang saya akan menuliskan blogger tips.

recent post adalah daftar postingan terbaru dari blog atau website. recent post sangat berguna bagi pengunjung blog ketika mereka masuk dengan link artikel lama dan melihat bahwa kita telah mempunyai artikel terbaru. jadi recent post berguna untuk mempromosikan update terbaru tulisan anda.

recent post kali ini berbeda dari sebelumnya, karena recent post ini bertipe slide. bagaimana cara membuat recent post slide, berikut caranya:

  1.  login ke account blogger atau wordpress anda
  2. masuk ke layout, dan tambah gadget
  3. pilih HTML java script
  4. tambahkan kode di bawah ini
 <style type="text/css">
#rp_plus_img{height:212px;overflow:hidden;padding:6px 10px 14px 5px;background-color:#ffffff;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px #000000;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://hensblog.googlecode.com/files/rpplusimgnt-v1.0.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 125;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

          5. klik save, dan lihat hasilnya

blog ini dilindungi dari aktivitas copy paste, untuk dapat memiliki skrip ini silahkan download disini gratis. mohon maaf atas ketidak nyaman ini, baca artikel lainnya tentang google adsense, dan menaikkan traffic blog

blogger tips | google adsense article | increase traffic blog | daftar isi

No comments:

Archives