CosaAranda.COM Images
 
Testimoni | Hall of Shame | Konfigurasi | Bookmark
 

[Trik] Memasang Thumbnail Preview Situs Dengan Mudah

CosaAranda.com Thumbnail

Ini tips sederhana dan dapat digunakan dimana saja, baik pada halaman HTML statis maupun diintegrasikan dalam CMS yg Anda gunakan. Dengan sebaris kode berikut, kita dapat menampilkan thumbnail dari preview suatu situs. Contohnya adalah gambar di samping kanan ini yg tidak disimpan di server seperti biasanya, melainkan di-generate secara langsung. Beberapa CMS mungkin juga sudah menyediakan plugin / add-on untuk keperluan ini, tapi bukankah lebih praktis dan lebih menghemat pemakaian server jika kita langsung memasangkannya tanpa melalui plugin / add-on tersebut? :)

Berikut ini kodenya:

[html][/html]

Yg perlu Anda lakukan hanyalah mengganti {url} dengan alamat URL dari situs (bisa juga ke halaman tertentu) yg diinginkan. Mudah bukan?

Contoh:

[html]Thumbnail Google[/html]

dan hasilnya adalah sebagai berikut:

Thumbnail Google

Salah satu contoh implementasinya adalah pada halaman Links situs Anda sehingga tampak lebih atraktif. Atau, jika Anda menggunakan platform blog Wordpress dan memasang plugin rs:custom_field_gui, Anda dapat memanfaatkan trik ini untuk memajang thumbnail dari sumber artikel Anda misalnya. Contoh hasilnya, yg saya gunakan di salah satu situs saya, dapat disimak di bawah ini:

Thumbnail Screenshot Images

Selamat mencoba :)

Anda dapat meletakkan link Anda di sini. Mau tahu caranya?

BookmarkAddict.com

Keberatan dengan iklan ini?
Informasi pasang iklan
#01
 
Comment by Sugie (2007-03-19 11:26:55)
Sugie

Coba dulu ah… makasih ya Om coklatnya.. eh trik nya! ;-)

 
 
#02
 
Comment by T1ps (2007-03-19 12:15:20)
T1ps

Sizenya itu standar atau juga bisa diubah sesuai keinginan ? Trims atas infonya.

 
ghosthost

ya di resize aja, mungkin bisa pake “width”

 
Comment by Cosa (2007-03-19 20:09:32)
Cosa

yup, di-resize sendiri aja. Ukuran defaultnya 160×120.

 
 
 
 
#03
 
Comment by cahya (2007-03-19 16:20:03)
cahya

Makasih atas tutorialnya ;) siip

 
 
#04
 
pogung177

Dah lama..pake ginian sejak 4 tahun lalu.

 
ahmaddani

Koq nggak dishare?
yang penting sharenya Gung!…kalo sering-sering sharing kaya’ Mas Cosa, pasti banyak yang apresitif ke kamu…..

 
 
 
#05
 
Suwahadi

T.O.P dech … ;)

 
 
#06
 
Comment by the-kids (2007-03-19 18:07:39)
the-kids

wah mayan nih hemat BW.

btw, nda jadi beli TCC-nya?

 
 
#07
 
Comment by hakim (2007-03-19 19:57:49)
hakim

nice…
:)

 
 
#08
 
radeondt

siap meluncur ke lokasi !!!

 
 
#09
 
Handry Teguh

Om, Kadang-kadang muncul images preview not available. seperti contoh berikut

http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r=http://www.bisnismen.com

Tau gak yach kenapa om ?

 
Comment by Cosa (2007-03-19 22:01:49)
Cosa

mungkin servernya yg lagi down / busy

barusan aku coba punyamu td bisa keluar kok

 
Handry Teguh

Iya om, server mungkin lagi down ato busy.
Udah bisa om…. hehehe… Thanks Infonya.

 
 
 
 
#10
 
ahmaddani

Makasih.. mas Cosa…dari dulu… cuman denger.. skripnya…

Btw.. ada nggak yang pakai script langsung. Jadi nggak pakai tool orang lain?

Sekali lagi makasih..

 
Comment by Cosa (2007-03-21 23:42:51)
Cosa

aku belum pernah nemu mas ahmaddani, mestinya sih ada yah.

 
 
 
#11
 
Comment by AsAn (2007-03-21 19:22:55)
AsAn

keren euy…makasi ya mas cosa

:D

 
 
#12
 
Comment by AsAn (2007-03-21 19:26:21)
AsAn

klo misal di blog site mas..diletakkan dm y mas…
soalnya baru start nih

makasi atas jawabannya
sukses :D

 
 
#13
 
Comment by T1ps (2007-04-02 15:54:37)
T1ps

Ternyata generate thumbnailnya gak real-time yah, tahunya baru tadi waktu coba pasang thumbnail dari blog ini… yang keluar malah thumbnailnya template jadul :)

 
Comment by Cosa (2007-04-02 17:49:37)
Cosa

iya, sama kyk punya alexa, disimpen dalam cache. Updetnya bbrp waktu sekali.

 
 
 
#14
 
Comment by rizal (2007-04-14 14:54:03)
rizal

makasih atas trik2 nya

 
 
#15
 
kazemaru

aku dah mencoba memahami artikel ini, tapi kok ya belum paham juga ya. apa yang di maksud kita copy link aja langsung dari hasil pencarian SE?

 
 

Tautan Balik Ke Artikel Ini

Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
sorry ngacir nocomment tipi tendang sombong sinchan sial senam nyerah ngiler nggaya nangis musik males love konslet kembar gatau damn bye ayuk You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

Keberatan dengan iklan ini?
Informasi pasang iklan
Cosa Aranda Artikel ini ditulis oleh Cosa pada tanggal 19 March 2007 dan diletakkan pada kategori Internet. Saat ini sudah ada 22 pengunjung yang berkomentar. Ingin menambahkan?

Sebagian pengunjung datang ke halaman ini melalui kata kunci: thumbnail, MEMASANG STATIS DI BLOG, rs:custom_field_GUI, msnsearch preview, www.pogung177.com, wordpress plugin bookmarks with thumbnails preview, "trik download movie", thumbnail google, dengan, msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r, trik%html, wordpress screenshot thumbnail, msnsearch.srv.girafa.com spam script, preview url, Trik memasang kode Amazon, wordpress thumbnail plugin, color="#ff0000">Surat Al-Iman, apa yang dimaksud dengan thumbnails?, contoh html,


   

Sponsor

 
 
 

Publikasi Ulang

Kopi-Paste kode berikut jika Anda ingin mempublikasikannya ulang untuk keperluan non-komersil. DILARANG memodifikasi separuh atau seluruh bagian dari kode tersebut.
Save Google AdSense Images