Sabtu, 28 Mei 2011

MEMBUAT BUKU TAMU DI BLOG

|
Oke kawan kita akan memberitahukan cara membuat buku tamu di blog. posting yang saya tulis mungkin sudah banyak yang tahu. tapi saya akan berbagi kepada para blogger pemula. oke langsung aja kita memulainya pertama anda harus daftar ke www.shoutmix.com trus klik create shoutbox.
 isi registrasi tersebut dengan baik. kalo sudah klik continue jangan lupa kasih tanda centang di bawah registrasi. setelah registrasi selesai klik tulisan (cutomize size........) copy semua kode scriptnya.
Bila Sobat Ingin Buku Tamu  Mengkuti Langkah-Langkah Berikut.


  1.  Login Ke Akun Blog Sobat
  2.  Pilih Rancangan/Tata Letak 
  3.  Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
Masukan Script Berikut Di dalamnya

<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/AVvXsEgUch_QWf5K0mtnYr9EwJk4elqeb7OKFCTN-JTLfJbSE_EE9Xb76M593TLZaWhTu-z4kdJwdcA2cSwi2e3xKSlEICFIebKfWd4VKOXzoxkVxjIaQR-FEFzoTAMqZxym4pwPCPkKv7FUjIgX/') 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">

< Letakkan disini kode Shoutbox Anda>
<div style="text-align:right">
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>



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


5. Simpan.

0 komentar:

Posting Komentar

                       

KLIK PADA WARNA DI ATAS DAN LIHAT APA YANG TERJADI

Copyright © 2011 SHARING | BERBAGI

Template N2y Shadow By Nano Yulianto

maafingue

selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini.Dan jangan lupa nge follow blog saya. Terima kasih Telah Berkunjung Di Blog saya,mari kita saling berbagi ilmu tentang apa saja...

About Me

Nama saya SATRIYA TRI PUTRA saya seorang manusia yang ingin sedikit berbagi informasi

Social Stuff

mybloglog twitter facebook HOME
PROFIL