Trick n Tips Blogger | Widget Blogger | Template Blogger

Cara membuat Gadget Buku Tamu tersembunyi (Hidden) di Kanan Blog

by Irsyad Aslam , at 1/09/2013 , has 1 comment
Gadget Buku Tamu sudah di bikin bagaimana cara untuk menyembunyikan Gadget Buku Tamunya. Gadget Buku Tamu memang mengganggu di tampilan blog dan banyak memakan tempat. Cara menyembunyikan gadget adalah salah satu cara untuk membuat gadget buku tamu agar tidak memakan tempat. Bagaimana Cara menyebunyikannya?, Di posting ini saya akan mejelaskan cara untuk menyebunyikan Gadget Buku Tamu. Berikut Caranya:

  • Masuk ke Akun Blogger anda.
  • Klik Menu Tata Letak dan Add Gadget HTML.
  • Masukan Script Berikut:

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:125px;
width:43px;
float:left;
background:url('http://4.bp.blogspot.com/-KJvPfm6BOOE/UTmY38iXMeI/AAAAAAAAC04/9rshDWCyIPs/s1600/Buttonfac.png.png') no-repeat;
}

.gbcontent {
float:left;
border:2px solid #A5BD51;
-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: #F2F2F2;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 40-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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
Masukan Script Cbox Anda>
<br />
<div style="text-align:center">
<span style="float:left;font:italic 10px Arial, Sans-Serif; color:#3D3D3D;"><a target="_blank" href="http://your-belajarblog.blogspot.com/2013/01/cara-membuat-gadget-buku-tamu.html">.:Get Widget:.</a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (40-gb.offsetWidth).toString() + "px";
</script>

</div>


  • Klik Tombol Simpan.
Keterangan:
Ganti Tulisan Masukan Script atau Kode Buku Tamu Anda dengan Kode Buku tamu anda.

Selamat Mencoba,
Salam Sukses.

Your-BelajarBLOG

Irsyad Aslam
About
Cara membuat Gadget Buku Tamu tersembunyi (Hidden) di Kanan Blog - written by Irsyad Aslam , published at 1/09/2013, categorized as Widget . And has 1 comment
1  comment Add a comment
mau komen tapi laranganya banyak bgt ga jadi dah -_-
Reply Delete

Catatan:

• Dilarang Menaruh Link Aktif
• Dilarang Nyepan/Promosi Di Komentar
• Dilarang Berkata Tidak Sopan
• Untuk Menyisipkan Kode, Gunakan Tag <i rel="code">... KODE ...</i>
• Untuk Menyisipkan Kode Panjang, Gunakan Tag <i rel="pre">... KODE ...</i>
• Untuk Menyisipkan Catatan, Gunakan [catatan].. TEKS ...[/catatan]
• Untuk Menyisipkan Gambar, Gunakan [img]URL GAMBAR[/img]

Sebelum Menyisipkan Kode Harap Konversi Kode Sebelum Menuliskan Di Komentar

Bck
Cancel Reply

Followers

Komentar Terbaru

Copyright ©2013 Your-BelajarBLOG by
Theme designed by Damzaky - Published by Proyek-Template
Powered by Blogger