Tempat paling aman untuk host gambar template Blogger anda

Salah satu masalah yang paling sering kita temukan pada template blogger adalah ketika gagal memuat gambar dan/atau kita mendapatkan pesan kurang bagus ketika template kita memuat suatu gambar. Sebabnya yaitu karena dalam sebagian besar gambar template kita berasal dari layanan gratis untuk host gambar (seperti: imageshack, photobucket, GooglePages, dll) yang kadang-kadang memiliki batasan bandwidth.

Itulah sebabnya kita harus memindahkan penyimpanan gambar-gambar pada template kita tersebut ketempat lain. Jika anda bertanya "Dimana..?" tentunya kita pindahkan ke blogger itu sendiri, karena blogger tidak mempunyai batasan (atau salah satu yang sangat tinggi) dalam hal bandwidth untuk memuat gambar. Untuk mendapatkan kode gambar pada template anda, lakukan hal berikut:

1. Klik tab "Layout" dan kemudian ke "Edit HTML".
2. Lakukan pencarian untuk semua URL gambar pada template anda, kemudian anda akan menemukan kode seperti contoh berikut:

http://tempatpenyimpanangambar.com/etc/namagambar.jpg

Tentu saja gambar-gambar tersebut biasanya akan berakhir dengan .Jpg,. Png,. Gif atau format gambar lainnya. Cara paling mudah untuk menemukan kode gambar yaitu dengan mengetik .Jpg,. Png,. Gif atau format gambar lain yang anda ketahui pada pencarian. Nah setelah itu ada bisa menganalisa satu persatu gambar mana saja yang belum dihost di blogger. Yang menjadi perhatian adalah gambar yang belum dihost di blogger. Lewati saja jika anda menemukan gambar yang sudah dihost diblogger.

3. Pergi ke alamat masing-masing gambar dan simpan di gambar tersebut.

Sekarang, untuk meng-upload gambar tersebut ke Blogger dan menggunakannya dalam template, Anda dapat mengikuti langkah-langkah mudah berikut:

1. Buat postingan baru (Posting -> New Post).
2. Klik pada ikon "Add Image" dan upload semua gambar yang berhubungan dengan template anda yang telah anda simpan tadi.
3. Setelah selesai meng-upload gambar-gambar tersebut, kembali "Edit HTML", maka kode yang dihasilkan pada tiap gambar akan tampak seperti berikut seperti ini:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_Zuzii37VUO4/SMM5YTgm0DI/AAAAAAAAC8s/AMBnCJkCENw/s1600-h/footerpg5.jpg"><img style="cursor:pointer; cursor:hand;" src="http://1.bp.blogspot.com/_Zuzii37VUO4/SMM5YTgm0DI/AAAAAAAAC8s/AMBnCJkCENw/s400/footerpg5.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5243097480906068018" /></a>

Seperti yang anda lihat, kode diatas memiliki dua URL gambar Namun, tak satu pun dari dapat digunakan pada template, maka lakukan hal berikut:

4. Salin URL gambar pertama dan buka pada tab baru atau jendela browser Anda. ( lihat bagian warna merah).
5. Setelah Anda melihat gambar, klik kanan dan pilih "Copy Image Location" (di Firefox).
6. URL ini dapat digunakan di Blogger template, langkah berikutnya adalah mengganti URL lama dengan URL baru yang anda copy tersebut. Anda dapat melakukannya dengan masuk ke Layout -> Edit HTML dan ganti kode.
7. Ulangi langkah 4, 5 dan 6 untuk semua gambar yang Anda upload.

Memang Proses ini bisa sangat lama dan membosankan, tetapi kita perlu berpikir bahwa kita hanya sekali melakukan proses ini dan setelah itu kita akan lebih percaya diri pada gambar template blog kita.