Kamis, 27 Agustus 2009

Membuat Thumbnail Blog Otomatis

. Kamis, 27 Agustus 2009

Menampilkan screenshot atau thumbnail (gambar kecil) dari sebuah website/blog adalah salah satu cara agar calon pegunjung website atau blog Sobat bisa melihat terlebih dahulu bagaimana tampilan situs Sobat sebelum mereka mengunjunginya. Atau bisa juga untuk sekedar estetika untuk link ke sebuah situs, dimana Sobat sekalian dapat meletakkan gambar preview sebuah situs sebagai link ke situs tersebut (bukan sekedar tulisan). Lalu, bagaimana Cara membuat thumbnail sebuah situs/blog? Sebelum saya bahas, kita lihat dulu Demo-nya, klik preview
  1. Buka alamat http://www.thumbshots.org/

  2. Klik Free Signup

  3. Isi semua form yang di sediakan

  4. Setelah regerstasi sukses, klik Get My Free Thumbshots

  5. Pada Step 1, masukkan kode tersebut kedalam gadget blog sobat ato kedalam postingan. Dengan memasukkan URL tujuan. Contoh :

    <img src="http://open.thumbshots.org/image.aspx?url=[LINK]" border="1" />

    Masukkan URL tujuan

    <img src="http://open.thumbshots.org/image.aspx?url=http://blogg-tutorial.blogspot.com/" border="1" />
  6. Masukkan kode Step 2 ke blog anda, sama seperti di atas, bisa dipasang di postingan maupun gadget, disarankak kode ini dekat dengan kode Step 1

  7. Jika ingin dimasukkan kedalam postingan supaya rapi, lihat kode berikut :

    <center><table border="1" cellpadding="2" cellspacing="1" style="margin-top:2px;"><tbody><tr><td align="center"><img src="http://open.thumbshots.org/image.aspx?url=http://blogg-tutorial.blogspot.com/" border="1" /><a href="http://blogg-tutorial.blogspot.com/">Om Kempul</a></td><td align="center"><img src="http://open.thumbshots.org/image.aspx?url=http://updatechordgitar.blogspot.com/" border="1" /><a href="http://updatechordgitar.blogspot.com/">Chord Gitar</a></td><td align="center"><img src="http://open.thumbshots.org/image.aspx?url=http://boso-inggris.blogspot.com/" border="1" /><a href="http://boso-inggris.blogspot.com/">Learn English</a></td><td align="center"><img src="http://open.thumbshots.org/image.aspx?url=http://loan-studies.blogspot.com/" border="1" /><a href="http://loan-studies.blogspot.com/">Personal Loan and Credit</a></td></tr><tr><td align="center"><img src="http://open.thumbshots.org/image.aspx?url=http://redysatria.cn/" border="1" /><a href="http://redysatria.cn/">Redy Satria</a></td><td align="center"><img src="http://open.thumbshots.org/image.aspx?url=http://listen-dangdut.blogspot.com/" border="1" /><a href="http://listen-dangdut.blogspot.com/">Listen Dangdut</a></td><td align="center"><img src="http://open.thumbshots.org/image.aspx?url=http://a.ndri.info/" border="1" /><a href="http://a.ndri.info/">Andri Nawawi</a></td><td align="center"><img src="http://open.thumbshots.org/image.aspx?url=http://miscah.blogspot.com/" border="1" /><a href="http://miscah.blogspot.com/">Blog Go Blog</a></td></tr></tbody></table></center><br />__________<br /><a href="http://www.thumbshots.com/" target="_blank" title="This site uses Thumbshots previews"><sub>This site uses Thumbshots previews</sub></a></p></div>
  8. Keterangan :
    1. Kode warna Coklat adalah Tabel, berfungsi supaya gambarnya tertata rapi

    2. Kode warna Merah adalah URL tujuan

    3. Kode warna Hijau adalah nama/identitas blog/website tujuan

  9. Selamat mencoba . . . Good Luck . . .

26 komentar:

mas doyok mengatakan...

sip dicoba ahhhh

jaiman mengatakan...

sip tipsx bos.... coba dlu ya...

newbi mengatakan...

bisa dicoba nih tips

Wisata Riau mengatakan...

wah,,, mantab mas...... baru tahu nih...... tak comot ilmunya yah.......

KangJoko mengatakan...

tutorialnya bagus sekali,, mau langsung di praktekin ya mas :)

YUSRON BLOG mengatakan...

sip dah,,,

dens mengatakan...

nice info...sob

Stories Funny Funniest Pictures Humor mengatakan...

dulu q sempet cari2 tutornya kyk gni tapi males, eh ternyata anda yang punya tutornya, makasih mas:D

KEEP POSTS FRIEND

prafangga permana mengatakan...

siap mantap

riz mengatakan...

tips baru,segereeerrraaa berangkat om,laKSAnakan

kwangkxz mengatakan...

Keren juga nich infonya sobat, terimakasih ya ?

harto mengatakan...

Siiip... infonya, trims yaa...?

Blogger pemula mengatakan...

Wis,.... pokokok'e, mak nyus...

goceng mengatakan...

baru dengar nih...numpang nyoba, sepertinya menarik...

digital life mengatakan...

sip mantap sob..

gema_gogo mengatakan...

Sipp tutornya mas...

makasih udah share...

Kang Marno mengatakan...

artikel yang bagus, maju terus sob, thank ya

fikirjernih mengatakan...

wahhh sip banget nih, tips nya

moga aku bisa punya web n kumasukin cara ini ke web ku

fikirjernih mengatakan...

mohon komentar nya ya

http://fikirjernih.blogspot.com/2009/08/rumah-indaman-yang-ingin-ku-wujudkan.html

tolong komentar nya di posting komentar ya

Deni Ahmad Jaelani mengatakan...

coba nih.....mantap infonya

sipud mengatakan...

KOdenya Kok Ruet Yahh :)) Tapi pengen Tuch Thumbs bsa contohnya mana???

Derby mengatakan...

Nah ini dia nih tutorial yang saya cari

Rizal Islami mengatakan...

Top Abis :))

mas doyok mengatakan...

wah mantaaaaaaaaap aku terlambat nihhhh

Rusa Bawean™ mengatakan...

wahhh keren
bisa buat wordpress gak ya???

Little Business mengatakan...

selam kenal.....wow blognya keren buanget nih, ini kunjungan perdana saya di tempat ini........btw, boleh tukeran linknya?

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

Posting Komentar

 

Recent Comment

Sahabat Setia

Recent Post

Related Websites

This Blog is proudly powered by Blogger.com | Template by miscah.blogspot.com