Posted by :
Tasim Bae Lah
13 May 2010
- Name : POSTING TITLE
- Author : AUTHOR NAME
- Category : Ctutorial blog
- Keywords : tutorial blog, belajar ngeblog, tips dan trik ngeblog
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
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)
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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia2Z7EkcNBto9SfJfRELS8xNF2vhem5x1W1cx_gfjs6n5V7rcPcEXoBYahdWoFNSMl3VflAULJjR4JjXujvFzRQd4pEIOCBll8FekDjCxDmfguMBergr69937_nBStTKOtOS3gFaOI5goN/') 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)