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.
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.
thanks mba :)
ReplyDeletesama-sama
Deletehoreee..langsung bisa. tutorialnya gampang
ReplyDeletemakasih yaa :)