Saturday, January 26, 2013

Cara Membuat Space Iklan di Blog

Cara membuat kotak space iklan di blog - Hallo sob kali ini sintiengsites akan memberikan salah satu cara untuk membuat kotak space iklan di blog, tentu nya kalian sudah tau la ya kegunaan dan keuntungannya bila memasang space iklan di blog. Nah untuk blog-blog yang sudah memiliki trafik yang cukup tinggi mungkin ini sangat cocok di tempatkan di blog kalian untuk mendapatkan pundi-pundi rupiah dari si pemasang iklan, kan lumayan tu kalau ada yang mau memasang di blog kita, itung-itung meringankan biaya perbulan internet. dan kalau ga ada yang mau pasang di jadiin hiasan blog aja.hehe

nah untuk Cara membuat kotak space iklan di blog ini aku menggunakan ukuran 125x125.
ok kita langsung aja ke pembuatan nya.
1. Login ke blog kalian
2. Klik Template > Edit HTML
3. Cari <b:skin> Selanjutnya masukan kode CSS berikut ini dan letakkan di bawah <b:skin>

#Box-Banner-ads  {
margin: 0px;
padding: 5px;
text-align: center;
}
#Box-Banner-ads  img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Box-Banner-ads  img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
Kalau sudah klik Save Template

4. Buka Tata Letak > Tambah Gadget > HTML/Java Script
Lalu masukan kode tambahan berikut ini.
<div id="Box-Banner-ads">
<a target="_blank" href="http://sintiengsites.blogspot.com/2013/01/cara-membuat-kotak-space-iklan-di-blog.html"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivC0oKumosDltMM0cmy89U7_i2-LxoRL59njmvTjTGBXrU9IMIo_TwvY_Hy7aL1SYnYgkcZUyaxTpD2k7lPbw5c4pcE0oykkf51oG6duvubNzC5KHdGwlFzeQHXS62-mTMeSCk5gUMwyJt/s1600/banner-iklan-125x125.gif"/></a>

<a target="_blank" href="http://sintiengsites.blogspot.com/2013/01/cara-membuat-kotak-space-iklan-di-blog.html"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivC0oKumosDltMM0cmy89U7_i2-LxoRL59njmvTjTGBXrU9IMIo_TwvY_Hy7aL1SYnYgkcZUyaxTpD2k7lPbw5c4pcE0oykkf51oG6duvubNzC5KHdGwlFzeQHXS62-mTMeSCk5gUMwyJt/s1600/banner-iklan-125x125.gif"/></a>

<a target="_blank" href="http://sintiengsites.blogspot.com/2013/01/cara-membuat-kotak-space-iklan-di-blog.html"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivC0oKumosDltMM0cmy89U7_i2-LxoRL59njmvTjTGBXrU9IMIo_TwvY_Hy7aL1SYnYgkcZUyaxTpD2k7lPbw5c4pcE0oykkf51oG6duvubNzC5KHdGwlFzeQHXS62-mTMeSCk5gUMwyJt/s1600/banner-iklan-125x125.gif"/></a>

<a target="_blank" href="http://sintiengsites.blogspot.com/2013/01/cara-membuat-kotak-space-iklan-di-blog.html"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivC0oKumosDltMM0cmy89U7_i2-LxoRL59njmvTjTGBXrU9IMIo_TwvY_Hy7aL1SYnYgkcZUyaxTpD2k7lPbw5c4pcE0oykkf51oG6duvubNzC5KHdGwlFzeQHXS62-mTMeSCk5gUMwyJt/s1600/banner-iklan-125x125.gif"/></a>
</div>
kalau sudah klik simpan.

Nah space iklan nya sekarang sudah jadi, kalian tinggal menggantikan yang berwarna Merah dengan URL target pemasang iklan dan Orange dengan URL gambar/banner iklan nya.

untuk sementara kalian bisa menggunakan URL gambar di bawah ini
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRc_RTm13DU7ig2ZHfce312LkWVDIzwg7aS5lQp0jVixoz9kAw-FbI0H2yg1z61zeUMtVxxytSRxnnp08YHQbefhFRBSLZunOGOzidfcUjEJMcQ4QfgA-6QbY7_rYINeHnsYglZlc6MrY2/s1600/Banner+iklan.jpg

gambar 2
dan kalau mau yang tulisan berkedip pakai yang di bawah ini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivC0oKumosDltMM0cmy89U7_i2-LxoRL59njmvTjTGBXrU9IMIo_TwvY_Hy7aL1SYnYgkcZUyaxTpD2k7lPbw5c4pcE0oykkf51oG6duvubNzC5KHdGwlFzeQHXS62-mTMeSCk5gUMwyJt/s1600/banner-iklan-125x125.gif
gambar 3

nah kalau sobat tidak suka tampilan tulisan/kata-kata banner iklan diatas silahkan lihat Cara membuat tulisan Berkedip menggunakan Photoshop dan satu lagi kalau ada di antara sobat yang tertarik memasang iklan di sintiengsite silahkan lihat Pasang iklan Murah di D'sintieng Site's

Ok lah mungkin segitu aja dulu cara membuat kotak space iklan di blog yang dapat aku terangkan semoga artikel ini dapat bermanfaat e, dan semoga ada yang mau memasang iklan di blog kita.hehehe

2 comments:

Acep-Computer | Free Software and Tutorial Blog said...

Mantab...!! tapi kok kodenya gx kelihatan jelas ya ?

#Koment balik ditunggu

d'Sintieng said...

sorry gan baru bisa bales komen sibuk kuliah ini ...
tinggal copas aja itu gan ... thanks dah mampir ... :)

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by D'Sintieng - Premium Blogger Themes | Best Buy Printable Coupon