Cara membuat Recent Post Berjalan Di Blog

Sofyan Arif

Friday, May 17, 2013

Bagikan :

Tweet

Anda seringkali menginginkan ada recent post yang berjalan pada blog. Agar pengunjung mengetahui konten apa saja yang ada dalam blog anda. Nah, postingan jumat kali ini saya akan memberikan tips tentang Cara membuat Recent Post Berjalan Di Blog.

• Seperti biasa login pada akun blogger anda
• Kemudian buka layout --> Add a Gadget --> HTML/Java Script
• Kemudian silakan copy script di bawah ini ke dalam HTML/Java Script

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

<style type="text/css">

#rp_plus_img{height:555px;overflow:hidden;border:solid 0px #585858;padding:6px 10px 14px 5px;background-color:none;}

#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:#000;}

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

#rp_plus_img .news-text{display:block;font-size:10px;font-weight:normal !important;color:#282828;text-align:justify;}

#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 0px #585858;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 = 20;

    var numchars = 43;

  

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

</script>     </ul>

<small><a href="http://emsofyan.blogspot.com/2013/05/cara-membuat-recent-post-berjalan-di.html" target="_blank">Dapatkan Gadgetnya di sini</a></small>

• Setelah anda paste pada HTML/Java Script jangan lupa disave.

Nah, cukup mudah kan? Semoga sedikit tentang Cara membuat Recent Post Berjalan Di Blog. Jangan lupa lihat juga artikel tentang Cara Pasang YM di Blog.

Tag : Tutorial Blog