Membuat Gambar Ber-url Dalam Postingan

Beberapa waktu lalu, saya ikut giveaway Surat romantis Untuk Ranii. Alhamdulillah, dapat ilmu baru tentang membuat gambar yang jika di-klik akan mengarah ke link atau url tertentu. Karena salah satu syarat giveaway adalah memasang banner lomba yang diarahkan ke url sponsor giveaway. Ranii memberitahu cara buatnya lewat tulisannya di sini. Ternyata Ranii juga dapat ilmu ini lewat tulisan Mbak Argalitha di sini. Subhanallah, ilmu berantai, pahalanya juga berantai.

Biar tak lupa, saya share juga di sini.


1. Klik 'Entri Baru' setelah masuk ke blogger.com
2. Klik 'HTML'
3. Ini nih rumus kuncinya, copy dan paste:

<a href="link yang dituju" target="_blank"><img src="url asal gambar" width="ukuran gambar sesuka hati" /></a>

Link atau url yang dituju pada saat saya ikut GA-nya Ranii adalah url sponsor GA yaitu griyalahfy.com. Url asal gambar banner GA setelah saya klik 'open in a New Tab' adalah https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxbuOrnrXaZ0Q82dSZV7nVfLINrSkAR6CYG6HLo7MbRZW08cc4vkXtlX_xGZY1sCFzfQwLuzpAxaTIAJVJn-Yl31LIeZSIg8aQ0199ReMzu2W2J_bIS6CZm-bAUUlX5bYJEcFg74Mnds84/s1600/Banner+Novariany+Giveaway.png. Sedangkan ukuran gambar terserah kita misalnya saja 200. Jadi HTML nya sebagai berikut:


<a href="http://www.griyalahfy.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxbuOrnrXaZ0Q82dSZV7nVfLINrSkAR6CYG6HLo7MbRZW08cc4vkXtlX_xGZY1sCFzfQwLuzpAxaTIAJVJn-Yl31LIeZSIg8aQ0199ReMzu2W2J_bIS6CZm-bAUUlX5bYJEcFg74Mnds84/s1600/Banner+Novariany+Giveaway.png" width="200" /></a>

4. Simpan dan publikasikan.

Jadinya seperti ini, coba klik deh. Gambar banner ini akan beralih ke url tertentu.



Selamat mencoba ya.

Comments

Post a Comment

Terimakasih sudah meninggalkan komentar yang baik dan sopan.

Popular posts from this blog

Cara Mudah Mendapatkan Kuota Internet Gratis

6 Perbedaan Belanja Online dan Toko Konvensional

Semakin Bersyukur di Usia Cantik