Cara Membuat Widget Artikel Terbaru Di Blogspot

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

B

erikut ini akan saya jelaskan caranya membuat widget Artikel Terbaru yang bergerak dari atas ke bawah yang disertai dengan gambar.
1. Log in dulu di Blogger
2. Setelah ada di dashboard blogger pilih Tata letak / Layout
3. Pilih Add Gadget / Tambahkan Gadget
4. Cari HTML/JavaScript
5. Copy paste script yang ada di bawah ini

Ini Contoh tampilan widgetnya

<style type="text/css">
    #rp_plus_img{height:377px;overflow:hidden;border:solid 1px #fff;padding:6px 6px 24px 5px;background-color:transparent;}
    #rp_plus_img li {height:60px;padding:5px;list-style:none;
    background-color:#;
    border:solid 1px #ffffff;}
    #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 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="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
    var speed = 1000;
    var pause = 2500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
   
</script>
<ul id="rp_plus_img"><script>
    var numposts = 25;
    var numchars = 40;</script>
<script src="http://khiansantang.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<center><script language="javascript" src="http://gallerydunia.googlecode.com/files/google_translate.js">
</script></center>
<small><a href="http://khiansantang.blogspot.com" target="_blank">Khiansantang</a></small>


6. Jangan lupa di save
kemudian lihat hasilnya........ (^_^)


Keterangan :
Merah ---> Ganti dengan nama blog kamu
Biru ----->  Jumlah posting yang akan dimunculkan dalam widget
Kuning --> Jumlah karakter yang akan ditampilkan
Hijau -----> Tinggi widget, atur sesuai kebutuhan

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Get free daily email updates!

Follow us!

[khiansantang.blogspot.com]

* BACA JUGA YANG INI YA MASBROW *

Tutorial Blog

• Cara Membuat Gallery Photo Keren Di Blog
• Widget Related Post With Thumbnails
• Cara Mengatasi Gadget Yang Tidak Dapat Diremove Pada Blog
• Cara Membuat Breaking News Di Blog
• Cara Membuat Email Subscribe di Bawah Postingan Blog
• Cara Merubah Ukuran Huruf Font Judul Posting
• Cara Membuat Burung Twitter Terbang Di Blogspot
• Mengenal Struktur Dasar Template

Artikel ini ditulis oleh : Khiansantang Toejoehpoeloehdoea ^_^ TipsTrikBlogger

Terimakasih sahabat telah membaca : Cara Membuat Widget Artikel Terbaru Di Blogspot Tulisan Saya. Anda bisa menyebarluaskan artikel ini, Asalkan meletakkan link dibawah ini sebagai sumbernya <a href="http://khiansantang.blogspot.com/2013/03/cara-membuat-widget-artikel-terbaru-di.html" target="_blank">Cara Membuat Widget Artikel Terbaru Di Blogspot</a> :: Get this widget ! ::

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Dipublikasikan Khiansantang Toejoehpoeloehdoea, | Jumat, 22 Maret 2013 | 0 komentar