Cara Membuat Recent Post Dengan Thumbnails

Ada dua cara untuk membuat recent post dengan thumbnails ini. Pertama bisa menggunakan script secara manual yang akan kita sisipkan pada Gadget HTML, kedua ialah dengan menyetingnya langsung menggunakan jasa layanan web http://www.bryandel.net/feed/ layaknya related post dengan thumbnails dari Linkwithin yang tempo hari saya bahas. Silahkan anda pilih cara yang termudah menurut anda, tapi demi kepuasan bersama saya akan jelaskan kedua cara tersebut, hehe.. rakus ya guwe.

Membuat Recent Post dengan Thumbnails cara pertama :

1. Saya anggap anda sudah login ke blogger dan berada di Dashboard blog

2. Silahkan klik Tata Letak dan Add Gadget HTML/Java Script

3. Simpan kode berikut dikotak yang tersedia lalu Save. Bila perlu pindahkan atau drag gadget tersebut di posisi yang diinginkan.

<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://seoawam.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Note : Sesuaikan kode-kode berikut

boxwidth - Lebar widget
cellspacing - Space antara cells
borderColor - Warna Border
thumbwidth & thumbheight - Lebar dan panjang thumbnail (default adalah 40 sudah bagus)
fntsize - Ukuran huruf judul postingan
acolor - Warna huruf judul postingan
aBold - Bila ingin ditebalkan adalah true, jika tidak false saja.
numposts - Jumlah recent post yang akan ditampilkan
home_page : http://seoawam.blogspot.com/ (Ganti dengan URL blog anda)

Seeting feed blog anda pada Allow Blog Feed dengan cara Setting > Site Feed> Full> Allow Blog Feeds.

Membuat Recent Post dengan Thumbnails cara kedua :

Sebenarnya caranya mirip dengan yang pertama dan nantinya pun masih menggunakan widget, bedanya kita melakukan pengaturan widget tersebut melalui bantuan webnya langsung yaitu http://www.bryandel.net/feed/. Silahkan kunjungi situs tersebut dan kita akan diminta memasukan Feed blog, biasanya URL feed blogger seperti ini:

http://www.NAMABLOGKAMU.blogspot.com/feeds/posts/default?alt=rss

Nah Url feeds tersebut kita masukan pada form yang telah disediakan, begitu pula settingan lainnya seperti jumlah posting yang tampil, ukuran thumbnails, dll. Apabila setting telah selesai maka kita klik Preview untuk melihat sementara hasil editan kita tadi. Setelah menemukan settingan yang menurut kamu cocok maka kita klik generate Javascript pada sidebar sebelah kanan. Copy semua code HTML yang diberikan lalu save pada widget blog anda.

Posted by Deriz R

Tweet