#BebenahBlog : Cara Mudah Menambahkan Gambar Pada Widget Di WordPress

bebenahblog

Sejak blog wordpress saya migrasi menjadi Top Level Domain alias TLD, saya belum sempat mengganti desain blog pribadi saya ini apalagi oprek-oprek kode html. Kepingin sih beli desain atau kayak waktu itu saya sempat nanya harga custom illustration buat dijadiin header blog. Harganya mihil bingit tapi sesuai dengan hasilnya kudu siapin budget ekstra. Untuk saat ini, saya berfokus pada content, because content is the king.

Meskipun desain blog saya belum banyak berubah, tapi ada yang wajib dibenahi yaitu informasi seputar sosmed saya, profil pribadi komplit dengan alamat e-mail yang bisa dihubungi dan … ini nih yang penting, info komunitas yang saya ikuti. Karena, nantinya bisa menjadi informasi brand atau agency yang ndadak nyasar ke blog ini.

Nah, logo komunitas blogger yang sudah lama banget kepingin saya ceplokkin tempel di blog itu BloggerCrony. Buat saya pribadi, kurang afdol rasanya saya sering beberapa kali ikutan acara bersama komunitas yang didirikan Mbak Wardah Fajri ini tetapi logonya enggak nongol di blog saya. Alasan lainnya, saya pernah 2x menang live tweet juga dari BloggerCrony, jadi penting gitu pasang logonya.

Urusan memasang logo ini bisa menjadi hal ribet buat pengguna wordpress pemula. Karena, wordpress tidak menyediakan fitur insert image seperti di blogspot. Senin malam (27/3), saya pun mencoba memasang logo BloggerCrony pada widget saya. Eng ing eng. Saya lupa gimana caranya memasang gambar pada widget. Setelah oprek-oprek selama dua jam akhirnya bisa juga. Saya tuliskan how to-nya di bawah ini biar enggak lupa lagi dan semoga berguna buat yang membaca.

1. Simpan logo BloggerCrony dari fanpage facebook.

widgettutor2

2. Upload logo BloggerCrony ke situs wordpress Anda

widgettutor

Setelah gambar muncul, klik sunting, lalu salin url lokasi gambar Anda.

3. Selanjutnya, buka Tampilan > Widget

widgettutor3

Dari banyaknya widget yang ada di sebelah kiri layar, pilih Teks, otomatis akan muncul di sebelah kanan kolom untuk Teks.

widgettutor4

Alamat lokasi blog yang tadi Anda salin, paste ke area kosong seperti di bawah ini.

widgettutor5

Tambahkan kode manual html seperti yang ada pada gambar.

<img src="Paste URL yang tadi di copy disini" alt="judul gambar anda"/>

Selanjutnya, gambar logo BloggerCrony akan terpasang di widget blog Anda. Langkah ini dapat diterapkan juga untuk memasang gambar lainnya.

Oh ya, postingan tutorial ini saya kasih hashtag #BebenahBlog, karena insya allah saya akan sharing lagi tiap kali saya bebenah blog. Biar afdol. 

ttd-marso

 

Iklan

21 comments

  1. Sejujurnya aku yang agak gaptek ini ga cocok pake wordpress. Tapi wordpress ini enaknya tampilannya dari sana udah cakep cakep ya maaak, pun banyak plus plus widgetnya pula untuk yang ngerti yaaaa

  2. Keren blognya mba, salam kenal ya.. eh ya mba dikit koreksi itu tutupan tagnya keliru , jadinya gambarnya gak nampil hehehe, ubah jadi : . Hilangkan tanda / dan

    Mudah2an komentar ini gak dianggap spam* hiks

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