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
- Buka alamat http://www.thumbshots.org/
- Klik Free Signup
- Isi semua form yang di sediakan
- Setelah regerstasi sukses, klik Get My Free Thumbshots
- 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" />
- 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
- 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>
- 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 - Selamat mencoba . . . Good Luck . . .
http://blogg-tutorial.blogspot.com/2009/08/membuat-thumbnail-blog-otomatis.html
0 Comments