Cara Membuat Widget Artikel Terbaru

Widget Recent post atau yang biasa di sebut Artikel Terbaru adalah sebuah widget yang mencantumkan artikel terbaru pada blog sobat. Widget ini akan terus terupdate seiring dengan berjalannya waktu, Jadi kalian tidak perlu bersusah payah mengedit widget ini. Widget Recent Post yang akan saya bagikan adalah Widget Recent Post versi simple yang berarti Fast Loading dan tidak ribet. Baiklan inilah cara membuat widget artikel terbaru tanpa edit HTML.

Cara Membuat Widget Recent Post Menggunakan Snippet

1. Pergi ke blogger > dashboard > layout

2. klik add a gadget

3. pilih HTML atau Javascript

4. Copy code berikut dan paste di kolom konten

<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

** Kalian bisa mengedit semua yang berwarna merah, Ikuti Panduannya agar lebih mudah.
* url = ganti blog-adress dengan alamat blog kalain
* 5 = Jumlah post yang akan tampil
* false =  Ganti dengan true jika ingin menggunakan tanggal
* 100 = Jumlah karakter snippet ( summary )
* #XXXX = warna, kalian boleh mengedit sesuka kalian

5. Save.

Cara Membuat Widget Recent Post Tanpa Snippet

1. Pergi ke blogger > dashboard > layout

2. klik add gadget

3. pilih HTML atau Javascript

4. Copy kode berikut dan paste di kolom konten

<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://blog-address.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

** Panduannya hampir sama seperti yang di atas
** Script Source = http://helplogger.blogspot.com/

5. Save

Baiklah itulah Cara Membuat Widget Artikel terbaru atau Recent Post dengan Snippet & tanpa snippet. Baca Juga  Cara Membuat Widget Lagu & Cara Membuat Widget Random Post.