Cara Membuat Banner Pasang Iklan Disini Pada Blog
Cara Membuat Banner Pasang Iklan Disini Pada Blog. Terkadang kita ingin memasang banner pasang iklan pada 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/AVvXsEiTDtkSMBerrr9cdPeObcplbPNllqh8CSfWolpC7OhRCQtAN3_gQS9gLGW56-kfPjAM0ySHlpz-BNOw-v71KJ7LE26tdYtVnbWCWvwXWt1jodiKFDx5ZvQ9NgqfAzXyrGs5yHYBhGqD9aw/s1600/FastStoneEditor+2b.jpg
b. Space Iklan 268x60 pixel
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO4CDm-PuspIdnKfs_F1J73O4pxfjdXfssFx5K894aaPBO88iXV41OOThaHAdS7bRGNtgLDYJhpyt_115TLu1oNXjiZnCL4NGzvvYdmDmlC3IgWKTSdXTNoMB1JGIuWNrDzPu39_raZ_4/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/AVvXsEjO4CDm-PuspIdnKfs_F1J73O4pxfjdXfssFx5K894aaPBO88iXV41OOThaHAdS7bRGNtgLDYJhpyt_115TLu1oNXjiZnCL4NGzvvYdmDmlC3IgWKTSdXTNoMB1JGIuWNrDzPu39_raZ_4/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/AVvXsEiTDtkSMBerrr9cdPeObcplbPNllqh8CSfWolpC7OhRCQtAN3_gQS9gLGW56-kfPjAM0ySHlpz-BNOw-v71KJ7LE26tdYtVnbWCWvwXWt1jodiKFDx5ZvQ9NgqfAzXyrGs5yHYBhGqD9aw/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://artikelkomputerku.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTDtkSMBerrr9cdPeObcplbPNllqh8CSfWolpC7OhRCQtAN3_gQS9gLGW56-kfPjAM0ySHlpz-BNOw-v71KJ7LE26tdYtVnbWCWvwXWt1jodiKFDx5ZvQ9NgqfAzXyrGs5yHYBhGqD9aw/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://mycomputerdummies.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTDtkSMBerrr9cdPeObcplbPNllqh8CSfWolpC7OhRCQtAN3_gQS9gLGW56-kfPjAM0ySHlpz-BNOw-v71KJ7LE26tdYtVnbWCWvwXWt1jodiKFDx5ZvQ9NgqfAzXyrGs5yHYBhGqD9aw/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/AVvXsEiTDtkSMBerrr9cdPeObcplbPNllqh8CSfWolpC7OhRCQtAN3_gQS9gLGW56-kfPjAM0ySHlpz-BNOw-v71KJ7LE26tdYtVnbWCWvwXWt1jodiKFDx5ZvQ9NgqfAzXyrGs5yHYBhGqD9aw/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://www.komputerseo.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTDtkSMBerrr9cdPeObcplbPNllqh8CSfWolpC7OhRCQtAN3_gQS9gLGW56-kfPjAM0ySHlpz-BNOw-v71KJ7LE26tdYtVnbWCWvwXWt1jodiKFDx5ZvQ9NgqfAzXyrGs5yHYBhGqD9aw/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://www.komputerseo.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTDtkSMBerrr9cdPeObcplbPNllqh8CSfWolpC7OhRCQtAN3_gQS9gLGW56-kfPjAM0ySHlpz-BNOw-v71KJ7LE26tdYtVnbWCWvwXWt1jodiKFDx5ZvQ9NgqfAzXyrGs5yHYBhGqD9aw/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.
Cukup mudah bukan? Sekian artikel Cara Membuat Banner Pasang Iklan Disini Pada Blog saya buat semoga bermanfaat untuk anda. Salam sejahtera.
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/AVvXsEiTDtkSMBerrr9cdPeObcplbPNllqh8CSfWolpC7OhRCQtAN3_gQS9gLGW56-kfPjAM0ySHlpz-BNOw-v71KJ7LE26tdYtVnbWCWvwXWt1jodiKFDx5ZvQ9NgqfAzXyrGs5yHYBhGqD9aw/s1600/FastStoneEditor+2b.jpg
b. Space Iklan 268x60 pixel
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO4CDm-PuspIdnKfs_F1J73O4pxfjdXfssFx5K894aaPBO88iXV41OOThaHAdS7bRGNtgLDYJhpyt_115TLu1oNXjiZnCL4NGzvvYdmDmlC3IgWKTSdXTNoMB1JGIuWNrDzPu39_raZ_4/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/AVvXsEjO4CDm-PuspIdnKfs_F1J73O4pxfjdXfssFx5K894aaPBO88iXV41OOThaHAdS7bRGNtgLDYJhpyt_115TLu1oNXjiZnCL4NGzvvYdmDmlC3IgWKTSdXTNoMB1JGIuWNrDzPu39_raZ_4/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/AVvXsEiTDtkSMBerrr9cdPeObcplbPNllqh8CSfWolpC7OhRCQtAN3_gQS9gLGW56-kfPjAM0ySHlpz-BNOw-v71KJ7LE26tdYtVnbWCWvwXWt1jodiKFDx5ZvQ9NgqfAzXyrGs5yHYBhGqD9aw/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://artikelkomputerku.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTDtkSMBerrr9cdPeObcplbPNllqh8CSfWolpC7OhRCQtAN3_gQS9gLGW56-kfPjAM0ySHlpz-BNOw-v71KJ7LE26tdYtVnbWCWvwXWt1jodiKFDx5ZvQ9NgqfAzXyrGs5yHYBhGqD9aw/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://mycomputerdummies.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTDtkSMBerrr9cdPeObcplbPNllqh8CSfWolpC7OhRCQtAN3_gQS9gLGW56-kfPjAM0ySHlpz-BNOw-v71KJ7LE26tdYtVnbWCWvwXWt1jodiKFDx5ZvQ9NgqfAzXyrGs5yHYBhGqD9aw/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/AVvXsEiTDtkSMBerrr9cdPeObcplbPNllqh8CSfWolpC7OhRCQtAN3_gQS9gLGW56-kfPjAM0ySHlpz-BNOw-v71KJ7LE26tdYtVnbWCWvwXWt1jodiKFDx5ZvQ9NgqfAzXyrGs5yHYBhGqD9aw/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://www.komputerseo.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTDtkSMBerrr9cdPeObcplbPNllqh8CSfWolpC7OhRCQtAN3_gQS9gLGW56-kfPjAM0ySHlpz-BNOw-v71KJ7LE26tdYtVnbWCWvwXWt1jodiKFDx5ZvQ9NgqfAzXyrGs5yHYBhGqD9aw/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://www.komputerseo.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTDtkSMBerrr9cdPeObcplbPNllqh8CSfWolpC7OhRCQtAN3_gQS9gLGW56-kfPjAM0ySHlpz-BNOw-v71KJ7LE26tdYtVnbWCWvwXWt1jodiKFDx5ZvQ9NgqfAzXyrGs5yHYBhGqD9aw/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.
Cukup mudah bukan? Sekian artikel Cara Membuat Banner Pasang Iklan Disini Pada Blog saya buat semoga bermanfaat untuk anda. Salam sejahtera.
Terimakasih anda telah membaca artikel Cara Membuat Banner Pasang Iklan Disini Pada Blog Silahkan baca artikel Yepi Share Everything Tentang
Blogger
|
Tutorial Blog
Yang lainnya. Dan saya ucapkan juga terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Semoga Bermanfaat untuk anda.
Jangan Lupa Gabung Bersama Kami Dengan Like Facebook Di Bawah Ini :
1 komentar:
waw super sekali, thanks broooo
Posting Komentar
Jangan lupa tinggalkan komentar anda disini dan gunakan kata-kata yang bijak dalam berkomentar. Dilarang keras memasukkan segala bentuk link dalam komentar, karena itu dianggap SPAM