Salam Sejahtera!!! Belajar ngeblog memang tidak ada habisnya, kali ini saya mau share lagi tentang cara membuat frame iklan dengan show hide javascript.
Trik ini sudah banyak digunakan terutama pada pembuatan chatbox, tapi anda bisa memanfaatkannya untuk membuat frame iklan yang secara tidak langsung akan memberikan page impression yang maksimal untuk iklan Anda.
Apakah anda ingin mencobanya??? Mari anda ikuti langkah-langkahnya sbb:
1. Silahkan Login ke dasboard Blogger anda
2. Pilih Layout==>>Page Elemen
3. Klik Add Gadget==>>HTML/JavaScript
4. Silahkan Copy kode dibawah ini
<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #004831;
background:#000000;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[ Tutup ]</b></a></div>
<--KODE IKLAN ANDA DISINI-->
<a href="http://tutorialines.blogspot.com/2011/06/cara-membuat-frame-iklan-dengan-show-hide-javascript.html" title="Mau Buku Tamu Seperti Ini ??">Gt Widget</a><br />
</td></tr></table>
</div>
<script src="https://sites.google.com/site/tutorialbloghost/my_javascript/hiddengb.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif"/>
</a>
</div>
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #004831;
background:#000000;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[ Tutup ]</b></a></div>
<--KODE IKLAN ANDA DISINI-->
<a href="http://tutorialines.blogspot.com/2011/06/cara-membuat-frame-iklan-dengan-show-hide-javascript.html" title="Mau Buku Tamu Seperti Ini ??">Gt Widget</a><br />
</td></tr></table>
</div>
<script src="https://sites.google.com/site/tutorialbloghost/my_javascript/hiddengb.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif"/>
</a>
</div>
Selesai dan silahkan lihat hasilnya [Happy Blogging]