Memasang Gambar Html di Sidebar Blog (Blogger) - d-ii

Memasang Gambar Html di Sidebar Blog (Blogger)

Memasang Gambar Html di Sidebar Blog (Blogger)


Ingin Tau ? Cara memasang Gambar Html di Sidebar Blog yang bertujuan agar ketika gambar di klik akan menuju ke Url Blog lain
Seperti memasang Banner gitu kan ? Biasanya dipasang untuk menghubungkan antara Blog kita dengan Blog lain atau Link yang kita akan tuju
Icha akan memberikan Tutorial memasang gambar dengan dua cara yang kita bisa lakukan dengan menggunakan Blog Blogger
Cara yang pertama dengan secara langsung pada Gadget Gambar dan untuk kedua kita menggunakan Gadget Html

Seperti apa ? berikut :
1.Pertama kita Login Ke Blog kamu untuk menuju ke halaman Dashboard
2.Selanjutnya pilih Tata Letak


3.Pilih Tambahkan Gadget pada area Sidebar (seperti gambar diatas)
4.Kemudian kita pilih Gambar (seperti gambar dibawah ini)


5.Selanjutnya kita Upload Gambar yang akan kita gunakan klik pada Telusuri untuk menuju ke tempat penyimpanan Gambar yang akan kita Upload (gambar dibawah ini)


6.Untuk memberikan Judul kita tuliskan pada Judul dan Untuk memasukan Link yang akan kita Tuju kita tuliskan pada Hubungan (seperti pada gambar diatas)
7.Kemudian untuk menyesuaikan besar gambar agar sesuai maka centang pada tulisan (sesuaikan agar sesuai) jika sudah klik Simpan dan selesai

Untuk Cara Yang Kedua Menggunakan HTML berikut :
1.Kita masukan terlebih dahulu gambar yang akan kita pasang pada sidebar blog, dengan cara kita masuk pada Postingan terlebih dahulu (seperti kita akan membuat postingan)
2.Jika sudah kita klik pada icon Gambar (seperti gambar dibawah) pada tanda panah


3.Kemudian Upload Gambar yang akan di pasang
4.Setelah gambar sudah berhasil kita Upload Ubah metode penulisan dari Compose menjadi HTML


5.Setelah itu Copy Url Gambar yang tadi kita Upload, seperti pada gambar diatas yang sudah diberi tanda (silahkan copy dan paste pada notepad terlebih dahulu nanti untuk mengeditnya)
6.Jika sudah selanjutnya menuju ke Tata Letak seperti cara yang pertama, dan kemudian kali ini kita memilih Gadget dengan HTML/JavaScript


7.Setelah itu perhatikan Kode ini :

<a href="http://www.wwwwww.id" target="_blank"><img style="width:100%;" src="https://1.bp.blogspot.com/-5SdE0y7eMm4/Witn1XXhCcI/AAAAAAAAApM/BVTjDsZ1Ic8hm6d-e7DJB0zwzyqRbTb1gCLcBGAs/s1600/Memasang%2BGambar%2BHtml%2Bdi%2BSilebar%2BBlog.png"/></a>

keterangan :
Ganti Link biru dengan link kamu yang akan di Tuju
Ganti Url Gambar berwarna Orange diganti dengan Url yang sudah kita Copy tadi Untuk lebih mudah nya silahkan Copy dibawah ini dan ganti dengan Link tujuan kamu dan Url gambar tadi


<a href="Disini Link Tujuan" target="_blank"><img style="width:100%;" src="Disini Url Gambar"/></a>

Dan untuk Ukuran gambar atau ingin mengganti ukuran Lebar dan Tinggi gambar (diatas merupakan 100%) bisa dicoba terlebih dahulu menggunakan ukuran itu
apa bila ingin merubah kita ganti ukuran tinggal menambahkan "width=”80%″ height=”80%″ sesuai dengan selera dan kebutuhan
(untuk mengatur Lebar Width dan Untuk mengatur tinggi Height)

8.Selanjut nya kita masukan pada Gadget HTML/JavaScript (seperti gambar dibawah ini)


9.Paste HTML yang sudah di edit tadi kedalam HTML/JavaScript (seperti gambar diatas pada tanda panah)
10.Jika sudah Klik Simpan dan selesai lihat hasilnya dan di klik akan menuju ke Url Tujuan

Begitulah memasang gambar html di sidebar Blog Blogger "semoga bermanfaat"


Memasang Gambar Html di Sidebar Blog (Blogger)

Author:

#

Artikel Menarik Banget ? d-ii , Suka...

Scroll to top