Simple Widget Recent Posts dan Widget Recent Comment

Widget Recent Posts dan Widget Recent Comment

Simple Widget Recent Posts dan Widget Recent Comment -- Semua pasti sudah pada tahu apa itu Widget Recent Posts dan Widget Recent Recent Comment dan tahu juga apa fungsi dari kedua widget tersebut. Sudah banyak versi style tentang kedua widget ini dan juga sudah banyak para bloger yang mempostingnya tapi mungkin saja ada tertarik dengan tutorial dari Rohis Facebook kali ini.

Asal Script dari Widget Recent Posts dan Widget Recent Recent Comment ini masih punya hubungan dengan tutorial yang ini (Widget Sitemap yang Sedikit Berbeda), sama-sama dari http://www.idblogdesign.com.

Demo

Mari kita lihat cara pasangnya.

1. Login ke Akun blogger

2. Klik Template

3. Klik Edit HTML

4. Klik Proceed

5. Cari taq ]]></b:skin> (gunakan kontrol F untuk memudahkan pencarian)

6. Setelah dapat lalu masukkan kode dibawah ini diatas taq ]]></b:skin> 

.boxcontent{padding:8px; margin:0} .boxcontent p{padding:0; margin:2px 0} .boxcontent h3{padding:0; margin:0; font-size:12px} .boxcontent ul{padding:0; margin:4px 0 0} .boxcontent li{list-style:square; margin:0 0 0 15px; text-indent:0; padding:1px 0} .boxcontent .top{border-left:3px double #ccc; padding:2px 2px 2px 8px; margin:0 0 8px} .boxcontent .more{font:bold 11px arial; color:#666; margin:0; padding:0} .boxcontent .meta{font:normal 11px arial; margin:2px 0 10px; padding:0; color:#a81817}

7. Cari taq </head> (gunakan kontrol F untuk memudahkan pencarian)

8. Setelah dapat lalu masukkan kode dibawah ini dibawah taq </head>

<script src='http://idblogdesign.googlecode.com/files/jsonfeed.js' type='text/javascript'></script>

9. Kik Pratinjau, kalau tidak terjadi kesalahan lalu klik save template. 

Selanjutnya masuk ke Tata letak, tambahkan Gadget dan masukkan script dibawah ini. Sahabat bisa memasukkannya dalam Gadget atau bisa juga dalam postingan (HTML).

Untuk Widget Recent Posts :

<script src="http://rohis-facebook.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=terbaru"></script>

Untuk Widget Recent Comment :

<script src="http://rohis-facebook.blogspot.com/feeds/comments/default?alt=json-in-script&callback=terbaru"></script>

Langkah Terakhir ganti http://rohis-facebook.blogspot.com/ dengan alamat link sobat, simpan dan lihat hasilnya. 

Demo

Semoga Bermanfaat.