Cara Cepat Memasang Widget Artikel Terbaru with thumbnail di Blog

Cara Membuat Widget Artikel Terbaru with thumbnail di Blog

Cara Membuat Widget Artikel Terbaru beserta gambar di Blog - Pada artikel kali ini saya akan memberikan tutorial cara membuat atau menampilkan widget artikel terbaru pada suatu blog, khususnya blog berplatform blogger atau yang sering dikenal blogspot, dan bagi teman-teman yang ingin memasang widget artikel terbaru di blognya silahkan teman-teman simak dan ikuti tutorial dibawah nanti dengan seksama.

Widget artikel terbaru sendiri, hampir mirip dengan widget postingan populer maupun widget entri unggulan, bedanya hanya widget artikel terbaru akan menampilkan beberapa artikel terbaru pada blog kita, dan jumlah nya tergantung kita mau menampilkan berapa artikel yang akan kita tampilkan di homepage blog kita, biasanya kisaran 5-10 artikel.

Widget artikel terbaru juga bisa menambah pageview di blog kita, karena menampilkan postingan terbaru yang masih hangat yang ditampilkan untuk pengunjung, sehingga kemungkinan besar mereka akan tertarik dan penasaran untuk melihat postingan kita yang lainnya.

Dan untuk pemasangannya pun sendiri sangat lah mudah, karena tidak perlu edit template yang banyak sekali kumpulan kode yang membingungkan, kalian hanya perlu menambahkan kode pada Tata Letak saja, ok kita langsung saja ke Tutorial cara membuat widget terbaru di blog, berikut di bawah ini:

Cara Membuat Widget Artikel Terbaru with thumbnail di Blog

    Masuk ke akun blogspot saudara.
    Pilih menu TATA LETAK
    Lalu klik TAMBAH GADGET dan pilih opsi "HTML JAVASCRIPT".
    Masukan script di bawah ini :

baca juga: 
15 Cara mempercepat Loading Blog agar lebih SEO
Cara memasang anti COPAS di blog dengan peringatan

     <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="https://kangfatian.blogspot.com/" target="_blank">New Article</a></small>
     

Ganti kode berwarna merah dengan alamat url blog saudara. Untuk kode warna hijau yang angka 5 anda bisa mengganti sesuai keinginan anda, kode itu berfungsi untuk jumlah artikel yang akan ditampilkan nantinya.

Setelah teman-teman Ganti Selanjutnya Klik Simpan/Save.

baca juga:
Cara mendapatkan Backlink .EDU dofollow berkualitas dan Gratis
Cara membuat Sitemap otomatis di Blog
Cara membuat iklan melayang di Blog

Itulah tutorial cara membuat widget artikel terbaru di blog dari saya, cukup mudah bukan ? semoga membantu dan bermanfaat bagi teman-teman semua, jangan lupa untuk membaca artikel yang lainnya dari blog ini, siapa tau artikel yang lainnya juga bermanfaat dan sedang kalian atau saudara maupun teman kalian membutuhkan.

Subscribe to receive free email updates: