Pertanyaan dari sobat blogger faktaduniaunik " Sob..klo iklan melayang tau gak??? mohon pencerahannya sob.. ? ".
Langkah-langkah sbb :
1. Login ke blogger > tata letak > elemen halaman > tambah gadget > html/javascript dan gadgetnya biarkan saja tanpa nama/judul.
2. Copas kode dibawah ini ke dalam gadget html/javascript tadi.
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
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()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
Paste kodenya disini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
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()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
Paste kodenya disini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
3. Simpan gadget dan lihat hasilnya.
Selamat Mencoba.
mantap mas..artikel nya mari kita saling berbagi pengetahuan..
ReplyDeletebikin inspirasi nih artikel..ehmmmmantap guns
ReplyDeletehanspa06 > mari sob qt sharing knowledge... :)
ReplyDeletedimensi muslimah > mantab yaa :"> ..thx
terima kasih atas tipsnya, mungkin kalau butuh akan saya gunakan
ReplyDeleteoya sekalian ikut tukar link yah, boleh kan?
ReplyDeleteidebagusku > oke deh.. ^_^"
ReplyDeletelha kalo buat kamu komeng saya balas komeng gimana mas
ReplyDeletecara meletakan tulisanya dimana
@ sigit super > kamu bkin wa bingung aj gan.. ? wkwkwkwk.. maksudnya meletakan tulisan dimananya ? :D
ReplyDeleteWawww mudah broooo ....
ReplyDeletejangan lupa mampir broo
ada a7x terbaaru rilis 18 mei 2010 di
www requestlagu co cc
Dengar Lagu > emg mudah sob.. oke ntar wa mampir.. ;)
ReplyDeleteklo mw pasang 2 gimana sob?
ReplyDeletesoalnya tak pasang di blogq malah jadi error
soalny dah ada hal serupa buat message box di blogku jee :P
BIma85 > :D wkwkwkwk.. tpi apa sudah kamu coba dipasang di tempat yang berbeda yaitu 1 di header trus 1 lagi di sebelah kiri/kanan...kalau masi error jg coba digabung aj sob jdi 1.. kayak widget MP3 Downlaodku yg double widget scrolling itu.. ;;)
ReplyDeletewew. masih belum paham nich sob, kapan2 aja aku baca lagi. linknya udah aku simpan di kompi aku .
ReplyDeleteInternet Business > oke gan.. :D
ReplyDeletebagus boss...kalo mau lihat video lagu terbaru lihat http://videolagu.blogspot.com atau http://softdown.web.id
ReplyDeletewah bermanfaat
ReplyDeletethx ya infonya, kayanya qu coba dulu sob..
Softdown > thx gan.. oke ntar wa mampir .. ;)
ReplyDeleteWilly Weblog > silahkan dicoba gan .. :D
oH bgItu yaAaA
ReplyDeleteThanks fot the post
Blogger Indonesia write orginal content Blogger Indonesia dukung internet aman, sehat & manfaat
www.franco.web.id > silahkan dicoba gan.. :D
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteGood Tutorials, kreatif lgi. tambah terus tutorialnya y...
ReplyDeleteOiya, gimana cara buat task bar di blog kyak blog temen2 diatas?
http://robertbongso.blogspot.com
xumbai > taksbar yg gimana gan.. yg di header ato top menu ato taksbar yg kayak ini > http://ecaknyo.blogspot.com/2009/10/cara-membuat-taskbar-melayang-di-blog.html
ReplyDeleteatau ini
> http://ecaknyo.blogspot.com/2010/07/cara-mengedit-top-menu-pada-template.html
..silahkan dilihat dahulu.. :)
maaf ini, saya sudah coba klik 2x, iklannya naik keatas tp msh nyisa dikit sekitar 2cm masih keliatan di pojok kiri atas. thx
ReplyDeletebisa dicoba nih,,,,mas boleh aku copy ya codenya
ReplyDeletewaaa mantap niii srip nya...
ReplyDeleteboleh aku coba ga bro.. :D
@Belajar Blogging:
ReplyDeletesilakan sob... :)
@alan:
ReplyDeleteboleh..boleh..boleh.. :D
yes mantap tipsnya.... aku coba tp kalo kwalahan bantu aku ya... hehe makasih
ReplyDelete:)) mantao
ReplyDeleteboleh nie
ReplyDelete@vankim:
ReplyDeleteoke... ntar dibantu gan.. :)
@Ywan Forum:
ReplyDeleteThx.. :)
@furawa:
ReplyDeletesilahkan dicoba gan.. :)
Makasih tutor nya gan
ReplyDeletesupaya posisinya sebelah kiri atas layar gimana gan???
ReplyDelete@BioNaturally:
ReplyDeleteUntuk Posisi iklan melayang tampil di sebelah kanan atas.. copas kode berikut ini...cari kode "gb.style.center
" lalu ganti seperti dibawah ini...
center jadikan right, & valuenya yg 30 jadikan 250... contohnya seperti dibawah ini...
gb.style.right = (250-gb.offsetWidth).toString() + "px";
Makasih Gan,,,
ReplyDelete@BioNaturally:
ReplyDeleteya... senang bisa membantu :)
Udah saya follow balik gan. Thx
ReplyDelete@BioNaturally:
ReplyDeleteSiip ;)
klik http://setiadisaputra.blogspot.com/ dan http://miscenter.blogspot.com/ untuk sharing ilmu atau konsultasi,banyak manfaatnya kalo kita saling bertukar ilmu
ReplyDelete@setiyadi saputra:
ReplyDeleteoke..mari sharing knowledge gan.. :) ..wa ke TKP
tq infonya bosss
ReplyDelete@Maniac Cheaters:
ReplyDeleteYups.. ;)
mantap sob ....thanks ya
ReplyDelete@boy:
ReplyDeleteSiip.. ;)
mantap ni,, tp blog ane ga mw ng'close..
ReplyDeletemakasih gan atas ilmunya..
ReplyDeleteKeren sob infonya..
ReplyDeleteaku juga sebelumnya paka iklan melayang, tapi yang sebelumnya itu pake Var X dan Y untuk posisinya..!
Thanks
salam kenal ya,
kok saya pasang di close kok g bisa ilang penuh. masih keliatan separuh
ReplyDeletehttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif tanks bnget nie infonya mga makin maju ajwa...
ReplyDeleten tipsnya udah saya pkek nieee di www.krosokshere.co.cc,,,
Makasih atas infonya gan.
ReplyDeletenumpang mampir nih bos, sekalian mau share sedikit untuk masalah teman2 yang iklannya clo di close gak mau hilang semua/ msh ada separuh,
ReplyDeletesilahkan di ganti nilai code gb.opened : 30-w jadi 0. seperti di bawah ini :
gb.opened ? moveGB(0, 0-w) : moveGB(20-w, 0);
semoga bermanfaat ya...
oya, clo teman2 da waktu berkunjung ke blog saya ya !!!
di http://danumlanep.blogspot.com
Nice Info :D
ReplyDeleteThankyu Thankyu.. sob!! Nice Postt
ReplyDeletemau donlod software seo ga sob?
ReplyDeletemain ke blogku yach
mantap...
ReplyDeletesayangnya ads di blogku kaga boleh dibuat melayang...
ntar dijewer ama yg punya
xixixix
Keren nih tutorialnya, cuma masih kurang jelas iklan yang bisa dibuat melayang ini apakah iklan teks saja atau gimana ?
ReplyDeletemakasih sob...
ReplyDeletekalau tanpa tombol close gmn neh??
ReplyDeletemantab gan
ReplyDeletewow keren deh postingannya
ReplyDelete