halo semuanya..gmn kbarnya?? baek" aja kan??? hehe ..(sok perhatian) Ok
deh meskipun template lagi berantakan tapi aku masih semangat untuk
posting, yahhh..meskipun mungkin dah ada beberapa blog yang posting
seperti ini...tapi disini saya hanya ingin share ke teman-teman ja bila
ada yang membutuhkan..okey :-)
Ok deh.. caranya adalah sebagai berikut :
1. login ke blog kamu.
2. Pilih Layout kemudian Edit HTML, ceklist Expand Widget Template.
3. Letakkan kode dibawah ini ke bawah ]]></b:skin>(tekan CTRL +
F pada keyboard dan masukkan kodenya, ini untuk memudahkan saja)
<style type="text/css">
#gb{
position:fixed;
top:75px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:200px;
width:27px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRlEgdtqmvhkd0Exwy4qBz075tgectMgR4FGmjvHTG5RCUPOHL62ZjvtvfyrXSyh0gBiKiS6TjdT4436gQRATUWh2chRXS65aaXivXbxKaZXLTf47xxqPiJTVmprkWJ4ag9w1ze24VmwPu/')
no-repeat;
}
.gbcontent{
float:left;
border:2px solid #ddd;
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">
PASANG KODE SHOUTMIX SOBAT DISINI
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
<font size="2"><a
href="http://vikrymadz.blogspot.com/2011/02/cara-menyembunyikan-kotak-shoutmix-buku.html"target=_blank"><div
style="color: #444444;">
<span style="font-size: xx-small;">By ViKrY'X
MadZ</span></div></a></font>
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Atau Kamu bisa pakai cara yang kedua:
Kamu tinggal Tambah Widget atau kamu bisa ikutkan pada widget tertentu
yang dengan format widget HTML/Java Script. Lalu kopas kode diatas
jangan lupa juga sisipkan kode html ShoutMix Kamu, ini mungkin cara yang
lebih mudah..
NB: Sebelum dipasang, Jangan lupa sesuaikan dulu. Ganti tulisan "PASANG
KODE SHOUTMIX SOBAT DISINI" dengan kode shoutmix sobat. Trus untuk
mengubah posisi tulisan buku tamunya ubah saja nomor atribut TOPnya dari
20px menjadi lebih banyak (30px misalanya) atau lebih kecil (10px),
semakin kecil nilai PXnya posisinya semakin keatas. Satu lagi, kalau
ingin mengganti gambar tulisan buku tamunya silahkan buat gambar sobat
sendiri dengan ukuran 30px x 100px lalu upload di tempat image hosting
sobat dan ganti url yang terdapat setelah tulisan background: dengan url
gambar sobat. OK.... selamat berXperimen
Setelah itu preview dulu, dan kalau tampilannya sudah sesuai keinginan
kamu baru di save.
good luck..
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar