Widget Posting Terkini Bergambar

Sebelum ini Ana ada 'post'kan Cara Menampilkan Posting Terkini. Untuk kali ini ada sedikit kelainan. Widget terbaru ciptaan Kranthi ni memang cool la. Siap dengan gambar thumbnails dan bilangan komen sekali. Ana pun terus beralih ke widget ini.

Ok caranya. Dalam keadaan Loggin. Layout => Page Elements => Add a Gadget => HTML/Javascript. Tambahkan dengan kod berikut.

<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 = 236;
cellspacing = 8;
borderColor = "#FBFBEF";
bgTD = "#ffffff";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://almansuqie-tips.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Keterangan:

boxwidth - Lebar Widget Ini (Tukar sesuai dengan sidebar Antum)
bgTD - Warna background (Tukar sesuai dengan template Antum)
borderColor - Warna Border (Tukar dengan warna yang Antum suka)
thumbwidth & thumbheight - Lebar dan Tinggi Gambar (yang asal dah ok)
fntsize - Saiz tulisan untuk tajuk post.
acolor - Warna tajuk post.
aBold - Untuk tebalkan tajuk atau tidak. (true atau false)
numposts - Jumlah post yang ingin dipaparkan.
home_page : http://almansuqie-tips.blogspot.com (Tukar dengan alamat blog Antum)

Edit apa2 yang patut yer.. Kalau nak guna kod warna klik SINI. Dah siap save.

p/s : Pastikan Antum pilih YES pada Settings => Site Feed => Full => Allow Blog Feeds.

Sumber Asli : Bloggertriks

Cara Menampilkan Posting Terkini

Recent Post (Postingan Terikini)ini adalah satu widget yang akan menampilkan senarai posting yang terbaru di sidebar kita?? Caranya sangat mudah..

1. Loggin to Blogger dan klik "Layout"=>"Add Gadget"=>"HTML/Javascript".

2. Copy kode dibawah dan paste di kotak content..

3. Tajuk tu isila dengan apa2 yang berkaitan pastu save.

<script src="http://www.geocities.com/almansuqie08/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YourBlogName.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

4. Tukarkan YourBlogName dengan nama blog korang. Kalau nak isi nama blog orang lain pun boleh. Contoh blog ni, Ana letakkan recent post blog peribadi Ana..

5. 10 adalah Jumlah post yang akan ditampilkan..

Ok..dah siap..good luck