Recent Comment Widget For Blogger

Cara membuat recent comment widget untuk blogger sangatlah mudah dan gampang.Fitur ini sesuai namanya akan menampilkan komentar terakhir di blog kita.

Untuk menampilkan widget ini di blog caranya :

1. Login Blogger -> Dashboard -> Layout
   -> Page Element -> Add a Gadget -> HTML/JavaScript
2. Copy code dibawah ini :
   
   <script style="text/javascript" src="http://recentcommentblogger.googlecode.com/files/
   showrecentcomments.js"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 50;var standardstyling = true;</script><script src="http://nama.blogspot.com//feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
   
   Penjelasan :
   
   - 5 berarti jumlah komentar yang akan ditampilkan
   - showcommentdate = true artinya tanggal komentar akan ditampilkan, ganti dengan False untuk menghilangkan tanggal komentar
   - showposttitle = true artinya judul postingan akan ditampilkan, ganti dengan False untuk menghilangkan judul postingan
   - numchars = 50 artinya karakter komentar yang akan ditampilkan maksimal 50 karakter
   - Jangan lupa, ganti http://nama.blogspot.com/ dengan alamat blog kamu sendiri
3. Simpan templete kamu

Semoga tulisan Recent Comment Widget For Blogger yang jadul ini masih ada yang mau membaca

Continue Reading... Labels: recent comment, Widget, widget for blogger

Membuat Recent Posts Dengan Thumbnails

Tips ini saya dapat dari http://www.bloggertricks.com, yang berjudul Recent Posts with Thumbnails Widget for Blogger.

Hasilnya seperti recent post saya disamping itu, gimana cukup menarik bukan ?

Nah untuk membuat widget seperti itu sangatlah mudah

1. Login di blogger
2. Klik Layout � Add a gadget � html/javascript
3. Masukkan code berikut ini :

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://infocumacuma.blogspot.com/";
</script>
<script src="http://recent-post-blogger.googlecode.com/files/recentpost.js" type="text/javascript"></script>

Nah silakan di edit sesuai layout kamu :
boxwidth = Lebar dari widgetnya
numposts = Jumlah post yang akan tampil
home_page = Ganti dengan url blog kamu

Untuk keterangan yang lain silakan di edit sendiri, oh ya script ini saya upload lagi di google code (baca : cara upload di google code), jika ingin di upload sendiri silakan, takutnya nanti saya hapus.

Selamat mencoba.
Script asli bisa dilihat di http://www.bloggertricks.com/2009/05/recent-posts-with-thumbnails-widget-for.html

Anda Membaca Artikel : Membuat Recent Posts Dengan Thumbnails

Continue Reading... Labels: Blogging Tips, Widget, widget for blogger