Selamat Datang di Blog saya ^^ Template ini di persembahkan oleh Blog Johanes Jangan Lupa follow twitter saya DISINI dan FanPage saya DISINI Arigatou ^^ Membuat shoutmix atau buku tamu kita ada di samping blog kita Watashi no Blog: Membuat shoutmix atau buku tamu kita ada di samping blog kita

Membuat shoutmix atau buku tamu kita ada di samping blog kita

| Rabu, 07 September 2011


Oke gan, selamat malam. kali ini saya akan menjelaskan langkah membuat shoutmix atau buku tamu kita ada di samping blog kita. Caranya gampang kok, nih simak baik-baik

1. Jika kamu belum punya akun shoutmix, cbox, atau yang lainnya bisa registrasi dulu disini shoutmix dan cbox disini

2. Lalu kamu buat dulu ya style daripada si southmix/buku tamu nya. cara ngebuatnya bisa kalian liat disini 

3. Setelah itu masukan kode html berikut di rancangan --- > elemen halaman ----> tambah sebuah gadget ----> html/javascript  :
<style type="text/css"> 
#gb{ 
position:fixed; 
top:50px; 
z-index:+1000; 
* html #gb{position:relative;} 

.gbtab{ 
height:120px; 
width:30px; 
float:left; 
cursor:pointer; 
background:url('http://i463.photobucket.com/albums/qq354/imtihan_2008/MENU/th_Chatbox.png') no-repeat; 
.gbcontent{ 
float:left; 
border:5px solid #000000; 
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"> 

masukkan Kode Shoutmix kalian disini

<div style="text-align:right"> 
<a href="http://www.cara-membuat.tk/" target="new"><span style="font-family: Comic Sans MS; font-size: 5%;">Cara Membuat</span></a> 
<a href="javascript:showHideGB()"> 
[Close] 
</a> 

</div> 
</div> 
<script type="text/javascript"> 
var gb = document.getElementById("gb"); 
gb.style.right = (30-gb.offsetWidth).toString() + "px"; 
</script></div></div>

4. Ganti tulisan yang berwarna merah diatas dengan kode shoutmix kalian sendiri.



selesai deh ^^. coba ya , kalo ada kesulitan comment aja ^^


2 komentar:

Next Prev
▲Top▲