Pages

Minggu, 24 April 2011

Cara Membuat Soutmix / Buku Tamu Tersembunyi

Photobucket
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/AVvXsEjhmfzMOxAMx0Gahnir0voFvhAZwNdIkk6xF91Hph-7CxN1kxzlmMF9kFxdIUOpFAakydzPIQ0u3dySUV4EBj_n9DAKcp6puQHxNBzXNt7fHJ22lKpKltllv2xlREar7p5z4MgqJXQrcZT7/') 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.

Sumber : http://www.rumah-blogger.com/

0 komentar:

Prod. 2017 Template by : Roberth Fabumasse