Translate

Cara Pasang Klick!

Pengikut

Add My FB

A

Kamis, 03 Maret 2011

Buku Tamu Tersembunyi Versi 1 (Tutor) (Perpin)

Posted by eza boyzz 06.27, under | No comments

Buku Tamu Versi 1 Berbeda Dgn Buku Tamu Versi 2

Buku Tamu Versi 1 Warnanya Mencolok(terang)
Sedangkan Versi 2 Warnanya Galap


Nah Da Pada Tahukan Kalau Belum Coba Liat Buku Tamu Ana D Pojok Kanan Atas


Berikut Caranya:



Chatbox Melayang Disebelah Kanan




1. Masuk ke Blogger kamu, pilih Tata LetakEdit HTML.

2. Trus Copy kode dibawah ini, tepat diatas kode ]]></b:skin>


/*-- Right-Float Chatbox DarkArd.blogspot.com --*/
#DADcr{position:fixed; top:50px; z-index:+1000}
* html #DADcr{position:relative}
.DADcrtab{height:125px; width:30px; float:left; cursor:pointer; background:url(http://lh3.ggpht.com/_GaKwmMcf4N4/TSKIXCAopTI/AAAAAAAAD_M/2pHBa3Gzb5w/DADrchat.png) no-repeat}
.DADcrcontent{float:left;border:2px solid #db4b0c; background:#000000; padding:10px}
.DADcr-close{font-size:13px}
.DADcr-close{color:#db4b0c}
.DADcr-close a{text-decoration:none}

3. Trus Pada Elemen Laman, Klik Tambah Gadget, Pilih HTML/JavaScript, trus masukin kode berikut

<!-- Float Chatbox space-blogg.blogspot.com Code Start -->
<script>
function showHideDADcr(){
var DADcr = document.getElementById("DADcr");
var w = DADcr.offsetWidth;
DADcr.opened ? moveDADcr(0, 30-w) : moveDADcr(20-w, 0);
DADcr.opened = !DADcr.opened;
}
function moveDADcr(x0, xf){
var DADcr = document.getElementById("DADcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
DADcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveDADcr("+x+", "+xf+")", 10);}
}
</script>
<div id="DADcr">
<div class="DADcrtab" onclick="showHideDADcr()"> </div>
<div class="DADcrcontent">
<center>

<!--CHATBOX KAMU DISINI-->

</center>
<br />
<div class="DADcr-close">
<Script type='text/javascript' src='http://www.fileden.com/files/2009/11/17/2654961/My Documents/DADflchat.txt'></Script>
<span style="float:right">
<a href="javascript:showHideDADcr()">
[Close]
</a></span></div>
</div></div>

<script>
var DADcr = document.getElementById("DADcr");
DADcr.style.right = (30-DADcr.offsetWidth).toString() + "px";
</script>
<!-- Float Chatbox http://proallblogs.blogspot.com/2011/03/buku-tamu-versi-1.html Code End -->

4. Simpan



Chatbox Melayang Disebelah Kiri




1. Masuk ke Blogger kamu, pilih Tata Letak, Edit HTML.
2. Trus Copy kode dibawah ini, tepat diatas kode ]]></b:skin>


/*-- Left-Float Chatbox DarkArd.blogspot.com --*/
#DADcl {position:fixed;top:50px;left:0px;z-index:+1000;}
* html #DADcl {position:relative;}
.DADcltab {height:125px;width:30px;float:left;cursor:pointer;background:url(http://lh3.ggpht.com/_GaKwmMcf4N4/TSKIXMZgWOI/AAAAAAAAD_Q/2tGNSNYWd3A/DADlchat.png) no-repeat;}
.DADclcontent {float:left;border:2px solid #db4b0c;background:#000000;padding:10px;}
.DADcl-close {font-size:13px}
.DADcl-close {color:#db4b0c}
.DADcl-close a {text-decoration:none}
3. Trus Pada Elemen Laman, Klik Tambah Gadget, Pilih HTML/JavaScript, trus masukin kode berikut:



<!-- Float Chatbox space-blogg.blogspot.com Code Start-->
<script>
function showHideDADcl(){
var DADcl = document.getElementById("DADcl");
var w = DADcl.offsetWidth;
DADcl.opened ? moveDADcl(0, 30-w) : moveDADcl(20-w, 0);
DADcl.opened = !DADcl.opened;
}
function moveDADcl(x0, xf){
var DADcl = document.getElementById("DADcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
DADcl.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveDADcl("+x+", "+xf+")", 10);}
}
</script>
<div id="DADcl">
<div class="DADclcontent">
<center>

<!--CHATBOX KAMU DISINI-->
</center>
<br />
<div class="DADcl-close">
<span style="float:left">
<a href="javascript:showHideDADcl()">
[Close]
</a></span>
<Script type='text/javascript' src='http://www.fileden.com/files/2009/11/17/2654961/My Documents/DADflchat.txt'></Script>
</div>
</div><div class="DADcltab" onclick="showHideDADcl()"> </div>
</div>

<script>
var DADcl = document.getElementById("DADcl");
DADcl.style.left = (30-DADcl.offsetWidth).toString() + "px";
</script>
<!-- Float Chatbox space-blogg.blogspot.com Code End -->
4. Simpan


NB:
Menambahkan Gadgetnya {HTML/JavaScrip} Tidak usah diberi judul 




:

0 komentar:

Posting Komentar

Tags

Blog Archive

Download