Cara Membuat Widget Artikel Terbaru di Blogspot

Cara Membuat Widget Artikel Terbaru di Blogspot - Widget artikel terbaru menurut saya adalah salah satu widget yang wajib ada di dalam blog saudara. Widget ini befungsi untuk menampilkan pada pengunjung artikel-artikel terbaru yang masih hangat dan baru anda buat. Berikut penampakan dari Widget Artikel Terbaru Sederhana di Blogspot.

Widget ini mempunyai manfaat yang cukup besar dalam menurunkan nilai persentase bounce web blog saudara. Selain itu widget artikel terbaru sederhana ini juga bermanfaat untuk meningkatkan jumlah page views web blog saudara. Jika anda kurang tertarik dengan widget artikel terbaru sederhana ini, anda bisa mencoba widget artikel lainya yang ada di blog ini.

Baca : Membuat Widget Artikel Terbaru dengan Fungsi Next dan Previous

Tutorial Membuat Widget Artikel Terbaru Sederhana 

Bagi anda yang tertarik dengan widget artikel terbaru yang sederhana dan minimalis ini anda bisa mencoba mengikuti langkah-langkah sederhana di bawah ini:

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

 <div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://ngeblog07.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style></div>

•  Lalu klik simpan dan lihat hasilnya.

Keterangan Script : 

Ganti kode berwarna biru dengan alamat url blog saudara. Untuk kode warna hitam yang angka 10 anda bisa mengganti sesuai keinginan anda, kode itu berfungsi jumlah arikel yang akan ditampilkan nantinya. Kode berwarna ungu merupakan kode warna, anda bisa berkreasi dengan mengganti kode warna tersebut . . . Lihat kode warna-nya di sini . . .

Lihat : Kode Warna HTML Lengkap