Berikut ini adalah cara simple dalam pembuatan Iklan melayang,ga butuh waktu yang lama dalam pengerjaannya,sobat hanya mengcopy pastekan script yang ada didalam artikel ini Beserta Script iklan yang telah sobat dapatkan sebelumnya.
Gmbr : Tampilan Iklan Melayang |
Berikut cara-cara pengerjaan memasang iklan melayang tersebut.
Login terlebih dahulu Ke Blogger.com melalui Akun Sobat masing-masing
- Masuk ke Tab bagian Tata Letak
- Sobat Pilih Elemen Halaman
- Tambahkan Gadget Pilih HTML / JAVASCRIPT (ADD WIDGET)
- Dan Copy kode yang Tertera di bawah ini kedalamnya, Ok
<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS9-M7vwyMTSI89pDGmFF8s0vFn4qeCwzQ8TV-JsyfmaYVGejIJNZhUZlgchdwvj1gxUYrQ6pEWFt7c5XNQi3OVAl7xAPAd0D40iwaABpWWBZvNQXVwTDQxCMPJTK6LRaPrhKH3DOo5vE/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS9-M7vwyMTSI89pDGmFF8s0vFn4qeCwzQ8TV-JsyfmaYVGejIJNZhUZlgchdwvj1gxUYrQ6pEWFt7c5XNQi3OVAl7xAPAd0D40iwaABpWWBZvNQXVwTDQxCMPJTK6LRaPrhKH3DOo5vE/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>
<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>
Masukan Kode iklan atau Gambar yang Scriptnya telah Sobat Dapatkan
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
6. Simpan Dan coba lihat Hasilnya
Semoga berhasil ya Sobat, Apa bila ada yang Sobat ingin tanyakan jangan sungkan untuk bertanya di blog ini, Karena di Blogger ini semua untuk berbagi.
TERIMAKASIH
Tidak ada komentar:
Posting Komentar
Berikan Tanggapanmu Di Sini