MEMBUAT WIDGET IKLAN MELAYANG DIAWAL BLOG

Tweet

Catatan Blog,

Rate this posting:

{[['']]}

Share Artikel To :

MEMBUAT WIDGET IKLAN MELAYANG DIAWAL BLOG

Cara membuat widget iklan melayang diawal blog. Obyek melayang di dalam dunia blogger bisa juga di sebut Float Top Bar, Sebuah jendela kecil yang muncul diawal halaman setiap kali kita mengunjungi suatu web atau blog. Float Top Bar ini biasanya berisi konten Iklan, Jejaring Social atau Form SubScribe sehingga akan terlihat penggunjung website atau Blog kita. Untuk membuat widget melayang ini sangatlah mudah, hanya dengan beberapa langkah maka widget melayang ini akan segera terpasang dalam website atau blog kita.

 Oke, berikut ini adalah cara-cara pembuatannya

1. Login ke akun Blogger
2. Masuk ke Tab Tata Letak
3. Pilih elemen halaman 
4. Tambah Gadget pilih HTML / Java Cript
5. Copy Paste kode dibawah ini 

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwevIx4xLzlfLhWk3g8ikn4JqvdLcZZbLjjZoxM1XcLzr6rCFMpk3H2ecLFaH_Y0VYeYh_C86aRzRQOUJfLBB4mM2IC17PW0Zum3ZAzMX88Xi_E-a8Pg-kPXYKWRqJlYx0fDAVKMb0Gm5I/s1600/nn+copy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwevIx4xLzlfLhWk3g8ikn4JqvdLcZZbLjjZoxM1XcLzr6rCFMpk3H2ecLFaH_Y0VYeYh_C86aRzRQOUJfLBB4mM2IC17PW0Zum3ZAzMX88Xi_E-a8Pg-kPXYKWRqJlYx0fDAVKMb0Gm5I/s1600/nn+copy.jpg" height="213" width="320" /></a></div>
<br />

<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

Untuk kode yang berwarna Merah ganti dengan kode gambar, iklan atau tulisan yang di inginkan.

Selamat Mencoba !!!

Untuk Informasi dan Pemesanan Produk 

Silahkankan Menghubungi Customer Service kami dibawah ini

Share Artikel To :

Follow Me :

Sign up here with your email address to receive updates from this blog in your inbox.