Cara mudah buat buku tamu tersembunyi

Share on :
Abiiklil.blogspot.com_Ini dia yang saya suka, tentang tips dan trik  belajar blogspot yatitu bagaimana membuat buku tamu yang tersembunyi di  blog anda  (lihat kotak warna hijau pada gambar berikut):

Bagi yang ingin membuat buku tamu tersembunyi disamping, caranya adalah sebagai berikut :
1. Masuk ke blogger.
2. Masuk ke design/rancangan.
3. Di bagian elemen laman pilih "Tambah Gadget/Add a Gadget"
4. Copy Code Di Bawah ini...


<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/AVvXsEj5tdUF9nUWeG5lVl-NPda3DF1Sf3P1xobs3RJ61ZZc6h-qd_OniD6xfdI0rMGtkgNLhLth1P0OC6McQTMFih32Cv12TllBqwAOwWKTZyb30yanw0IQDNCsMWce6jPlGGf5GJ5lcEKUXa62/') 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">

<!-- Ganti tulisan ini dengan kode buku tamu kamu -->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://www.Abiiklil.blogspot.com/2011/03/cara-membuat-buku-tamu-tersembunyi.html">
sini (Abiiklil.blogspot.com)
</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>








  



5. Ganti Kode Yang berwarna
merah diatas dengan kode buku tamu / chatting yang telah anda dapatkan dari situsnya. Misal cbox.ws atau shoutmix.
6. OK.simpan

Sukses,  sekarang  anda sudah punya buku tamu yang tersembunyi  di sebelah kanan di blog anda. SELAMAT…!!

Posted by : Abiiklil ~ / Islam , Motivasi , Informasi Untuk Indonesia

Artikel Cara mudah buat buku tamu tersembunyi diposting oleh Abiiklil pada Friday, 18 November 2011. Terima kasih atas kunjungannya. Jangan lupa silahkan isi kotak komentarnya. Agar lebih manfaat silahkan sebarluaskan artikel ini dengan menyebutkan sumbernya aslinya. Terimakasih .

0 comments:

Post a Comment

 

Abiiklil Copyright © 2011-2012 | Powered by Blogger