RouLanDiecka

Cara Membuat Widget Artikel Terbaru. Ideini ingin berbagi Tutorial Blogging Membuat Widget Artikel Terbaru seperti yang ada di sidebar blog ini, selain itu tadi ada seorang sahabat yang menanyakan Cara Membuat Widget Artikel Terbaru yang ada di blog ideini, nah di Widget Artikel Terbaru yang ini ada beberapa fitur tambahanya, yaitu terdapat pilihan kategorinya, sehingga ketika di pilih salah satu kategori maka yang muncul adalah artikel terbaru pada kategori tersebut. nah untuk contohnya bisa  dilihat di sidebar di samping atau lihat gambar di bawah ini, untuk cara buatnya silahakn ikuti langkah langkahnya :

1. Login Ke Blogger.com
2. Klik Pada Rancangan >> Elemen Laman 

3. Pilih Tambah Gadget

4. Pilih HTML/ Javascript

5. Beri Judul Widget

5. Lalu Paste kode berikut di dalamnya :

<div style="background: none repeat scroll 0% 0% rgb(242, 242, 242);  -moz-border-radius:5px; border: 1px solid rgb(204, 204, 204); height: 350px; overflow: auto; padding: 10px;">
<span id="pbl_labels"></span>
<div id="pbl_posts">
Recent Posts </div>

<script type="text/javascript">
var jumlah_maksimum_post = 20;
var dengan_ringkasan = true;
var jumlah_karakter_ringkasan = 100;
</script>

<script src="http://copycat91.googlecode.com/svn/trunk/recentpostsbylabel.js">
</script>

<script src="http://www.ideini.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed">
</script></div><a href="http://www.ideini.com/2012/02/membuat-widget-artikel-terbaru-ala.html" target="_blank" title="Mau Widget Seperi Ini? Klik Aja">Widget by ideini.com</a></div>

7. Setelah Itu Klik Simpan.

Keterangan :
   Ganti www.ideini.com dengan alamat URL blog kamu

   height: 350px : (adalah tinggi widget, bisa disesuaikan dengan keinginan masing masing.)
   var jumlah_maksimum_post = 20;    (Adalh Jumlah Entri yang akan di tampilkan pada Widget)
   var jumlah_karakter_ringkasan = 100;  (Adalah Jumlah karakter teks cuplikan yang akan   ditampilan)

Read more: http://www.ideini.com/2012/02/membuat-widget-artikel-terbaru-ala.html#ixzz1rzSGNVt5