Blog bermanfaat,tips,trick

semoga bisa bermanfaat yah :D

height:250px; float: inherit;">
Powered by Blogger.

Cara Buat Widget Iklan Melayang di Blog sobat

sobat RIZKI,hari ini saya share tutorial cara membuat iklan melayang di blog sobat Dan tampilannya seperti gamabr berikut ini : 
langsung aja ya sobat maaf klo bru share soal nya lgi sibuk :D


Nah, berikut Tutorial Buat Iklan Melayang di Blog

1. Login ke Dashboard blog sobat,
2. Lalu langsung menuju ke => Tata Letak => Elemen Halaman => Tambah Gadget => HTML/Javascript
3. Lalu copy kan kode  berikut kedalamnya :


     

<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>
Taruh di sini IKLAN atau Text yang akan ditampilkan </center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>




Perhatikan :
# Taruh Iklan atau Text sobat pada tulisan yang berwarna merah.
# Yang berwarna kuning sobat bisa ganti sesuai keinginan sobat untuk tombol CLOSE nya
# Dan yang berwarna biru ganti angkanya untuk merubah ukuran Window/jendela yang akan tampil.

4. Lalu save hasil diatas, dan refresh blog sobat. lihat hasilnya
Anda baru saja membaca artikel yang berkategori tips blogger dengan judul Cara Buat Widget Iklan Melayang di Blog sobat. Jika kamu suka, jangan lupa like dan bagikan keteman-temanmu ya... By : Blog bermanfaat,tips,trick
Ditulis oleh: Unknown - Thursday, May 30, 2013

3 komentar untuk " Cara Buat Widget Iklan Melayang di Blog sobat"

  1. NICE info nya sangat bermanfaat
    kunbal ya sob..

    ReplyDelete
  2. wah keren nih saya coba ya sob :D
    sangat membantu ni
    the best ni blog
    jangan lupa kunbal

    ReplyDelete
  3. keren sob ,cuma izin nyimak aja :D

    ReplyDelete