Posted by : Tasim Bae Lah 13 May 2010

  • Name : POSTING TITLE
  • Author : AUTHOR NAME
  • Category : Ctutorial blog
Mungkin sebagian dari para pengunjung bertanya-tanya, bagaimana membuat shoutmix atau kotak shoutmix bersembunyi, karena kebanyakan dari temen-temen blogger menaruh di bagian samping atau dalam istilah kerennya sidebar,  atau mungkin juga ada yang belum tahu seperti apa sih?? kalau  yang belum tahu silahkan klik tulisan "Buku Tamu" di samping kanan yang berwarna hijau. Sudah di klik belum? Nah kira-kira sperti itu tampilannya. Tidak perlu banyak basa-basi lagi langsung saja saya kasihkan caranya. silahkan anda ikuti petunjuknya dengan benar.

1. Login ke blogger dengan ID dan Pasword anda
2. Klik layout
3. Klik add a gadget
4. Pilih HTML/Java script

Kemudian Copy-Paste Code 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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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 ini dengan kode buku tamu kamu -->
<br/>
<br/>
</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>


Kemudian cari code <!-- Ganti ini dengan kode buku tamu kamu --> atau yang berwarna merah dan ganti kode tersebut dengan kode buku tamu (Shoutmix,Cbox  dll) yang kamu dapatkan dari situsnya, Bila posisinya ingin lebih  ke atas, ubah saja attribut top-nya menjadi 30px atau 20px, atau sesuai dengan yang anda inginkan. Save dan lihat hasilnya..

(Dari berbagai sumber)

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

About

Popular Post

Copyright © Cemara Kulon