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" />
  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
  2. 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>
  1. 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
  2. Selamat mencoba . . . Good Luck . . .
http://blogg-tutorial.blogspot.com/2009/08/membuat-thumbnail-blog-otomatis.html

..Postingan Terkait..

Baca Juga !!