Blog Tutorial Membuat Widget Melayang di blog

Blog Tutorial: Kali ini saya akan memberikan Kode Script untuk membuat widget maupun tulisan melayang di blog/web. Cukup dengan memanbahkan kode scipt ini, Anda biasa membuat widget maupun tulisan, image dan apa saja yang ingin anda buat melayang di blog anda dengan sangat mudah. Banyak sobat blogger yang menggunakan script ini biasanya buat menaruh iklan adsense, tapi saya sarankan buat anda kalau bisa jangan menaruh script iklan adsense melayang di blog anda, takutnya ntar melanggar tos dan di banned sama program adsense yang anda ikuti, tapi semua itu terserah anda sajalah, hehehe...

Okey, langsung saja gak perlu panjang - lebar maupun segi tiga biru, cukup kita mulai dengan berdoa menurut kepercayaan kita masing - masing.
Setelah anda selesai berdoa, silahkan login ke akun blog/web sobat.
Kemudian sobat masuk ke Edit Layout, pilih widget HTML dan silahkan anda Copy atau masukkan Script di bawah atau paste di Kolom Script HTML anda :

<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, banner atau teks disini </center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

(Untuk meng copy kode di atas silahkan tekan Select All Text, kemudian  Tekan Ctrl + C )

Kemudian Silahkan anda cari kata "silahkan tempatkan kode iklan, banner atau teks disini" dan silahkan anda ganti dengan script banner atau widget fanpage,shoutbox, atau tulisan atau apa sajalah terserah anda, selanjutnya silahkan anda Save dan lihat hasilnya.

Demikian Tutorial cara mudah membuat widget melayang di blog, selamat mencoba dan semoga berhasil..

Posted by pur on - Rating: 4.5

Title : Blog Tutorial Membuat Widget Melayang di blog
Description : Blog Tutorial: Kali ini saya akan memberikan Kode Script untuk membuat widget maupun tulisan melayang di blog/web . Cukup dengan memanb...

Tweet