Cara Membuat Widget Melayang Di Blog

1. Loginlah dulu di Blogger > Tata Letak > Elemen Laman > Klik Tambah Gadget>HTML/Java Scripts..

2. Jika sudah buatlah nama pada widget yang baru ini... lalu Copy-Paste kode dibawah ini ke dalam widget HTML/Java Scripts tadi...

<style type="text/css"><br /> #gb{<br /> position:fixed;<br /> top:50px;<br /> z-index:+1000;<br /> }<br /> * html #gb{position:relative;}<br /> <br /> .gbtab{<br /> height:150px;<br /> width:30px;<br /> float:left;<br /> cursor:pointer;<br /> background:url('http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png') no-repeat;<br /> }<br /> .gbcontent{<br /> float:left;<br /> border:2px solid #FAFD02;<br /> background:#FAFD03;<br /> padding:10px;<br /> }<br /> </style><br /> <br /> <script type="text/javascript"><br /> function showHideGB(){<br /> var gb = document.getElementById("gb");<br /> var w = gb.offsetWidth;<br /> gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br /> gb.opened = !gb.opened;<br /> }<br /> function moveGB(x0, xf){<br /> var gb = document.getElementById("gb");<br /> var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br /> var dir = xf>x0 ? 1 : -1;<br /> var x = x0 + dx * dir;<br /> gb.style.right = x.toString() + "px";<br /> if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br /> }<br /> </script><br /> <br /> <div id="gb"><br /> <br /> <div class="gbtab" onclick="showHideGB()"> </div><br /> <br /> <div class="gbcontent"><br /> <br /> <!-- Begin ShoutMix - http://www.shoutmix.com --><br /> <iframe scrolling="auto" width="190" frameborder="0" src="http://www6.shoutmix.com/?ecaknyo" height="700" title="ecaknyo"><br /> <a href="http://www6.shoutmix.com/?ecaknyo">View shoutbox</a><br /> <!-- End ShoutMix --></iframe><br /> <br /> <script type="text/javascript"><br /> var gb = document.getElementById("gb");<br /> gb.style.right = (30-gb.offsetWidth).toString() + "px";<br /> </script></center></div></center></div></div></div>

4. Simpanlah Widget Melayang ini... Selesai.. namun sebaiknya posisi widgetnya di Bagian Tata letak di letakan paling bawah lalu klik simpan.. Untuk melihat hasilnya silahkan Refresh blog kamu.. Mudahkan.. ;-)

Share This:

Post Tags:

Artikel Blog

Rizky Septiawan

Nama Saya Rizky Septiawan, seseorang yang bermimpi menjadi seorang pengusaha . Saya sangat senang sekali bloging dan social networking , saya juga sangat senang sekali membagi informasi yang gratis bagi para penggemar web saya. Jika ada waktu luang selalu saya gunakan untuk membagi tips dan trik .

Website: http://www.rizky-septiawan.blogspot.com/

• Social Links:

• Facebook
• Twitter
• Google+
• Youtube