27 Desember 2011

Cara Memasang Shoutbox / Buku Tamu Auto-Hide pada Blog (Dengan Shoutcamp)

NT's Shoutcamp.

Berikut langkah-langkahnya:
1. Kunjungi situs "ini"
2. Klik "Get it now!"
3. Isikan data anda untuk membuat Shoutcamp
4. Klik "Create Shoutbox Now >>"
5. Isikan data untuk membuat Shoutcamp, jika setiap tahap sedah selesa, klik "Next >>"
6. Lalu anda bisa mengedit Shoutbox anda pada bagian My Shoutbox
7. Jika sudah selesai mengedit Shoutbox anda, pada bagian "Go to" pilih "Home"
8. Kemudian klik Install pada bagian salah satu My Shoutbox
9. Copy javascript yang diberikan oleh Shoutcamp pada akun Shoutcamp anda
10. Masuk pada Blogger -> opsi lainnya -> Tata Letak
11. Kemudian pilih Tambah Gadget -> HTML/JavaScript
12. Pada bagian konten isi dengan berikut:


<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('http://3.bp.blogspot.com/_LZtXSNcp76A/SzzN08B1K5I/AAAAAAAAA0U/QT4rY6-FhI8/s320/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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">


Isi dengan kode Javascript Shoutcamp anda


<div style="text-align:right">
<a href="javascript:showHideGB()">
[Hide]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


13. Lalu klik simpan


Semoga bermanfaat....

2 komentar:

Dedy Tuuk mengatakan...

makasi gan untuk infonya...sudah di coba dan berhasil..

salam kenal.

obat ambeien mengatakan...

mau ane coba kawan tutornya
http://acemaxs31.com/obat-ambeien-herbal/

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ :-? #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar! buka rahasia

Poskan Komentar

Silahkan beri komentar artikel saya, jika ada link yang rusak atau kadaluarsa laporkan disini dan tulis request artikel anda disini juga ya....

Home Color Code Watch TV