Mainan Akhir Pekan: Menyisipkan Citra di Komentar WP Gratisan

Citra-Komentar-00

Menyisipkan citra di Komentar WP gratisan

Saya keliru mengira menyisipkan citra di komentar WordPress itu sama mudahnya dengan di artikel. Menyisipkan langsung di ruang tulis komentar di bawah artikel, ternyata susah. Gundul karena tidak ada menu bantu. Untung masih ada satu editor lagi di ruang “Komentar”, ada menu dalam kode HTML. Untuk menyisipkan citra pakai ‘img’. Tetapi ‘img’ ini ternyata gagal berfungsi; citra tidak muncul di komentar. Karena WordPressnya gratisan? Mungkin, meski versi WordPress gratisan yang diinstal di komputer sendiri, bisa. Coba kutak-katik lagi sendiri, dan, horee, …bisa juga!

Penasaran. Coba-coba menu ‘link’ dengan harap-harap cemas berhasil. Idem ditto, sama saja tidak juga. Masa ‘sih sesukar itu? Ya, sukar, bagi mereka yang belum trampil menggunakan kode HTML seperti saya. Apa boleh buat, saya harus belajar karena ingin bisa menghadirkan citra di komentar rioseto’s blog oleh para pengunjung. Biar komunikasi di blog tampak lebih hidup. Maju namanya, ya.

S o l u s i

Trik menyisipkan sebetulnya sederhana. Saya intip kode WordPress saat menyisipkan citra di artikel. Kode HTML ini dikutip ulang dan saya pecah jadi 2 bagian,

<caption id=”attachment_2804″ align=”aligncenter” width=”448″ caption=”aaa-aaa-aaa“>

<a href=”alamat-lokasi-citra“>  <img title=”bbb-bbb-bb ” src=”alamat-lokasi-citraalt=”ccc-ccc-ccc” width=”448″ height=”274″ /></a>

</caption>

Jangan terlalu serius, anggap saja ini kode HTML mainan. Kode HTML  disederhanakan, alinea pertama ditiadakan hingga jadi seperti ini

<a href=alamat-lokasi-citra“>  <img title=”bbb-bbb-bbb” src=”alamat-lokasi-citra alt=”ccc-ccc-ccc ” width=”448 ” height=”274” /></a>

Selesai. Kode HTML akan coba kita pakai menyisipkan 2 citra di komentar. Perhatikan dampaknya.

Eksperimen


Citra-1

<a href=https://rioseto.files.wordpress.com/2009/09/pacman00-dusun03.jpg”&gt; <img title=”Dusun Kahuripan” src=”https://rioseto.files.wordpress.com/2009/09/pacman00-dusun03.jpg&#8221; alt=”Dusun Kahuripan Membangun” width=”448″ height=”274″ /></a>

Dusun

Kode width=”448″ height=”274″ adalah “lebar” dan “tinggi” batas dimensi ruang citra. Citra dipaksa menyesuaikan, akibatnya cacat. Perlu koreksi dengan coba-coba mengubah bilangan dimensi ruang sampai pas, misalnya width=”500″ height=”100″.


Citra-2

<a href=https://rioseto.files.wordpress.com/2009/09/pacman00-dusun03.jpg”&gt; <img title=”Dusun Kahuripan” src=”https://rioseto.files.wordpress.com/2009/09/pacman00-dusun03.jpg&#8221; alt=”Dusun Kahuripan Membangun” width=”500” height=”100” /></a>


Citra-3

<a href=https://rioseto.files.wordpress.com/2009/09/pacman13.gif”><img title=”Setan Pacman” src=”https://rioseto.files.wordpress.com/2009/09/pacman13.gif” /></a>

Kode HTML diserderhanakan lagi dengan membuang alt, width, height.


    Menemukan lokasi “alamat-lokasi-citra”

  • Masuk ke dasborku (dashboard), klik  [Pustaka] di [Media]. Klik submenu [Sunting] dari [ Sunting | Hapus | Lihat ].
  • Temukan alamat lokasi gambar (ada di bagian bawah). Salin ini dan masukkan ke kode HTML kita.
  • Selesai.

Nothing is perfect. Selamat bereksperimen di akhir minggu…

Sambil menunggu pak Urip, kepala dusun Kahuripan, mengusir setan kebodohan warga dusunnya, kita akan posting beberapa artikel, masih tentang citra. Artikel pasti berguna buat dusun juga kelak. Nantikan.

Tagged with: , , , , , , ,
Ditulis dalam Tak Berkategori
One comment on “Mainan Akhir Pekan: Menyisipkan Citra di Komentar WP Gratisan
  1. rioseto berkata:

    Inilah citra di komentar:
    Citra-2
    Dusun Kahuripan Membangun

    Citra-3
    Hi.ii… setan’pacman’ (animasi sederhana).

Silakan komentar, 'like' juga oke

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

Translate • Terjemahkan
Foto Minggu Ini
Boneka Jepang Geisha

Belajar memotret boneka dengan lampu kilat

%d blogger menyukai ini: