Cara membuat Iklan melayang, trik yang satu ini lebih pantas dikatakan sebagai trik meningkatkan klik iklan anda...mau bagaimana lagi coba? Dengan trik ini nih, setiap kali ada orang yang berkunjung ke blog anda entah itu di halaman depan maupun halaman 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, kekar atau tidak, punya leher nggak? nah...setelah dikunjungi pasti ada suatu kotak yang melayang...entah itu kita menggulung scroll-nya ke atas atau ke bawah, si kotak melayang tersebut akan terus mengikuti tampilan layar kita. Biar lebih jelasnya si kotak melayang alias iklan melayang
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXGmjWt78q5q3oIe2WwqHI9F6vUgp6KXQ-l_ZS_2auvl9AYHQpSsoR6xat9JjgZBAyUy51lgpQ_YYaKaekgQ10aXesJSWdmc_C0JVeTtDvDO9se0RZ6RinEkz54JUrzqmqIppqofgqAwKD/" 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>
#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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXGmjWt78q5q3oIe2WwqHI9F6vUgp6KXQ-l_ZS_2auvl9AYHQpSsoR6xat9JjgZBAyUy51lgpQ_YYaKaekgQ10aXesJSWdmc_C0JVeTtDvDO9se0RZ6RinEkz54JUrzqmqIppqofgqAwKD/" 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...
: Ingin cara lain? Klik Tata Letak => Edit HTML => Letakkan kode iklan melayang di atas kode tag </body> => Klik simpan Template. kekurangannya, iklan melayangnya akan muncul setiap kali anda surfing ke halaman Tata Letak/LayOut. Lalu untuk kelebihannya, ya lumayan buat ngehemat elemen tambah gadget.







0 komentar:
Posting Komentar