Saturday, January 15, 2011

Cara Membuat Iklan Melayang di Blogspot / Blogger


Dalam sebuah blog, penempatan atau tata letak iklan sangat penting. Karena bila letak iklan itu strategis / pasti menarik pengunjung untuk melihatnya dan otomatis juga akan menambah pundi-pundi penghasilan kita! Jadi kali ini saya akan berbagi bagaimana cara membuat iklan melayang di Blogspot. Oiya kalau anda tidak punya blog atau belum bisa membuatnya, jangan kuatir karena sebelumnya saya sudah posting : cara membuat blog anda bisa lihat disini

Naah langsung aja ke intinya biar kagak penasaran hehehe....

Berikut langkah-langkahnya :

  1. Login ke blogger anda.
  2. Kemudian klik design atau tata letak
  3. Pastikan pilihan Anda ada pada Page Elements atau Elemen Halaman
  4. Tambahkan widget baru dan pilih HTML / JAVASCRIPT (pilih penempatan widget sebaiknya pada bagian header atau content jika memungkinkan)
  5. Copy paste kode dibawah ini
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
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()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
 
Masukan Kode iklan atau Gambar yang anda inginkan di sini
 
</center>
 
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
  • Paste kode diatas pada widget baru Anda dan tidak usah diberi judul atau title widget
  • Simpan dan lihat hasilnya
  • Semoga trick diatas dapat menambah pundi2 dolar dan rupiah anda... Good Luck

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Buy Printable Coupons