Iklan melayang selain mengurangi ruangan dalam blog juga akan membuat blog tampil lebih hidup. Namun jika pemasangannya kurang pas, misal tombol closenya tidak diperlihatkan dengan jelas akan membuat pengunjung sebel, mereka segera ingin membaca artikel yang dicari tetapi terganggu adanya iklan yang selalu mengikuti, ya nggak. Nah untuk itu jika anda memasang iklan melayang perlihatkan tombol closenya dengan jelas, sehingga pengunjung tak merasa risih. Lihat gambar.
Untuk memasangnya cukup mudah, langkahnya seperti di bawah ini :1. Masuk Account blog anda.
2. Pilih Rancangan.
2. Pilih Tambah Gadget.
3. Pilih HTML/Java Script.
4. Copy kode di bawah ini lalu paste di kotak Konten HTML/Java Script.
#gb{position:relative;} .gbcontent{ float:right; border:2px solid #000000; background:#F1DEDE; padding:10px; } </style><br /> <br /> <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><br /> <br /> <div id="gb"><br /> <div class="gbtab" onclick="showHideGB()"></div><br /> <div class="gbcontent"><br /> <div style="text-align:right"><a href="javascript:showHideGB()"><br /> .:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKl3MyBbwMUNORDAYZuy7YqoBFLti9UeNPbKe4wZuDo3C6nF1CNQcXatJqCT1-B0RTH0KKdVzyRnlq7qrNKoKiWroXAwpO1AA0eWDDusGzGDuNrIWHyvMi0UdmqOFuLXm6YFhzJGtJ3gWr/" title="kalau muncul, klik lagi" alt="tutup" />:.<br /> </a><br /> </div><center><br /> <br /> <b>PASANG IKLAN ANDA DI SINI</b>~<br /> <br /> </center><br /> <br /> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>
#000000 : kode border, silahkan ganti dengan kode warna yang anda inginkan.
#F1DEDE : kode background, silahkan ganti dengan kode warna yang anda inginkan.
6. Letakkan gadgetnya di mana anda suka. Simpan, selesai.
"Selamat mencoba"
{ 0 komentar... read them below or add one }
Posting Komentar