pada postingan kali ini saya akan
kembali membahas tentang tutorial blog, yakni membuat iklan melayang
lengkap dengan tombol closenya. ya sobat sebenarnya apasih keuntunganya
jika kita memasang iklan melayang atau float ini? ya keutunganya adalah,
sudah pasti semua visitor yang berkunjung ke blog kita melihat iklan
float ini, karena setiap refresh halaman di blog kita akan otomatis
muncul iklanya, apalagi sekarang sobat blogger banyak yang menggunakan
jasa PPC lokal maupun mancanegara, lebih besar kemungkinan di kliknya
jika menggunakan float. Baik pastinya sobat farhan semuanya sudah
penasaran kan, di simak ya, ini dia langkah-langkahnya.
1. Masuk Ke Blogger.
2. Pilih Tata Letak / Elemen.
3. Pilih Add Gadget.
4. Pilih HTML/JavaScript.
5. Lalu sobat letakkan kode di bawah ini ke dalam box "konten".
<style type="text/css">
#gb{
position:fixed;
top:200px;
left:250px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:1px solid #A5BD51;
background:#cccccc;
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">Klik 2 kali untuk keluar
<a href="javascript:showHideGB()">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Xg7OnpgYEJPoJYhvFGWwqiLCba_y9jjzsDAnrgJe8qgVNMiOqdsbVCNF0IoaHESjguVmnzcDQPRzdBf4I02UpXxe80vlIXcVhYY7quqwTB2bVVzRhPz5FilHKDDDOAra8agDQzCFXZk/s1600/Close.png" />
</a>
</div>
<center>
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Catatan : Kode yang berwarna merah bisa sobat ganti dengan script Iklan Banner atau PPC yang sobat inginkan.
1. Masuk Ke Blogger.
2. Pilih Tata Letak / Elemen.
3. Pilih Add Gadget.
4. Pilih HTML/JavaScript.
5. Lalu sobat letakkan kode di bawah ini ke dalam box "konten".
#gb{
position:fixed;
top:200px;
left:250px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:1px solid #A5BD51;
background:#cccccc;
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">Klik 2 kali untuk keluar
<a href="javascript:showHideGB()">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Xg7OnpgYEJPoJYhvFGWwqiLCba_y9jjzsDAnrgJe8qgVNMiOqdsbVCNF0IoaHESjguVmnzcDQPRzdBf4I02UpXxe80vlIXcVhYY7quqwTB2bVVzRhPz5FilHKDDDOAra8agDQzCFXZk/s1600/Close.png" />
</a>
</div>
<center>
"Script Kode Iklan Disini"
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Catatan : Kode yang berwarna merah bisa sobat ganti dengan script Iklan Banner atau PPC yang sobat inginkan.
6. Tidak Usah diberi judul.
7. Klik "Save" dan Selesai.
Selamat mencoba sobat farhan, bila ada pertanyaan comment di bawah.
