Artikel Yang Paling Populer

Saturday, July 11, 2009

Cara Membuat Recent Post dengan Thumbnails untuk Blogger

| Saturday, July 11, 2009 | 87 comments

tutorial blog, kontes seo, cara membuat

Sebelumnya saya sudah pernah memposting cara membuat recent post pada blog.Pada tutorial blog kali ini adalah bagaimana cara menampilkan recent post disertai dengan gambar pada postingan.Dengan adanya gambar akan menarik para pembaca untuk membaca postingan tersebut.Anda bisa melihat contohnya pada blog saya ini yaitu pada posting terbaru.Gambar yang muncul adalah gambar yang ada pada setiap postingan. Cara membuatnya adalah sebagai berikut.
 
1.Login Pada blogger.
2.Klik Layout pada Dashboard anda.
3.Klik Add a Gadget lalu pilih HTML/Javascript.
4.Masukkan kode script dibawah ini dan Save.
Letakkan widget ini pada sidebar yang ada inginkan, terserah anda.



<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>

Hal yang perlu diubah adalah:
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://marchsya.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

87 comments:

Anonymous said...

Mantap nih postingannya, mau coba membuat dulu.Terima kasih

Awal Sholeh said...

bagus dan terus berbagi sobat ilmunya.

Mubarok said...

Mantaff tu tak coba ah :)
Thanks y dah posting :))

TRIMATRA said...

komplit sekali posting tips triknya blogging. bisa jadi rujukan nih buat belajar

hill said...

keren artikelnya...cobain aahh :D

Yudie said...

mantab... tutorial Mas Franky selalu berguna.....
makasih Mas....

maaf...baru sempat mampir....

Blogger Manja said...

weh... mantap nich infonya :) bisa dicoba :)
trims ya :thumbsup:

kangtatang

Iklan Gratis said...

wew....
MANTAP...!!!
ga percuma kecemplung disini nih...
untung aja ada ikan yg bisa ane bawa pulang :D...

thx banget yah...
salam kenal :D...
terus berbagi...:D
Stop
Dreaming Start Action

donlenon said...

tutorial tentang commentnya nampol bung. amat sangat bermanfaat.. salam kenal juga ya :D

agus said...

Wah, jadi menarik donk ya tampilannya:)
Tapi kalau gambar thumbnailnya diganti dengan yang lain, hanya cukup merubah

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
......
itu kan sob? Terima kasih ya:)

rachmat said...

keren sob, ijin kopi javascriptnya, tengkyu

BSI2000-04 said...

Hebat br0 jadi langganan ah ... Izin ya br0 ....

Awal Sholeh said...

mas itu seperti contoh pada related post punya sobat yah? tar saya coba. tukeran links yuk sob?

ammadis blog said...

Menarik dan tambah cantik nih blog...tapi...jujur deh, aku punya masalah dengan leletnya IM2 yg kupakai....

Makasih info menarik ini....

Yep said...

Wow...tambah elmu lagi nih...Thanks ya ? :X

achmad sholeh said...

makasih info tutorialnya bro, langsung mo di coba

franky said...

@thanks for all,dicobain saja.Contohnya seperti pada blog ini.Penampilannya seperti pada side bar yaitu Postingan Terbaru

franky said...

@agus, nggak usah merubah, dengan gambar yang ada pada postingan sudah muncul dengan sendirinya

h4ns said...

siip bangeet neeh,,langsuung dicoba aja.....

BSI2000-04 said...

yee ... berhasil ! thanks ya om atas tutornya :D

franky said...

@hans, silakan dicoba.
@BSI2000-04, sama-sama kawan, happy blogging

Minangkabau said...
This comment has been removed by the author.
Minangkabau said...

nice inpo gan, nambah lagi deh ilmu saya

Franky said...

@minangkabau,bisa langsung dicoba toh

Admin - Ekoprasetyo said...

nice info sobh. . keren bangetz dakh .

BujangKere said...
This comment has been removed by the author.
andung said...

boss gambarnya g mau muncul gimana?

mygoblog said...

makasih teman atas sharing tipsnya..sangat membantu saya yang newbie

Blog Bisnisku said...

thanks yach atas tipsnya.....jangan bosan berbagi teman

Bayu said...

Wowkeeeh triksnya, makasih ya

Unknown said...

maksudnya dengan tumbnail itu apa yah??..

Dimas P. Putra said...

recent post yang ada rollernya ada ga mas biar ga kepanjangan klo banyak postingan......
Lifestyle Inspiration

fatur said...

tanks infonya..lngsung ke TeKaPe dl ea..

Unknown said...

thx dah langsung ngeblog nehh

Zaiful Anwar said...

Makasih tipsnya gan..

Fatur said...

Artikel dan blog yang bagus,.slm kenal ea?

Anonymous said...

thanks, iartikelnya bermanfaat banget

Jogjaface Souvnirshop said...

wah nice info.... kunjungan balik yah

Masda said...

Mantaf, makash udh share....

Pokerpeace said...

mantab tenan mas ok banget informasinya kalau belum bisa membuat recent post coba di blog saya nich http://mafguzt.blogspot.com/2010/05/cara-membuat-recent-post-di-blogspot.html

software download full said...

thanks untuk tutorialnya ,,,,

dribnu said...

Tks Mas Tipsnya...
kebetulan saya Nyubi nih, jadi sedang blogwalkin' untuk cari tips yang seperti ini untuk mempercantik blog :)

