Terkadang kita ingin memasang banner pasang iklan di blog, sebenarnya
bisa kita lakukan dengan mengupload file gambar atau dalam animasi file
gif. Setelah diupload maka kita cukup mengambil url-nya kemudian
dipasang dalam script :
Contoh:
1. File yang saya upload di blogspot, atau bisa juga di situs hosting
image/share image lainnya seperti photobucket, tinypic, dll
2. Selanjutnya kita perlu mencatat link /url gambar:
a. Space Iklan 125x125 pixel :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRgIX0all8BfS8GvuQ2ErAVw3aD_JY5wBdCCx394gQlBNFgDICEIjNyehqctIV4Zn2PyP9pRo_0p8wcRFjGH-nGiWMq1SPBxebVyzn3P15eDCOcrv1MjKltQ4AWRscQnAyT1PkAzbGQ/s1600/FastStoneEditor+2b.jpg
b. Space Iklan 268x60 pixel
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3hd6NSq5Eriy_EaLuQIZkD0yEjDhrjWp5Bxb5qhvwNlELOaPE3pEYs1Yot3JUceU0mFGQPhbEId7LnSMmk4wPPn23elSp0YV6ZtNev0ciw3ngGGnUZJ_xO73A6URyVsGHl4Zw2JSA5w/s1600/FastStoneEditor+3b.jpg
3. Selanjutnya memasukkan url ke dalam script image:
<a href="#"" target="_blank"><img src="?"
border="0"></a>
Tanda # diganti dengan url target, halaman yang akan dibuka saat gambar
di klik, misalnya: http://www.komputerseo.com/
Tanda ? diganti dengan url gambar, misalnya:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3hd6NSq5Eriy_EaLuQIZkD0yEjDhrjWp5Bxb5qhvwNlELOaPE3pEYs1Yot3JUceU0mFGQPhbEId7LnSMmk4wPPn23elSp0YV6ZtNev0ciw3ngGGnUZJ_xO73A6URyVsGHl4Zw2JSA5w/s1600/FastStoneEditor+3b.jpg
Contoh 1:
<a href="#" target="_blank"><img border="0" src="?"
/></a><a href="#" target="_blank"><img border="0"
src="?" /></a><a href="#" target="_blank"><img
border="0" src="?" /></a></br><a href="#"
target="_blank"><img border="0" src="?" /></a><a
href="#" target="_blank"><img border="0" src="?"
/></a><a href="#" target="_blank"><img border="0"
src="?" /></a>
Contoh script lengkapnya setelah tanda # diganti dengan url target dan
tanda ? diganti dengan url gambar
<a href="http://www.komputerseo.com/" target="_blank"><img
border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRgIX0all8BfS8GvuQ2ErAVw3aD_JY5wBdCCx394gQlBNFgDICEIjNyehqctIV4Zn2PyP9pRo_0p8wcRFjGH-nGiWMq1SPBxebVyzn3P15eDCOcrv1MjKltQ4AWRscQnAyT1PkAzbGQ/s1600/FastStoneEditor+2b.jpg"
/></a><a href="http://artikelkomputerku.blogspot.com/"
target="_blank"><img border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRgIX0all8BfS8GvuQ2ErAVw3aD_JY5wBdCCx394gQlBNFgDICEIjNyehqctIV4Zn2PyP9pRo_0p8wcRFjGH-nGiWMq1SPBxebVyzn3P15eDCOcrv1MjKltQ4AWRscQnAyT1PkAzbGQ/s1600/FastStoneEditor+2b.jpg"
/></a><a href="http://mycomputerdummies.blogspot.com/"
target="_blank"><img border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRgIX0all8BfS8GvuQ2ErAVw3aD_JY5wBdCCx394gQlBNFgDICEIjNyehqctIV4Zn2PyP9pRo_0p8wcRFjGH-nGiWMq1SPBxebVyzn3P15eDCOcrv1MjKltQ4AWRscQnAyT1PkAzbGQ/s1600/FastStoneEditor+2b.jpg"
/></a></br><a href="http://www.komputerseo.com/"
target="_blank"><img border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRgIX0all8BfS8GvuQ2ErAVw3aD_JY5wBdCCx394gQlBNFgDICEIjNyehqctIV4Zn2PyP9pRo_0p8wcRFjGH-nGiWMq1SPBxebVyzn3P15eDCOcrv1MjKltQ4AWRscQnAyT1PkAzbGQ/s1600/FastStoneEditor+2b.jpg"
/></a><a href="http://www.komputerseo.com/"
target="_blank"><img border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRgIX0all8BfS8GvuQ2ErAVw3aD_JY5wBdCCx394gQlBNFgDICEIjNyehqctIV4Zn2PyP9pRo_0p8wcRFjGH-nGiWMq1SPBxebVyzn3P15eDCOcrv1MjKltQ4AWRscQnAyT1PkAzbGQ/s1600/FastStoneEditor+2b.jpg"
/></a><a href="http://www.komputerseo.com/"
target="_blank"><img border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRgIX0all8BfS8GvuQ2ErAVw3aD_JY5wBdCCx394gQlBNFgDICEIjNyehqctIV4Zn2PyP9pRo_0p8wcRFjGH-nGiWMq1SPBxebVyzn3P15eDCOcrv1MjKltQ4AWRscQnAyT1PkAzbGQ/s1600/FastStoneEditor+2b.jpg"
/></a>
Setelah urlnya diganti, hasilnya seperti di bawah ini
Catatan: Tanpa menggunaan tag </br> juga bisa dilakukan, karena
jika baris pertama sudah penuh maka otomatis gambar berpindah ke baris
kedua
Contoh 2
Scriptnya seperti di bawah ini
<a href="#" target="_blank"><img border="0" src="?"
/></a><a href="#" target="_blank"><img border="0"
src="?" /></a></br><a href="#"
target="_blank"><img border="0" src="?" /></a><a
href="#" target="_blank"><img border="0" src="?" /></a>
hasilnya seperti berikut:
Contoh 3 : menggunakan space gambar 468X60, scriptnya sama seperti di
atas hanya url gambarnya yang diganti
Contoh scriptnya:
<a href="#"" target="_blank"><img src="?"
border="0"></a>
<a href="#"" target="_blank"><img src="?"
border="0"></a>
<a href="#"" target="_blank"><img src="?"
border="0"></a>
<a href="#"" target="_blank"><img src="?"
border="0"></a>
Hasilnya seperti di bawah ini:
Catatan: jangan lupa ganti tanda # dan ? dengan url target dan url
gambar
Script di atas bisa dipasang di gadget html pada posisi sidebar, atau di
atas dan bawah postingan.
Tidak ada komentar:
Posting Komentar