Sudah berlangganan artikel blog ini via RSS Feed?

Cara Membuat Recent Post dengan Thumbnails

Temen - temen masih inget dengan Membuat Artikel Yang Berhubungan "Related Post", Menampilkan Komentar Terbaru dan Membuat Top Komentator, yup betul tips trik tersebut membuat blog kita di sukai pengunjung karna terdapat jejak pengunjung dan pengunjung merasa komentar mereka sangat di hargai. Tapi kali ini saya tidak mengulas bagian itu hehehe, tapi ada sedikit hubungannya (terus kita akan membuat apa ?), kali ini kita akan membuat Recent Post disertai dengan Thumbnails.

images Cara Membuat Recent Post dengan Thumbnails

pertanyaan : Mengapa harus menggunakan Thumbnails?
  1. Web atau blog akan terlihat perfesional,
  2. Pengunjung akan lebih tertarik untuk membaca (klik).
Terus kekurangan dari memasang Recent Post dengan Thumbnails?
  1. Membuat agak lambat load blog atau web kita karna script ini menggunakan JavaScript

Jika tertarik untuk memasangya langsung aja menuju TKP.... :P

Oya hampir lupa tips ini tanpa merubah code templates (body) kita, jadi kita bisa langsung Add a Gadget lalu pilih HTML/Javascript, setelah itu Copas Script di bawah 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://marchsya.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Jika ingin Merubah Codenya untuk menyesuaikan dengan temp, teman - teman bisa lihat fungsi code di bawah ini:

boxwidth - Lebar widget
cellspacing - Space antara cells (default adalah 1 sudah bagus)
borderColor - Warna Border (Warna template widget bisa anda ganti.Defauld adalah putih)
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 - Berapa banyak recent post yang akan ditampilkan
home_page : http://putroweb.blogspot.com/ (Ganti dengan URL blog anda)
Yakinkan seeting site feed anda sudah pada Allow Blog Feed dengan melihat pada Setting>Site Feed>Full>Allow Blog Feeds.

Script dari : http://www.bloggertricks.com/2009/05/recent-posts-with-thumbnails-widget-for.html
Terimakasih sudah mengunjungi blog ini... :D

Powered by  MyPagerank.Net

38 komentar:

ernest mengatakan...

saya coba dulu ke website saya semoga sukses ..

mind author mengatakan...

thanks infonya mas, tp kadang2 gmbrnya kok ga muncul ya klo sy posting menggunakan Windows live writter?

den mengatakan...

matursuwun infonya

BlogMamet.com mengatakan...

Aku pakai related artikel, agak beda sama recent post..

feto mengatakan...

nice posting gan...^_^

terima kasih infonya, silakan mampir yaaa ke sini dan berkunjung juga ke sini yaaa...

Putro Enambelas mengatakan...

@ den : Sama2.
@ BlogMamet.com : iya sama mas :D

Ayu Tri mengatakan...

tq nie infonya..
recent post dengan thumbnails ini sangat menarik makanya saya nyari tutorialnya dan saya menemukannya disini..
keep post

putro mengatakan...

@ Ayu Tri : sama2 :D

YOYOK (The Indonesian Caricatur's Maker) mengatakan...

Bung saya karyawan, bisa bikin karikatur dan hendak saya komersilkan .... salah satunya mau bikin blog .... kayaknya blognya bung deh referensinya ... terung terang saya betul2 gaptek jadi nggak yakin bikin blognya menarik atau tidak ..... tapi makasih informasinya. salam kenal.

Putro Enambelas mengatakan...

@ YOYOK (The Indonesian Caricatur's Maker) : Makasih, jika mas yoyok ada pertanyaan silahkan di tanyakan aja... isnyaallah saya bisa jawab... :D

Gieterror mengatakan...

mas trimkah ats infonya...
saya langsung terjun ke tkp..

Obat Herbal Untuk Kanker Otak mengatakan...

artikel yang bagus gan untuk disimak
salam mas bro

jual karpet mengatakan...

nice posting :D

reduce lower body fat mengatakan...

Mantap sekali. masih newebie, perlu banyak belajar
reduce lower body fat

toko bunga mengatakan...

tampilan jadi bagus, tapi memberatkan blog

Forum Bola Indonesia mengatakan...

waaah sangat menarik sekali bosss artikelnya.............
hehehehe... ijin TKP yaaa


Jual Sprei Murah mengatakan...

cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

Grosir sprei Murah mengatakan...

rimkah ats infonya...

Obat Herbal Kanker mengatakan...

Kunjungan dini hari menjelang pagi untuk anda!
ini dia yang saya cari, hanya saja kenapa ya selalu gagal mencobanya!

salam kenal ya dan salam sukses selalu buat yang punya blog ini,

blogtoyota mengatakan...

dilaksanakan dulu gan, waktu itu pernah mencoba malah gagal...
siapa tahu kali ini berhasil...

Cara Mengatasi Ejakulasi Dini mengatakan...

Ini khusus untuk blog berbasis blogspot atau bisa untuk semuanya? kalau untuk wordpress caranya gimana ya? terima kasih banyak atas informasinya.

tissue doble majakani mengatakan...

izin copy ya gan scripnya. saya mau langsung coba

Sepatu wanita murah mengatakan...

mas trimkah ats infonya...

bisnis online terbaik mengatakan...

bro...apa tidak memberatkan blog tampilan ini?

bisnis online rumahan mengatakan...

makasih infonya,salam kenal dan sukses

download di sini mengatakan...

Saya suka kalau ada thumbnailnya

info bisnis hot mengatakan...

makasih infonya

hartono mengatakan...

infonya bagus dan sangat menarik

cara meningkatkan percaya diri mengatakan...

makasih infonya tentang cara membuat recent post, sangat berguna untuk saya..

kaos distro murah mengatakan...

makasih ilmunya gan

cara berpikir positif mengatakan...

terimakasih atas tulisan ini, sangat menarik..salam sukses buat anda!

obat benjolan di belakang telinga mengatakan...

terimakasih banyak atas info nya sangat bermanfaat sekali
semoga semakin sukses nya

Wisata Jogja mengatakan...

Makasih infonya

katakatacinta mengatakan...

bagus sekali gan tuk blog pemula

tempe gembus mengatakan...

script-nya sdh tidak di-host lagi......
myblogtalk.com sudah bubar

Vimax Original Pembesar Mr.P Herbal mengatakan...

artikelnya sangat membantu thanks for sharing
kunjungi web kami gan => www.vimaxkapsuloriginal.com

feby awal ramdhani mengatakan...

OBAT PENYAKIT POLIP HIDUNG

OBAT PENYAKIT VARISES

Obat BAB Berdarah

OBAT KUAT TAHAN LAMA UNTUK PRIA DEWASA

OBAT ASAM LAMBUNG TINGGI

OBAT RADANG TENGGOROKAN TERBAIK

Ramuan Herbal Untuk Penderita Pengapuran Sendi

Terimakasih, Semoga Bermanfaat

judi bola online mengatakan...

IDR303merupakan JUDI BOLA ONLINE Terpercaya

mantap info nya sangat menarik gan
saya sangat terkesan gan
izin share ya gan
terima kasih
PROMO NEW MEMBER
JUDI BOLA ONLINE
AGEN BOLA SBO
AGEN BOLA IBC
AGEN CASINO
BANDAR BOLA

Posting Komentar


 

My Friends Google

My Profile

cojogja Blog ini saya buat, untuk berbagi informasi kepada teman - teman, dan sebagai rangkuman untuk diri saya sendiri. ( Semoga gak bosen Dengan Blog Saya... :D )