Print halaman ini
CARA MEMBUAT SOUTMIX TERSEMBUNYI
Kalau agan berkunjung ke blog rekan mungkin sering menemukan buku tamu atau shoutmix yang tersembunyi.
atau yang berada disisi kanan atau kiri dari halaman blog tersebut.
salah satunya seperti blog ane ini gan...
Caranya sangat gampang, gak susah gan........ langsung aja ya.....
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/AVvXsEhZgLNLUWQK81Ex5izm6w852aSPRos2kK-x8BWnCiCmwYu_31igLVqIViub2UbSbicD0x7XEoHdBLplDqli7vZtT-5dgC_6abjXMW-YoPbwQkNnfy5dqr7a9eyPLhxdM5gSiJqRnAq8vGDq/') 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:
Posting Komentar