Membuat Tombol Tersembunyi Widget Blog - Memang untuk widget blog tapi sobat bisa aplikasikan untuk kebutuhan lain semacam untuk tombol berbagi. Letaknya melayang disebelah kanan blog, share FB atau Twetter, dsb. Cara Membuat Tombol Tersembunyi Widget Blog ini pun sangat mudah dan simple gak harus ngacak-ngacak bagan template kita.
Login Blogger
Masuk Tata Letak dan Tambahkan Gadget HTML/Javascrift
Masukan kode CSS dibawah ini tanpa judl pada Gadget HTML/Javascrift, lalu save dan lhat hasilnya
<style type="text/css">#gb{position:fixed;top:20px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:150px;width:50px;float:left;background: url(https://1.bp.blogspot.com/-2IlZcI20NSE/XUxNLiK88kI/AAAAAAAAFWg/eR6cCCF6iqA4KyUIMyHdbH5EOV2ub9NfQCLcBGAs/s1600/Share%2BBtn.png) no-repeat center top;}.gbcontent {float:left;border:1px solid #142FF7;-moz-border-radius-bottomleft:5px;-webkit-border-radius-bottomleft:5px;-o-border-radius-bottomleft:5px;-khtml-border-radius-bottomleft:5px;-moz-border-radius-topright: 5px;-moz-border-radius-topleft: 5px;background: #736F6F; url() no-repeat bottom;padding:10px;}</style><script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 25 ? 25 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}}</script><div id="gb"><div class="gbtab" onmouseover="showHideGB()"> </div><div class="gbcontent"><center>+++TEMPATKAN WIDGET YANG AKAN DISEMBUNYIKAN DISINI+++<script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (50-gb.offsetWidth).toString() + "px";</script></center></div></div>
