Langsung aja...saya baru rilis widget baru..Float Free..Reviewnya kayak disamping...Kalo belum tau widget floating itu seperti apa ..lihat ~>Widget Share melayang Lengkap atau Menu Dropdown Melayang Silahkan pahami....Dari kedua widget itu bersifat float(Melayang mengikuti Layar)...
Langsung saja...Bagaimana Membuat ini...
Untuk widget yang satu ini cukup simple membuatnya ^_^
1.Login Blogger
2.Langsung melangkah ke Elemen halaman (Page element/elemen laman)
3.Klik Tambah Gadget
4.Tambahkan script Java/HTML ~> tambahkan kode berikut
<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj783RZptfOLbQJzwEx2C23NZsTNMhiYP3Pb9Lv6TE8WSFS00tfH2XoTpZyIYgzrN48abbsHUB1fewRXbIeM0U-wyzpDjLRXdRO4HpQl4PrHMy8eNidigLkcIbAHV0RnC5Rd4B3c-CRaC-R/s1600/1.jpg');background-repeat:no-repeat;width:39px;height:345px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuwqFd1U51F-X-axFe2zJ268BfwE7CP5eWIBRL60X-2Fm5kqr1VS_O9a6OlqaJMxhJ1ZxASpubcpIYTNyC9qTebLrmNu5Db8wNZIDrFAYlDAg6OCFDKeIcncPILvvRkPlBELaDGjmZCsFa/s1600/2-bmp.png');background-repeat:no-repeat;width:400px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseout="this.className='barrightblogger'" onmouseover="this.className='barrightbloggerc'">
<div class="barconteblogger">
----------------Konten Kamu Disini-------------------------------
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj783RZptfOLbQJzwEx2C23NZsTNMhiYP3Pb9Lv6TE8WSFS00tfH2XoTpZyIYgzrN48abbsHUB1fewRXbIeM0U-wyzpDjLRXdRO4HpQl4PrHMy8eNidigLkcIbAHV0RnC5Rd4B3c-CRaC-R/s1600/1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
</a></div>
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj783RZptfOLbQJzwEx2C23NZsTNMhiYP3Pb9Lv6TE8WSFS00tfH2XoTpZyIYgzrN48abbsHUB1fewRXbIeM0U-wyzpDjLRXdRO4HpQl4PrHMy8eNidigLkcIbAHV0RnC5Rd4B3c-CRaC-R/s1600/1.jpg');background-repeat:no-repeat;width:39px;height:345px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuwqFd1U51F-X-axFe2zJ268BfwE7CP5eWIBRL60X-2Fm5kqr1VS_O9a6OlqaJMxhJ1ZxASpubcpIYTNyC9qTebLrmNu5Db8wNZIDrFAYlDAg6OCFDKeIcncPILvvRkPlBELaDGjmZCsFa/s1600/2-bmp.png');background-repeat:no-repeat;width:400px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseout="this.className='barrightblogger'" onmouseover="this.className='barrightbloggerc'">
<div class="barconteblogger">
----------------Konten Kamu Disini-------------------------------
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj783RZptfOLbQJzwEx2C23NZsTNMhiYP3Pb9Lv6TE8WSFS00tfH2XoTpZyIYgzrN48abbsHUB1fewRXbIeM0U-wyzpDjLRXdRO4HpQl4PrHMy8eNidigLkcIbAHV0RnC5Rd4B3c-CRaC-R/s1600/1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
</a></div>
5.Untuk konten kamu..bisa kamu tambahkan widget music atau FAnpage Facebook...bahkan profilmu pun bisa !
6.Done~~ nikmati ya...Review Real Lihat gambar disamping~~>
Silahkan Berkomentar dengan benar dan baik ^_^ kritik sangat saya butuhkan untuk menjadi lebih baik ~
Blog ini Dofollow ConversionConversion EmoticonEmoticon