-->

6/04/2011

Iklan Melayang - Agar Iklan Tampil Setiap Halaman Blog Dikunjungi

Cara membuat Iklan melayang, trik yang satu ini lebih pantas dikatakan sebagai trik meningkatkan klik iklan anda. Dengan trik ini, setiap kali ada orang yang berkunjung ke blog kita entah itu di halaman depan maupun halaman belakang posting, widget iklan melayang ini akan senantiasa menampilkan dirinya (sehingga di situ seakan-akan ada pesan "Klik iklannya dong...please deh, aku mohon" mode: alay). maka dari itu, bagi teman-teman Blogger yang sedang bergelut dalam dunia klik-klik iklan seperti KumpulBlogger DKK, trik yang satu ini sangat direkomendasikan untuk diterapkan di blognya (bagi yang mau cepat dapat duit, hehe), penasaran buat bikin iklan melayang?

Oh ya...gak enak ngomong-ngomongin aja, tapi tak ada contoh...kan gak mantab, iya gak? bagi teman-teman yang penasaran mengenai tampilan iklan melayang, maupun bentuknya seperti apa, contoh seperti yang saya terapkan ada blog ini.

Nah, bagi teman-teman yang ingin membuat yang seperti itu...berikut lah langkah-langkahnya:

1. Login ke Blogger

2. kLik Tata Letak => Klik elemen Tambah Gadget

3. Pilih Gadget yang bertemakan HTML/Java Script

4. Isikan Kode berikut di dalamnya

<style type="text/css">

#gb{

position:fixed;

top:10px;

z-index:+1000;


}

* html #gb{position:relative;}





.gbcontent{

float:right;

border:2px solid #000000;

background:#F1DEDE;


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="http://lh6.ggpht.com/_RVpTV2JOOxA/S8X3Rh5G2OI/AAAAAAAACxI/0zISG8UL24A/tutup_iklan_t4belajarblogger.png" title="kalau muncul, klik lagi" alt="tutup" />:.

</a>

</div>

<center>




SCRIPT IKLAN TEMAN-TEMAN DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH



</center>



<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (30-gb.offsetWidth).toString() + "px";

</script></div></div>





5. Klik simpan. Selamat, add on tambahan untuk blog kita sudah siap.

Selanjutnya teman-teman bisa menampilkan iklannya di blog masing2. Entah itu iklan PPC, Iklan PTC (banner Reff), dll...dengan cara mengganti tulisan "SCRIPT IKLAN TEMAN-TEMAN DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH" dengan kode maupun widget yang ingin ditampilkan.

Lalu bagi teman-teman yang ingin mengubah warna garis tepi serta warna latar alias background, maka bisa diperhatikan pada kode yang ditandai dengan warna Biru dan Hijau (border: untuk warna garis tepi, lalu background: untuk warna latar) =>

Semoga Bermanfaat

Tags: membuat iklan melayang, membuat floating box, cara agar iklan melayang, membuat iklan float, agar iklan tampil di setiap halaman, float melayang widget floating

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...