Membuat Widget Artikel Terbaru Bergerak dengan Gambar Keren di Blog

2:10 AM Muhammad Adil 2 Comments



Membuat/Menambahkan widget artikel terbaru bergerak ke bawah dengan gambar (thumbnail) dan keren di blog. Sebenarnya manfaat dari widget artikel terbaru ini adalah sebagai salah satu metode bagaimana cara membuat pengunjun blog betah berlama-lama dengan membaca banyak artikel di blog anda. Daripada berlama-lama dengan omongan yang tidak mungkin kelar dalam sebentar ini mending kita langsung saja ke TKP bagaimana cara memasang widget unik dan keren ini pada blog anda. Foto di atas adalah sebagai contoh widget tersebut.
  • Seperti biasa login ke akun blogger anda terlebih dahulu
  • Klik Opsi Lainnya/More Options
  • Pilih Menu Tata Letak/Layout
  • Kemudian pilih Tambah Gadget/a gadget
  • Pilih HTMLJava/Script
  • Masukkan kode berikut tepat pada kotak yang tersedia
<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://adilcyber.blogspot.com/2012/10/membuat-widget-artikel-terbaru-bergerak.html"><img alt="News-Article"src="http://4.bp.blogspot.com/-yxI7_aBIH8E/UAz3ktMYVNI/AAAAAAAACB8/AbYOwawNYw4/s1600/munch_2012_07_23_133144.png"/></a></center>


  • Beri judul sesuai selera seperti "Artikel Terbaru di Blog bla bla bla"
  • Terakhir Klik Simpan/Save

2 komentar:

  1. After looking at a few of the blog articles on your blog, I really appreciate your technique of blogging.
    I added it to my bookmark website list and will be checking
    back soon. Take a look at my web site too and tell me your opinion.



    Also visit my homepage weiter lesen

    BalasHapus
  2. This blog was... how do you say it? Relevant!!

    Finally I've found something which helped me.
    Thanks a lot!

    My web-site: Hier Klicken

    BalasHapus