Cara Membuat Widget Artikel Lainnya Bergerak

     Selamat datang di blog saya kali ini saya akan memberikan tata cara kepada anda tentang memasang widget artikel terkait di blog anda masing.

     Memang widget ini sangat bermanfaat bagi para blogger yang akan menawarkan artikel artikel yang sejenis dengan artikel lainnya pada blognya.

Langkah:

1. Log in ke Blogger

2. Masuk menu Dashboard

3. Pilih Tata Letak

4. Tambahkan Widget

5. Pilih HTML/JavaScript

6. Copy script di bawah ini:

 <style type="text/css">
    #rp_plus_img{height:377px;}
    #rp_plus_img li {height:60px;padding:5px;list-style:none;
    background-color:#ffffff;
    border:solid 1px #8E858A;}
    #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: 5px;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 0px #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 = 5;
    var numchars = 0;
   
</script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>

<center><a href="http://zootodays.blogspot.com/2012/05/membuat-widget-artikel-terbaru-bergerak.html"><img alt="News-Article"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKC-csz3EJfePg-RlSLQZTXsblXSHdxOQXbCXP4VsPe1Hg8IDyCLUFOzNnGgBuOlxuNgSQC5zmuxsDMHPoUeNN26aRT2rGy_gcD0gbAp0x0EXN_X1B3jil5WGimZKlbB2iY-Fa2EoaAgts/s1600/munch_2012_07_23_133144.png"/></a></center>

7. Paste

8. Lalu Beri judul seperti "Artikel Lainnya" dan lain-lain.

9. Simpan. Dan lihat hasilnya.

     Nah mudahkan. Semoga bermanfaat jangan lupa tinggalkan komentar, share artikel ini, atau follow blog ini. Terimakasih.




Terinspirasi: Asah Ilmu

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

Unknown

Artikel Terkait