Cara Membuat Widget melayang pada Blogspot

Cara Membuat Widget melayang pada Blog | Setelah Sebelumnya di bahas mengenai Cara Membuat zoom image di blog manfaat dari widget melayang ini sendiri banyak, biasanya di gunakan untuk ditempati iklan berbasis PPC atau iklan yg begitu penting yg sangat terbatas waktu promosinya yang di maksudkan agar pengunjung tahu bahwa ada bisnis yang penting sekarang ini. widget ini bisa di atur letaknya terserah sobat bloger dan sobat netter bisa di sebelah kiri, kanan, atas maupun di bagian bawah blog.

Sebelumnya, Angga ingin berpesan sekarang penempatan iklan PCC melayang sudah di larang, kalo sobat masih melanggar akan kena PHK dari pihak iklan tersebut. sebaiknya cara in di gunakan dengan menampatkan ucapan selamat datang ataupun berupa promosi seperti promosi Fanpage Facebook maupun Follow Twitter Ok, Tanpa Basa Basi Simak Langkah-Langkahnya berikut ini.

1. Login Ke Blog

2. Masuk Dashboard

3. Pilih Design

4. Rancangan “Tambah Widget”

5. Pilih Widget HTML/Javascript

Copy kode ini :

<style type=”text/css”> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:2px solid #bb0000; background:#eeeeee; 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> silahkan tempatkan kode iklan atau promosi atau teks atau apalah terserah sobat netter dan sobat bloger disini </center> <script type=”text/javascript”> var gb = document.getElementById(“gb”); gb.style.center = (30-gb.offsetWidth).toString() + “px”; </script></div></div>

Perhatikan Kode yang berwarna biru di atas, di situ berisi tentang pengaturan tentang posisi, background,border widget melayang tersebut, Atur Sesuai keinginan sobat bloger.

6. Klik Simpan

Selesai.. Cukup mudah Bukan…

Jangan Lupa tinggalkan komentar pada form komentar…

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s