2 Cara Mudah dan Cepat Menambahkan Image Ke Widget (Gadget) Blogger

2 Cara Mudah dan Cepat Menambahkan Image Ke Widget (Gadget) Blogger
Ilhamsadli.com,- Ketika bergabung dengan sebuah komunitas blogger, biasanya syaratnya adalah menambahkan image berupa logo dalam sidebar atau bentuk widget dalam tamplate. Hal ini dimaksudkan sebagai sebuah identitas sekaligus branding blog sahabat pada khalayak. Biasanya cara mudah dan cepat menjadi bahan pencarian dalam tutorial blog untuk pemula.

Nah, kali ini ilhamsadli.com bakalan berbagi tutorial sederhana mengenai 2 cara mudah dan cepat menambahkan logo organsasi atau image ke widget. Tutorial ini sederhana dan tentunya mudah untuk bisa dilakukan sahabat semua, walaupun sahabat belum banyak mengerti mengenai html.

Bagaimana caranya? langsung aja cek this out...

2 Cara Mudah dan Cepat Menambahkan Image Ke Widget

Ada beberapa cara yang bisa sahabat gunakan untuk menempelkan atau menambahkan image dalam sidebar, footbar. Sidebar dan Footbar memang menjadi favorit penempatan image sebagai widget. Berikut ini cara-cara yang populer digunakan.

1. Menggunakan Widget Image

Cara pertama adalah dengan menggunakan fitur widget image dan sudah disediakan dalam menu widget. Begini cara menambahkan image dengan mudah.

  • silahkan sahabat masuk ke menu tata letak pada menu blogger
  • selanjutnya tinggal klik "tambahkan widget" di lokasi yang ingin sahabat berikan image sebagai hiasan
  • Setelah masuk menu widget maka sahabat tinggal klik image
  • Sahabat bisa menambahkan judul image, keterangan image serta link jika image tersebut ingin anda hubungkan ke link tertentu.
  • langkah terakhir save, maka image tersebut sudah tertempel dalam blog sahaba
Ada sedikit kekurangan dalam widget ini, yakni ukuran yang akan tampil dalam blog nantinya akan diatur otomatis. Dan kadang malah menjadi tidak enak untuk dipandang.

2. Menggunakan Widget HTML/Java

Cara kedua adalah dengan menggunakan Menu Widget HTML/Java. Nah, ketika menggunakan widget html/java, sahabat bisa memilih untuk menentukan tinggi dan lebar image atau tidak. Oleh karena itu, ilhamsadli.com memberikan 2 kode html yang bisa sahabat gunakan untuk menambahkan image pada widget tamplate blog.

a. Kode Widget Image Dengan Ukuran Image Otomatis

<a href="http://flp.or.id/"><img src="https://lh3.googleusercontent.com/-S6eLd6kL1LU/WplLV5hfl1I/AAAAAAAABbc/Guqz-cJz1fs9vaYSuWPha9ZzEhoecnLHQCLcBGAs/h120/Capture.PNG" / /></a>

Keterangan: Untuk yang bertanda merah, tinggal anda ganti dengan link yang dituju serta link fotonya. Maka terlebih dahulu image tersebut harus sahabat upload kemudian meng-copy url image. Usahakan url image berujung  format image (PNG, JPG, GIF dll)

b. Kode Widget Image Dengan Ukuran Bisa Kita Tentukan

<div align="center"><a href="http://www.bloggerjembersueger.com/" rel="dofollow" title="Blogger Jember Sueger"><img alt="BJS" src="https://4.bp.blogspot.com/-Rl_mgxwEb1w/WNOPH7wBSXI/AAAAAAAAGDs/3iVgPiYDF3YDMViI-qvjfY9LDa6CxLm9wCLcB/s400/Blogger%2BJember%2BSueger03b.jpg" style="border: none; height: 200px; width: 200px;" / /></a></div>
Keterangan: Warna merah diganti link seperti cara (a), untuk warna kuning silahkan ganti dengan nama pemilik logo, dan untuk warna biru silahkan diganti dengan ukuran sesuai keinginan sahabat.

  • Align: Digunakan untuk menentukan lokasi atau posisi image apakah mau di tengah, kiri atau kanan
  • href: untuk memasukan url/link tujuan
  • src: atau search adalah kode pencarian image dimana image terupload atau tersimpan
  • height: tinggi image
  • width: lebar image
Cara menambahkannya dalam html/java tetap sama dengan widget image, hanya saja sahabat menggunakan widget html/java. pada bagian judul silahkan sahabat isi dengan nama organisasi kemudian untuk kontent tinggal sahabat copy kode a atau b. kemudian save.

Baca juga: 2 Alternatif Mudah Membuat Menu dan Sub Menu Blog

sekian tutorial sederhana. Semoga bermanfaat dan bisa membantu teman-teman.

1 comment:

  1. wah thanks infonya. biasanya saya menggunkan wordpress. blogspot ternyata begini caranya.

    salam
    Pongery

    ReplyDelete

Silahkan tinggalkan komentar, jangan lupa follow twitter @ilhamsadly, Instagram @ilhamsadli atau subscribe email anda untuk mendapatkan update terbaru. Terimakasih sudah berkunjung