computer,internet and all about tutorials wiil be here.

  • Righteous Kill

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. ...

  • Quisque sed felis

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. ...

  • Etiam augue pede, molestie ege

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. ...

  • Hellgate is back

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet ...

  • Post with links

    This is the web2feel wordpress theme demo site. You have come here from our home ...

Kalau sobat berkunjung ke blog rekan mungkin sering menemukan buku tamu atau shoutmix yang tersembunyi, atau yang berada disisi kanan atau kiri dari halaman blog tersebut, seperti blog ini.
Caranya sangat gampang, pertama-tama adalah :
1. Masuk ke account Blogger kamu, pilih Layout; kemudian Page Elements;
2. Klik "Add a Gadget" kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:

<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/AVvXsEhfSVd_Y6yZqD404tjM6qtMvJsQvBpg12CHaE8hlQhHHxLq_n9Wl4W0_OKSmI0oSLOsZNphVpBgI53vjVr04kY9ioDQhLAL-d_cDL1v7YQlc2LK_K6wt6YALIlye84g9q7jM1LnNy7Iqj_V/') 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">
<--ganti dengan kode buku tamu/soutmix kamu-->
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

- Pada kode warna merah di atas,
- Ubah nilai atribut top-nya kalau ingin menaikkan atau menurunkan soutmixnya. Seandainya ingin lebih naik keatas ubah jadi 25px atau 20px , pokoknya tergantung selera masing-masing.
Kalau udah selesai, tinggal di SAVE atau disimpan. Ok, selamat berkarya semoga bermanfaat, salam blogger.

No Response to "Trik Cara Membuat Soutmix Tersembunyi"

Posting Komentar