isa muhammad said said...

:D :D :D :D :D


thx tutornya om..........:D

keep share ya...:D

hafidz joker said...

mskih atas info nya kawan..

http://www.hafidz.bursa-gokil.com/

yusep pelano said...

thanx atasd elmunya yaa bos..

bahasa pena said...

terimkasih banyak atas tipsnya ....salam kenal...

duve said...

Wah keren... Makasih ya.InsyaAllah tak coba..
Kunjung ke blog ku ya...
tidaksuka.blogspot.com

Oil Jobs said...

Thx berat broo....aku udah pasang tapi gambar thumbnails-nya aku ganti...

pakDE=Nanto said...

Wah perlu dicoba ni...

Noor.Neutron said...

gk da screen shotnya ya?? tampilin dong , saya ingin tau gimana jadina ni ,

aank said...

mas, uda saya coba n berhasil makasi ya mas.
tapi kalo ganti warna putihnya itu gimana? bacgroundnya, bukan bordernya ? makasi tutorialnya
http://teknologiuntukita.blogspot.com/

Android phone tips said...

TKP dolo gan........tq

muarra said...

thanks ya

muarra said...

wah keren thanks sobat tp masih agak kaku pnya ane niech,,, mw blajar lagi ah,,,

AJENG said...

gan kalo popular post yang thumbnails gimana ya???bingung,,makasi,,infonya bagus,,

ADMIN said...

mantabb banget ....thanks so much mas......

MARIOKOM said...

info yang menarik sob.

dhaw666 said...

nih lihat nih blog ku nih keren abis pake script di atas.kwokwok. thank's ya

Unknown said...

manteep gan...

ayo kunjungi www.e-campusradio.com

Unknown said...

coba dulu deh

Meriahkan Pesta Ulang Tahun Bersama GarudaFood said...

mantap gan..langsung nyobain dan top cer

yobento said...

manstab......... tapi jika dipasang di blogspot yang di custom domain gak bisa jalan gan

ari giduk said...

wordpress lebih mudah tinggal instal plugin aja beres

obat said...
This comment has been removed by the author.
Unknown said...

thank's banget ya gan, akhirnya yang aku cari aku temukan disini, sebelumnya dah aku carai tempat lain, eh rupanya gak bisa, berkreasi trus gan


http://malie-linge-gayo.blogspot.com/

tayangan lambat said...

blognya mantap ...!!

obet said...

ini yang ane cari gan....., izin sedot n gimana meletakkan thumnailnya di kiri.....???
oya nitiiiiiiiiiiiiiip....

www.asianadesun.com

;) ;) ;)

Mas Pandu said...

tengyu gan, langsung coba ah....

vittofriend said...
This comment has been removed by the author.
World Beauty Pageants Update said...

tankyu gan...

most wanted... said...

tararenkyu, infonya...

freedownload said...

Koq di blog saya gk jalan ya gan!!! Lohon bantuannya gan..

Sabong said...

terimakasih tutorialnya sepertinya mudah untuk diterapkan :)

Download Game Pc Gratis said...

suksess besarr thankss yaa gan

wisata said...

info yang berguna sob..

asialover said...

bisa di praktekkan ini gan :))

FibreSlim Herbal Slim said...

ini yang ane cari gan....., ketemu lagi...., hehe

Agen Judi Online said...

makasih infonya gan :D
sangat bermanfaat,

Bwin368 Agen Bola Terpercaya

Bwin368 Agen Bola Online

Forum Judi Indonesia

Resep Masakan said...

manteb infonya

Info Kesehatan said...

makasih infonya Gan:)

Paket Wisata Bromo said...

tipsnya emmbantu, dan bermanfaat bgt gan

Bwin368 Agen Judi Terpercaya said...

wah sangat bermanfaat sekali gan :D

BWIN368 AGEN JUDI TERPERCAYA
BWIN368 AGEN JUDI SBOBET IBCBET

LIGATARUHAN AGEN BOLA SBOBET
LIGATARUHAN AGEN BOLA TERPERCAYA

FORUM BOLA INDONESIA
FORUM JUDI BOLA ONLINE

LigaTaruhan Agen Bola Sbobet Ibcbet said...

wah sangat bermanfaat sekali gan :D

BWIN368 AGEN JUDI TERPERCAYA
BWIN368 AGEN JUDI SBOBET IBCBET

LIGATARUHAN AGEN BOLA SBOBET
LIGATARUHAN AGEN BOLA TERPERCAYA

FORUM BOLA INDONESIA
FORUM JUDI BOLA ONLINE

Kata Mutiara Cinta said...

makasih gan

Prediksi Skor Bola said...

mantaap infonya :D

Contoh Surat Izin said...

wah ijin tkp bos @-)

hokimuadadisini said...

AGENS128 Adalah Situs Judi Online Taruhan Sepak Bola, Casino, Sabung Ayam, Tangkas, Togel & Poker Terpopuler di Indonesia
Pasang Taruhan Online Melalui Agen Judi Terpercaya Indonesia Agens128, Proses Cepat, Banyak Bonus, Online 24 Jam dan Pasti Bayar!
Sabung ayam
sbobet online
casino online
tembak ikan
daftar bisa langsung ke:
LINE : agens1288
WhatsApp : 085222555128

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Followers

 
© Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com