mau dapat artikel terbaru blog ini? silahkan ikuti update blog ini

memaksimalkan fasilitas dan file gambar di blogger.com

blog tools, belajar edit templateAwalnya artikel ini dibuat terpisah tapi karena sangat singkat jadi disatukan ke dalam satu postingan, seperti judul diatas mungkin anda termasuk yang belum tahu memanfaatkan benar-benar fasilitas dan fungsi gambar diblogger.com yang ternyata lebih dari sekedar upload gambar untuk melengkapi artikel kita. Yaitu; sebagai tempat penyimpanan file gambar seperti halnya di Photobucket, googlepages or geocities serta optimalisasi SEO untuk artikel yang bergambar. So jika tertarik mengetahui caranya silahkan simak cara berikut:


SEBAGAI TEMPAT PENYIMPANAN FILE GAMBAR
  • Masuk ke akun blogger terus pilih Posting -> Entri baru -> Compose.
  • Kemudian klik tombol upload image yang terletak di Toolbar (bagian atas), setelah kotak dialog muncul pilih file gambar yang akan anda upload dengan menekan tombol Browse.
  • Setelah thumbnail file gambar muncul tekan tombol OK.
  • Selamat file gambar anda sukses tersimpan di blogger.com
  • Setelah itu untuk melihat dimana URL image gambar anda tersimpan pilih Edit HTML maka akan terlihat kode default html gambar akan seperti dibawah ini:




    < div class="separator" style="clear: both; text-align: center;">
    < a href="http://3.bp.blogspot.com/_7YX-Uwa2dJ4/StwjuGPohCI/AAAAAAAAAjc/yLPSb5QSpik/s1600-h/NAMA_FILE_GAMBAR_ANDA.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"> < img border="0" src="http://3.bp.blogspot.com/_7YX-Uwa2dJ4/StwjuGPohCI/AAAAAAAAAjc/yLPSb5QSpik/s009/ NAMA_FILE_GAMBAR_ANDA.jpg" /></a>
    < /div>

    Kode yang berwarna merah adalah URL dimana file gambar tersimpan, copy paste kode merah tersebut di notepad lalu simpan di hardisk PC agar setiap membutuhkan file gambar tersebut di kemudian hari Anda tinggal memasukkan url gambarnya saja.


  • Simpan artikel anda tersebut sebagai draft agar tidak terlihat oleh orang lain.

CARA MEMASANG FILE GAMBAR YANG TELAH DIUPLOAD KE BLOGGER
Jika dikemudian hari anda akan memasang gambar yang pernah anda upload sebelumnya berikut ini adalah kode yang anda sisipkan saat menulis artikel (dalam mode “Edit HTML”):


<a href="http://NAMABLOG.blogspot.com"><img src="URL-GAMBAR "></a>


Ganti kode berwarna merah diatas sesuai dengan link blog dan link gambar.

OPTIMALISASI FILE GAMBAR UNTUK KEPERLUAN SEO
Selain teks, file gambar di artikel blog juga bisa dioptimalisasi agar gambar yang di pasang dalam artikel bisa ter-index oleh search engine ketika seseorang mencari gambar dengan keyword tertentu, caranya adalah dengan mengubah sedikit kode HTML default gambar (contoh kode sama dengan kode html pada cara diatas), kemudian memasukkan keyword yang akan dijadikan target ke dalam tag alt, biar lebih jelas silahkan perhatikan perubahan dari kode standar ke kode html untuk meng-seo-kan gambar, sebagai berikut:



<a href="http://NAMABLOG.blogspot.com"><img src="URL-GAMBAR " alt="KEYWORD"></a>


Sesuaikan kode yang berwarna merah dengan Nama Blog, link gambar yang sudah di upload lewat cara diatas serta keyword untuk gambar anda.

Semoga cara cara bagaimana memaksimalkan gambar di blog bisa bermanfaat, terima kasih sudah mampir dan kalau ada saran kritik seputar topik diatas silahkan tuju form komentar dibawah ;) ;) :$

Tambahan:
Buat rekan-rekan yang mau nyoba template gratisan atau sekedar menambah koleksi template blogspot buat dishare lewat Ziddu anda boleh ngetes template hasil iseng-iseng saya di Ziddu.com yaitu:
Oentoe_09 – Orange | View Demo    Oentoe_09 – Blue | View Demo
 (image from: aboutblog.net)

5 komentar:

Oentoe_09 mengatakan...

tes jadi pertamaxxx ;) :D :$

ardianzzz mengatakan...

Heheh nice trik!
sebenarnya hal seperti itu bisa dikatakan semacam cloud computing kan?
salam kenal yo

na_raka mengatakan...

udah tau... tp thanx berat

SACRED 99th Ground mengatakan...

apa masih relevan untuk form yang sekarang mas, nanti saya coba di blogspot saya

SACRED 99th Ground mengatakan...

bisa dipahami masbro, saya save saja script kode htmlnya

Posting Komentar

Label

Blog support

Entri Populer