Pasang Gambar Beserta Link

Cara Memasang Gambar Beserta Link di Blog (wordpress)

2 Komentar Posted by rhedo pada Februari 23, 2011

Pertama-tama, sebelum memasang gambar pada sidebar/footer anda sebagai widget, perlu diketahui adalah cara mengupload gambar (media) ke library yg ada pada blog (wordpress). Jika pembaca sudah mengetahuinya bisa dilewati instruksi dibawah ini. Berikut langkah-langkahnya (lihat gambar):

upload_gambar 1

  1. Buka panel Dashboard anda
  2. Pilih menu Media – Add New (gambar no.1)
  3. Pilih [Select Files] (gambar no.2)
  4. Pilih file gambar yang akan anda masukkan ke sidebar sbg widget. Lalu klik [Open]NB: kita dapat memilih beberapa gambar sekaligus, dengan menekan tombol keyboard [shift] kemudian pilih gambar2 yg lain.
  5. Tunggu proses upload gambar sampai berhasil seperti di bawah ini:

Keterangan gambar:

No. 1 : Alternate Text = Tulisan atau teks yang akan muncul saat gambar belum sepenuhnya muncul (proses loading)

No. 2 : Caption = Tulisan/teks judul dari gambar. Kebanyakan akan muncul di bawah gambar sebagai keterangan jika kita memposting gambar ini dalam suatu postingan.

No. 3 : Description = Tulisan/teks yang berisi deskripsi/penjeleasan dari gambar.

NB: sebenarnya, teks-teks diatas jika dibiarkan kosong tidak apa-apa. Tetapi, demi kelancaran SEO, maka teks diatas sangat diperlukan oleh mesin pencari (ex: google, yahoo, bing, dsb) untuk mengindeks blog/gambar pada blog kita.

No. 5 : File URL = alamat tempat beradanya file gambar ini disimpan. Nah, alamat inilah yang akan menjadi poin penting dalam artikel ini. Karena, URL inilah yang akan kita gunakan dalam memasang gambar di sidebar blog kita.

Lanjut….

Setelah proses upload gambar telah selesai, kita lanjutkan ke tahap berikutnya. Yakni memasang gambar yang diupload tersebut ke blog kita.

Untuk memasang gambar beserta link di blog (wordpress) sangat mudah dilakukan. Ikuti instruksi berikut:

  1. Buka panel Dashboard anda
  2. Pilih menu Apperance – Widgets
  3. Pilih atau drag “Image” (klik sambil digeser) ke panel sidebar/footer yang tersedia (sesuai tema yang digunakan). Kebetulan tema yang saya gunakan mempunyai 7 tempat. (lihat gambar diatas)
  4. Isi panel image tersebut, lihat gambar di bawah
    Keterangan gambar:
    No. 1: Widget title = judul widget
    No. 2: Image URL
    = alamat URL gambar (sama dengan File URL pada saat kita mengupload gambar ke Library)
    No. 3: Alternate text
    = Tulisan atau teks yang akan muncul saat gambar belum sepenuhnya muncul (proses loading)
    No. 4: Image title = judul gambar
    No. 5: Caption = keterangan gambar
    No. 6: Image alignment = posisi gambar (kiri, tengah, kanan, seperti halnya teks saat kita mengetik)
    No. 7: Width & Height = Panjang dan Tinggi/lebar dari gambar (jika dibiarkan kosong, berarti akan digunakan ukuran asli gambar – dalam satuan pixel)
    No. 8: Link URL= alamat/link yang dituju jika gambar di klik
  5. Kemudian klik [save]

Coba lihat/preview kembali blog anda, apakah sudah terpasang dengan baik? Contoh hasilnya bisa dilihat dibawah ini atau lihat di sidebar blog ini.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s