Cara Membuat Blog, template blogger, tips and trick, berita, games, software downloads, widgets blog, firman webs

Membuat/Memasang Widget Artikel Terbaru dengan Thumbnail

Membuat/Memasang Widget Artikel Terbaru dengan Thumbnail
Membuat/Memasang Widget Artikel Terbaru dengan Thumbnail di Blog bertujuan supaya pengunjung blog melihat dan mengetahui setiap postingan terbaru/terupdate dari blog anda, karena Widget Artikel Terbaru dengan Thumbnail selalu up to date dan hanya menampilkan beberapa artikel yang terakhir kali anda postingkan. Jumlah postingan terbaru yang akan ditampilkan di sidebar blog dapat anda atur dan sesuaikan dengan keinginan anda, sehingga kiranya tidak akan memakan banyak ruang sidebar untuk menampilkan Widget Artikel Terbaru dengan Thumbnail tersebut. Berikut cara Membuat/Memasang Widget Artikel Terbaru dengan Thumbnail :

1). Login ke blog lalu klik Tata Letak > Tambah Widget > pilih HTML/Java Script.
2). Lalu Masukan kode berikut 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 #000000;}
    #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="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>
<small></small>
<small><a href=" http://mas-andes.blogspot.com" target="_blank">News Article</a></small>
3). Save dan selesai.

0 Response to "Membuat/Memasang Widget Artikel Terbaru dengan Thumbnail"

  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Membuat/Memasang Widget Artikel Terbaru dengan Thumbnail" ini bermanfaat, share ke jejaring sosial.
Konversi Kode