Cara Menyembunyikan Kotak ShoutMix [Buku Tamu]

Posting Komentar
Tiap kali ical nemuin sebuah trik baru pasti ical praktekin, yah kali ini ical dapatkan cara menyembunyikan kotak chat shoutmix, dan tak lupa juga ical mempostingannya, saya memposting dengan tujuan, misalkan nanti ical akan modif templete maka gak susah lagi nyari ini trik, tinggal masuk di blog sendiri. Walaupun sebenarnya trik ini dari dulu ical tahu tapi sekarang baru di aplikasikan, karena widgetnya ambil tempat so ical sembunyiin aja.


Oke ini cara menyembunyikan shoutmix, ini udah ical modif yach kodenya, tampilan bakalan seperti yang ical punya sekarang ini.

Pertama login ke blog kamu.
Pilih Layout kemudian Edit HTML, ceklist Expand Widget Template.
Cari kode di bawah ini (tekan CTRL + F pada keyboard dan masukkan kodenya, ini untuk memudahkan saja)

]]></b:skin>


setelah dapat, kopi kode dibawah ini dan paste tepat di atas kode yang dicari tadi..

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:542px;
width:27px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMBzz_LnxNRsbyKbllTzPso0HFhdTE7RN89rkH3qnFxcVwEV1GyQ96E_3De5w4m6cdtwng3Qm419MOYjU51ovEWzmweWFWO2ytAqUhrm3E_YYC8okhHYGcOID3NuLQMjjN-aABt5MYI6w/s400/TABSHOUTMIX.bmp') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #ddd;
background:#F5F5F5;
padding:10px;
}
</style>

<script src="http://h1.ripway.com/icalcell/scriptbukutamu.js" type="text/javascript">
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">


(sisipkan di sini kode html dari shoutmix kamu)


<br/>
Mau buku tamu seperti ini?<br/>
Klik di
<a href="http://icalcell.blogspot.com/2009/12/cara-menyembunyikan-kotak-shoutmix-buku.html">
sini</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</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: setelah kamu paste kode diatas, maka ada tulisan (sisipkan kode html shoutmix) hapus itu dan ganti dengan kode shoutmix kamu.

Setelah itu preview dulu, dan kalau tampilannya sudah sesuai keinginan kamu baru di save.

Selamat mencoba, semoga berhasil.

Related Posts

Posting Komentar

Subscribe Our Newsletter