Script Code Widget Artikel Terbaru Dengan Thumbnail Mudah dan Ringan

Ada baiknya setiap blog memasang widget artikel terbaru, selain memberi tahu setiap pengunjung ada artikel terbaru yang sudah anda buat, juga bisa mendongkrak popularitas artikel yang baru anda buat tersebut. Untuk penempatan widget artikel terbaru disarankan di tempatkan di tempat yang strategis, agar para pengunjung dengan mudah mengetahuinya.

Tanpa harus berlama-lama berikut script code widget artikel terbaru dengan thumbnail.

<div class='widget-ctent'>
<style scoped='' type='text/css'>
ul.recent_posts_arlina li{display:inline-block;border:0;margin:5px 0;padding:5px 0;position:relative;width:100%}
.recent_posts_arlina .wrapinfo{display:inline-block;margin:0 10px 0 0;overflow:hidden;z-index:2;position:relative;width:60px;height:60px;float:left}
ul.recent_posts_arlina li img.recent_thumb{width:100%;height:auto}
.recent_posts_arlina {float:left;width:100%;margin:10px 10px 5px 0px;padding:0;font-size:13px;}
.recent_posts_arlina strong {font-size:13px;}
ul.recent_posts_arlina li a{font-weight:700;line-height:normal}
ul.recent_posts_arlina li a:hover{text-decoration:underline}
</style>
<script style='text/javascript' src='https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/recentpostarlina.js'></script>
<script style='text/javascript'>
var numposts=10,showpostthumbnails=!0,displaymore=!1,displayseparator=!1,showcommentnum=!1,showpostdate=!1,showpostsummary=!1,numchars=0;
</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=recentpostinfoarlina'></script>
</div>

Dan Hasilnya akan seperti gambar di bawah.

Widget artikel terbaru dengan thumbnail

Untuk code widget artikel terbaru tanpa thumbnail ini kodenya.

<div class='artikel-terbaru'> <script> function artikelterbaru(e){document.write("<ul>");for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length&&"alternate"!=e.feed.entry[t].link[r].rel;r++);var n="<li><a href="+("'"+e.feed.entry[t].link[r].href+"'")+'">'+e.feed.entry[t].title.$t+"</a> </li>";document.write(n)}document.write("</ul>")} </script> <script src="/feeds/posts/summary/?max-results=10&alt=json-in-script&callback=artikelterbaru"></script> </div>

Dan hasilnya seperti gambar dibawah.

Widget artikel terbaru tanpa thumbnail

Untuk cara pemasanganya sebagai berikut:

1. Login ke blog Anda.
2. Pada menu navigasi blog, pilih "Tata Letak".
3. Klik "Tambahkan Gadget".
4. Pada jendela tambahkan gadget, klik "HTML/JavaScript"
5. Selanjutnya copy Script di bawah ini, paste ke kolom konten widget.
6. Lalu kilk simpan.

Berikut script code artikel terbaru dengan thumbnail mudah dan ringan.

Bagikan Artikel ini