Kebanyakan tutorial di internet
yang membahas tentang ini menggunakan script code yang rumit untuk
diterapkan oleh karenanya ewa akan mencoba memberikan tips yang lebih
mudah dan sangat simple bahkan bagi anda blogger yang baru mengenal
pengkodean pasti bisa melakukannya.
Ikuti langkah-langkah Cara Pasang Iklan Melayang Plus Tombol Close dibawah ini :
- Login Ke Blogger.com dengan Akun anda masing-masing
- Masuk ke Tab Tata Letak
- Pilih Elemen Halaman
- Tambah Gadget Pilih HTML / JAVASCRIPT
- Copy / Paste kode di bawah ini kedalam Gadget HTML 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>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKmW21Ema4Ok2WYyVcilW3NkyQ0eOOErbQ1G8iQ-c7IspO2TRxxINoJmzmsO4cxV51nfJtFRMgpQTMLY_3wlQkPJmVqFpPs3D4D8awIZzfPH-F0uHFTBhidpcg4RE79xaJYO_28iS4e4g/s1600/logo.jpg" style="border:4px solid #000" alt="Fingerspot" width="700" height="250" />
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Catatan:
Ganti kode yang berwarna merah sesuai gambar yang diinginkan
SELESAI.
Sangat mudah kan ?? Selamat Mencoba.., semoga berhasil...
HASIL
No comments :
Post a Comment