Cara membuat Iklan Melayang Di Blog Lengkap Dengan Tombol Close

Bookmark and Share
Farhan Share - selama malam sobat farhan, pada postingan kali ini farhan akan kembali membahas tentang tutorial blog, yakni membuat iklan melayang lengkap dengan tombol closenya. ya sobat sebenarnya apasih keuntunganya jika kita memasang iklan melayang atau float ini? ya keutunganya adalah, sudah pasti semua visitor yang berkunjung ke blog kita melihat iklan float ini, karena setiap refresh halaman di blog kita akan otomatis muncul iklanya, apalagi sekarang sobat blogger banyak yang menggunakan jasa PPC lokal maupun mancanegara, lebih besar kemungkinan di kliknya jika menggunakan float. Baik pastinya sobat farhan semuanya sudah penasaran kan, di simak ya, ini dia langkah-langkahnya.
























1. Masuk Ke Blogger.


2. Pilih Tata Letak / Elemen.


3. Pilih Add Gadget.


4. Pilih HTML/JavaScript.


5. Lalu sobat letakkan kode di bawah ini ke dalam box "konten".

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

.gbcontent{
float:right;
border:1px solid #A5BD51;
background:#cccccc;
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">Klik 2 kali untuk keluar
<a href="javascript:showHideGB()">
<img src="http://4.bp.blogspot.com/_GahFmxh_9cI/TOeN8J2hRMI/AAAAAAAAA1U/E7SWcAOkYgU/s1600/Close.png" />
</a>
</div>
<center>



"Script Kode Iklan Disini"

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>



Catatan : Kode yang berwarna merah bisa sobat ganti dengan script Iklan Banner atau PPC yang sobat inginkan.

6. Tidak Usah diberi judul.

7. Klik "Save" dan Selesai.

Selamat mencoba sobat farhan, bila ada pertanyaan comment di bawah.

{ 0 komentar... Views All / Send Comment! }

Poskan Komentar