Cara Membuat Kotak Komentar SHOUTMIX
Selasa, 05 Juni 2012
0
komentar
SPACE IKLAN 1 | SPACE IKLAN 1 |
Shoutmix melayang biasanya digunakan para blogger untuk
menyederhanakan tampilan di blog sehingga tidak memakan banyak tempat. Mengapa
demikan? Karena shoutmix ini bisa melayang mengikuti page yang berada di layar
monitor. Mau tahu? Ikuti langkah-langkah berikut.
1) Login ke account blogger Anda
2) masuk ke tata letak > elemen halaman > tambah gadget > pilih html/java script
3) Kopi dan paste kode berikut ini ke dalam hml/java script Anda
<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/AVvXsEgBNMMLTMIvS9fWvk3bt5f4udC8ovw8Gw8Z4EUyv900yoG3F30exVo7bdmbY6PI5qpYQiUHtN8fWvch1BtU08q2AIPpJE831SPtW3Hd5jY_SdoWr7Mjhfj7E_gMdrLqjhXZQrmu2cUPaRhU/') 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">
<!-- Begin ShoutMix - http://www.shoutmix.com -->
1) Login ke account blogger Anda
2) masuk ke tata letak > elemen halaman > tambah gadget > pilih html/java script
3) Kopi dan paste kode berikut ini ke dalam hml/java script Anda
<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/AVvXsEgBNMMLTMIvS9fWvk3bt5f4udC8ovw8Gw8Z4EUyv900yoG3F30exVo7bdmbY6PI5qpYQiUHtN8fWvch1BtU08q2AIPpJE831SPtW3Hd5jY_SdoWr7Mjhfj7E_gMdrLqjhXZQrmu2cUPaRhU/') 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">
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="rifaus"
src="http://www2.shoutmix.com/?rifaus" width="215"
height="600" frameborder="0" scrolling="auto">
<a href="http://www2.shoutmix.com/?rifaus">Lihat
shoutbox</a>
</iframe>
<br /><a
href="http://www.shoutmix.com" title="Gratis shoutbox
chat!">Cangkruan ala Suara Nyawa</a><br />
<!-- End ShoutMix -->
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
4) Ganti kode yang berwarna MERAH dengan kode shoutmix Anda. Jika Anda belum mempunyai, silakan daftar di www.shoutmix.com
5) Simpan dan lihat hasilnya
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
4) Ganti kode yang berwarna MERAH dengan kode shoutmix Anda. Jika Anda belum mempunyai, silakan daftar di www.shoutmix.com
5) Simpan dan lihat hasilnya
Selamat mencoba, semoga berhasil!
0 komentar:
Posting Komentar