\

Cara Membuat Iklan Melayang

\ \ 0 comments
Mungkin sobat blogger pernah melihat tutorial semacam ini, memang setau saya ada cara yang lebih rumit, tapi di sini saya coba memberikan tutorial yang lebih mudah dan simple bahkan bagi anda blogger yang baru mengenal pengkodean pasti bisa melakukannya, berikut ini langkah-langkahnya:

   1. Login ke Blogger.com dengan akun sobat masing-masing pastinya
   2. Masuk ke Tab Rancangan
   3. Pilih Elemen Halaman
   4. Tambah Gadget pilih HTML / JAVASCRIPT
   5. Dan copy kode di bawah ini kedalamnya



<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuxJQyp6npKOk26kpGgfMcGxqNivECdSQfycXbZMkYpnioqw9jJn5f3-hoGXttV1KY-x7ukDDxTYX829994Ymw1efalOKlryy-kP77dWKLsdVUJBLY022_Nini4AOM1YkdnjDsrZwKG6c/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/AVvXsEjuxJQyp6npKOk26kpGgfMcGxqNivECdSQfycXbZMkYpnioqw9jJn5f3-hoGXttV1KY-x7ukDDxTYX829994Ymw1efalOKlryy-kP77dWKLsdVUJBLY022_Nini4AOM1YkdnjDsrZwKG6c/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 anda inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>


    6. Simpan


Sudah selesai, coba dilihat sudah berhasilkah?? Sekian tutorial dari saya kalau ada kurangnya mohon maaf..
Wassalam..
Labels:

Artikel Sejenis

loading..

Tidak ada komentar:

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">Kode Anda</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">Kode Panjang Anda</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL Gambar</i>
Untuk menyisipkan judul, gunakan tag <b rel="quote">Kata-kata Anda</b>