Cara membuat Cbox melayang hidden di sebelah kanan BLOGSPOT
hai teman - teman kunaruhblog :)
berhubung nih saya post tentang cbox saya juga mau share untuk membuatnya melayang tertutup di sebelah kanan.
Bingung? lihat gambar dibawah.
Gimana udh paham?
tujuannya simple sekali, supaya blog terlihat lebih rapi teman, supaya pengunjung juga enak ngeliatnya.
OK deh langsung aja ke caranya :
1. kalian harus punya Cbox kalo belum klik disini
2. blogger.com > layout/tataletak > Html/javascript > paste kode dibawah
3. Paste HTML cbox kalian di tulisan merah
4. save dan lihat hasilnya
Gampangkan?
pengen yang dikiri?
KLIK DISINI
semoga infonya bermanfaat ya
berhubung nih saya post tentang cbox saya juga mau share untuk membuatnya melayang tertutup di sebelah kanan.
Bingung? lihat gambar dibawah.
tujuannya simple sekali, supaya blog terlihat lebih rapi teman, supaya pengunjung juga enak ngeliatnya.
OK deh langsung aja ke caranya :
1. kalian harus punya Cbox kalo belum klik disini
2. blogger.com > layout/tataletak > Html/javascript > paste kode dibawah
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html
#gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2BUTHucDI5ca9fajjsk8bPOSUsdPJlwcCNL-D-0wsf_TZTcwW-MSf40XxlASm1t1TDONdK6XgelP-dRZz3_5zqciO0rR4z8CZPOYYfXIohNXyBq5X6VGQgjpeZQMDqQLQvTeuFgE15MX_/')
no-repeat;}.gbcontent{
float:left;
border:2px solid
#A5BD51;
background:#F5F5F5;
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.right =
x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+",
"+xf+")", 10);}
}
</script>
<div
id="gb">
<div
class="gbtab" onclick="showHideGB()"> </div><div
class="gbcontent">
TARUH HTML CBOX KALIAN DISINI
<div
style="text-align: center;"><span style="font-size:
10px;"><span style="font-family: "Trebuchet
MS",sans-serif;">Mau Widget Ini? <a href="http://kunaruh.blogspot.com/2013/03/cara-membuat-chat-box-di-blogspot.html"
target="_blank">Klik Disini</a></span></span></div><div
style="text-align:right"><a
href="javascript:showHideGB()"> [tutup] </a></div></div><script
type="text/javascript">var gb =
document.getElementById("gb");gb.style.right =
(30-gb.offsetWidth).toString() + "px";</script></div>
3. Paste HTML cbox kalian di tulisan merah
4. save dan lihat hasilnya
Gampangkan?
pengen yang dikiri?
KLIK DISINI
semoga infonya bermanfaat ya
Diposting Oleh : Unknown ~ Kunaruhblog
Artikel Cara membuat Cbox melayang hidden di sebelah kanan BLOGSPOT adalah artikel untuk semua orang tanpa terkecuali, dan semua blogger patut dihargai jadi saya harapkan tolong untuk memberikan link tautan atau link sumber http://kunaruh.blogspot.com, terima kasih :)
Categories:
info blog,
seputar komputer
thank's bang gw udah bisa.....
BalasHapus