Cara Tersembunyi di Blog
0
komentar
Cara Tersembunyi di Blog - Cara Tersembunyi adalah satu cara untuk menyembunyikan widget dalam blog kita. Kita bisa memanfa'atkanya untuk menyembunyikan Buku Tamu, Fans Page atau sekalipun widget Tukeran Link atau Patner Link.
Pilihan Penelusuran Google :
Cara Membuat Facebook Fans Page Tersembunyi di Blog
Cara Membuat Buku Tamu Tersembunyi di BlogCara Membuat Like Box Facebook Tersembunyi di Blog
Cara Membuat Widget Hidden di Blog
Adapun Cara Membuat Widget Tersembunyi adalah sebagai berikut :
Login ke akun blogger
1.Klik Design/Layout/Tata Letak
2.Page Element
3.Add a Gadget HTML/Javascript
4. Kemudian masukan kode berikut ini :
<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB4_J9ioLqqlwB8zvT19q_IZOHGufokEKjAWb7LvZjwcjQwXhmdsXlRb0_rbJ97J7xIX767v_PTjDHIuBmODd2eGRF34Gx2nLmJJFk-RPZpuLczrcFh85G0HKuhc6uXgz1ETCtwMLnHrAy/s1600/fb+button.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>
+++MASUKAN DISNI WIDGET SOBAT+++<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>
</center></div></div>
Catatan :
Kode berwarna biru adalah kode untuk gambar background, silahkan ganti dengan gambar sobat.
Tulisan berwarna merah adalah kode dari widget yang mau sobat sembunyikan, misal kode buku tamu.
Lalu Simpan Widget / gadget dan lihat hasilnya.
Baca Selengkapnya ....
