Friday 2 March 2012

Cara upload dan ambil kode HTML gambar


Bagi beberapa sobat blogger mungkin masih ada yang belum tahu secara persis bahwa sebenarnya semua gambar, baik berukuran besar atau kecil bisa kita upload dan menyimpannya di blogger. Jika biasanya kita hanya melihat tampilan gambar yang hanya berukuran kecil di halaman posting sebenarnya itu hanyalah untuk penyesuaian dengan ukuran ruang halaman posting saja. Dibalik gambar yang terlihat kecil itu tersimpan sebuah gambar berukuran besar yang sesuai dengan ukuran gambar yang terupload. URL gambar (yang berukuran besar) tersimpan dalam kode HTML-nya dan terdapat pada tag a. URL gambar ukuran riil dapat kita ambil dan digunakan dengan mengambil dengan klik posting MODE EDIT HTML. Agar lebih jelas silahkan ikuti panduan di bawah ini. O ..., ya ..., jika sampeyan ingin melihat seberapa besar gambar yang bisa diupload dan disimpan di blogger silahkan klik . Ada dua gambar berukuran besar hasil upload di blogger lengkap dengan URL-nya. Silahkan klik saja maka dua gambar tersebut akan terlihat secara bersamaan!
Cara upload dan ambil kode HTML gambar
  • Login ke Blogger.
    • Tulis Email Address.
    • Tulis Password.
    • KLIK LOGIN.
  • Setelah halaman DASBOARD (Dasbor) terbuka, cari dan klik link POSTING.
  • KLIK NEW ENTRI.
  • Pilih pada posting Mode Compose atau EDIT HTML.
  • Upload gambar sebuah gambar dengan ukuran besar dengan cara klik fitur INSERT IMAGE (fitur bergambar pemandangan) kemudian klik CHOOSE FILE.
  • Pilih dan tentukan gambar yang akan di upoload (di folder PC) kemudian "OK".
  • Setelah gambar terupload dan terlihat atau tersimpan di halaman posting. Lanjutkan dengan klik MODE EDIT HTML hingga kode HTML gambar hasil upload terlihat.
  • Ambil URL gambar dari kode terdepan (tag a) dan jangan yang ditag img karena gambar besarnya ada di tag a tersebut. Sebagai contoh silahkan lihat kode di bawah ini (yang digunakan URLyang berwarna oranye!).
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7s3ZKD4NgXgRGTF3a3cT8BCnY2MgMwbX8JOe4kjUul-ng8HyEd4MsvB4STUw8ApbKS6LAjtAbwGWhOyGjgYLCiOZPEkOGRqa_bQy4nS1GvGGES93X28qSDEP37WbdPlAMWO1fL5VubQQ/s1600/Widodari.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7s3ZKD4NgXgRGTF3a3cT8BCnY2MgMwbX8JOe4kjUul-ng8HyEd4MsvB4STUw8ApbKS6LAjtAbwGWhOyGjgYLCiOZPEkOGRqa_bQy4nS1GvGGES93X28qSDEP37WbdPlAMWO1fL5VubQQ/s1600/Widodari.jpg" /></a></div>

Atau dalam bentuk kode yang berbeda seperti ini:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEV-tDYcc2e6sKnWFbUy6FVgcw-MCqbIH_q4Ys2eyewGaEgit2U1UAsvEjdZVqVXhcTdnmETVLdabSI_rmNBsi9Q3WUL6f-67_mIQU0DlD79ZM13QdzQX4g75YJFdj4ljFlu6c53UVDzU/s1600/21kwal1.jpg"><img style="cursor:pointer; cursor:hand;width: 289px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEV-tDYcc2e6sKnWFbUy6FVgcw-MCqbIH_q4Ys2eyewGaEgit2U1UAsvEjdZVqVXhcTdnmETVLdabSI_rmNBsi9Q3WUL6f-67_mIQU0DlD79ZM13QdzQX4g75YJFdj4ljFlu6c53UVDzU/s400/21kwal1.jpg" alt="" id="BLOGGER_PHOTO_ID_5552462025449302034" border="0" /></a>

1 comments:

makasi infonya, tapi tampilan situsnya bikin sakit mata nih...

Post a Comment

Vabry.Ardianto Design. Powered by Blogger.
Klik Like Untuk Menyukai FP Aurora
Twitter Delicious Facebook Digg Stumbleupon Favorites More