fLWeAsNtTDyJ8LBwFzvbLJXLfZMxZVmQ7RFnAnMp
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.

Membuat Tombol Tersembunyi Widget Blog

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>
Baca Juga
SHARE

Related Posts

Comment Policy :

Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan pada halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui. Baca lebih lanjut tentang ... Comment Policy

Buka Komentar

#Lawan_Covid-19

Sticky Ads