Cara Membuat Gambar di Sidebar Blog

Sidebar 3

Tampilan depan blog myallisya.com dari layar ponsel. 

Apakah anda ingin tahu bagaimana cara membuat gambar di sidebar blog seperti tampak pada contoh di atas? Gambar di atas merupakan tampilan depan blog myallisya.com, blog tempat saya jualan produk dan bisnis asuransi di Allianz Star Network.

Sebagian dari gambar tersebut, jika diklik, akan mengarah ke halaman lain. Apakah anda ingin tahu cara membuatnya?

Artikel ini akan menjawab keingintahuan anda, khususnya para blogger pemula di WordPress.

Ada tiga langkah utama:

  1. Buat gambar yang ingin dipasang di sidebar.
  2. Buat format teks html dari gambar tsb.
  3. Pasang di sidebar melalui widget teks.

Cara Membuat Gambar

Banyak cara membuat gambar atau gabungan gambar dan teks. Anda bisa membuat gambar di laptop atau ponsel. Setelah jadi, gambar disimpan ke file berbentuk JPEG atau PNG dengan screen capture atau snipping tools (khusus Windows).

Gambar untuk dipasang di sidebar blog harus disesuaikan dengan ukuran sidebar. Tapi dikira-kira dulu saja, nanti bisa diganti kalau kekecilan atau kebesaran.

Sebagai contoh, saya membuat gambar profil dan kontak saya ini di Power Point. Lalu saya jadikan gambar PNG dengan Snipping Tools. Aplikasi Snipping Tools ada di menu Accessories, yang gambarnya gunting.

Sidebar 2

Program Office Power Point tempat saya membuat gambar. 

Cara Membuat Format Teks Html dari Gambar

Langkah kedua adalah mengubah gambar menjadi format teks html.

  1. Masuk ke menu Post (seperti biasa untuk menulis artikel).
  2. Unggah gambar.
  3. Jika ingin gambar tersebut saat diklik mengarah ke halaman tertentu, klik gambar lalu klik link (gambar rantai), dan masukkan link URL halaman yang dituju. Jangan lupa centang kotak buka di tab baru.

    Sidebar

    Klik gambar rantai untuk menyisipkan tautan/link.

  4. Klik HTML di kiri atas menu Post.

    Sidebar 4

    Klik HTML untuk mengubah gambar menjadi format teks html. Lalu diblok dan disalin.

  5. Salin seluruh teks html yang muncul.

Cara Memasang Gambar di Sidebar

Langkah selanjutnya adalah memasang gambar yang sudah menjadi teks html tersebut ke Sidebar melalui widget HTML khusus.

  1. Masuk ke WP-admin – Tampilan (Appearance) – Widget.
  2. Pilih Widget HTML Khusus (bisa juga pake Widget Teks)
  3. Tambahkan Widget ke Sidebar yang diinginkan.

    WIdget HTML

    WP-admin – Tampilan – Widget – HTML khusus. Tambahkan widget ke sidebar yang dipilih. 

  4. Tempel (paste) teks html yang tadi disalin. Atur letak widget sesuai keinginan.

Silakan lihat hasilnya di blog anda.

Demikian sebuah tips. Semoga bermanfaat. []

 

Advertisements

About Asep Sopyan

Senior Business Partner ASN | HP/WA 082-111-650-732 | Email myallisya@gmail.com | Blog: myallisya.com dan asepsopyan.com | Tinggal di Tangerang Selatan
This entry was posted in Blog and tagged , , , , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s