Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Trik dan Tutorial Blog

Cara Menciptakan Widget Artikel Terbaru Dengan Thumbnail


Tujuan menciptakan Artikel Terbaru dengan Thumbnail ialah biar pengunjung sanggup melihat dan mengetahui setiap postingan terbaru/terupdate dari sebuah blog, alasannya ialah Widget Artikel Terbaru selalu up to date dan hanya menampilkan beberapa artikel yang terakhir dipostingkan. Jumlah postingan terbaru yang akan ditampilkan di sidebar blog sanggup diatur sesuai harapan kita, sehingga tidak akan memakan banyak ruang di sidebar.
Tujuan menciptakan Artikel Terbaru dengan Thumbnail ialah biar pengunjung sanggup melihat dan Cara Membuat Widget Artikel Terbaru Dengan Thumbnail
Berikut cara Membuat/Memasang Widget Artikel Terbaru dengan Thumbnail :

1). Login ke blog kemudian pilih Tata Letak >> Tambah Widget > pilih HTML/Java Script.
2). Lalu Masukan isyarat 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://.blogspot.com" target="_blank">Artikel Terbaru</a></small> /div>
Ganti goresan pena berwarna biru dengan URL anda
Endolita ..!

Anda mungkin menyukai postingan ini :