Jumat, 23 Maret 2012

Cara Pasang Iklan di Blog

3/23/2012 03:38:00 PM  IDAM BASHORI  

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!!!
Baca Juga Artikel Di Bawah Ini!!
Widget Blog
Tutorial Blog

Posted in: ,

Ditulis Oleh : IDAM BASHORI

Artikel Cara Pasang Iklan di Blog ini diposting oleh IDAM BASHORI pada hari Jumat, 23 Maret 2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kolom komentar.

:: Profil ::

Related Posts Plugin for WordPress, Blogger...