Senin, 18 Juni 2012

Cara Pasang Iklan di Blog


Cara Pasang Iklan di Blog - Setelah di pelajari sana sini bagaimana memasang iklan di blog akhirnya saya menemukan juga tutorial bagai mana cara memasang iklan di blog. Jika kalian sudah memiliki iklan tapi tidak tahu bagaimana cara memasangnya mungkin tutorial ini sangat berguna bagi kalian.
Langkah - langkahnya sebagai berikut :

1. Login ke Blogger kalian.
2. Klik Menu Tata Letak.
3. Lalu klik add gatget atau tambah gadget.
4. Selanjutnya pilih gedget Java Script/HTML.
5. Dan isikan kode berikut.

<!-- IKLAN -->
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #000000;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:<img src="" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>
<a href="http://s1173.photobucket.com/albums/r582/idambashori/?action=view&amp;current=Iklan1-1.jpg" target="_blank"><img src="http://i1173.photobucket.com/albums/r582/idambashori/Iklan1-1.jpg" border="0" alt="Photobucket" /></a>
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
<!-- IKLAN -->

Nb : Ganti warna merah dengan link iklan sobat. Sedangkan warna biru dan hijau adalah warna garis iklan.
Kalau sobat ingin menampilkan iklan tersebut melayang dimana saja taruh kode diatas tepat di atas kode </body>

6. Klik tombol Simpan.
7. Selesai.

Selamat mencoba....... Semoga bermanfaat!!!

Tidak ada komentar:

Poskan Komentar