Kamis, 19 April 2012

0 Tutorial blogger Cara Membuat Iklan melayang dengan tombol close


Chyberart - Salam sahabat blogger Larasmadyo, kali ini saya akan berbagi trik tetang cara memasang iklan melayang pada blog anda. Sebenarnya trik ini sudah sangat banyak dan mungkin sebagian orang sudah menganggap trik ini sudah basi, tapi lain halnya dengan para pemula trik ini akan bermanfaat untuk mereka.

Sedikit tetang manfaat dari memasang iklan melayang dihalaman blog sobat. trik ini sangat membantu dalam meningkatkan jumlah klik iklan anda. Dengan trik ini nih, setiap kali ada orang yang berkunjung ke blog anda 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"). maka dari itu, bagi teman-teman Blogger yang sedang bergelut dalam dunia klik2 iklan seperti KumpulBlogger DKK, trik yang satu ini sangat direkomendasikan untuk diterapkan di blognya (bagi yang mau cepat dapat duit, hehe).

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. Dah...

Ok itulah sekilas trik sederha buat sahabat blogger semoga bisa bermanfaat

0 komentar:

Poskan Komentar