Cara Membuat Buku Tamu Blog Tanpa Di Klik
Posted by
Unknown
Labels:
Trick-tutorial
at
1/02/2012 01:30:00 PM
Mungkin sobat sudah paham dengan Judul postingan saya kali ini tentang Cara Membuat Buku Tamu Tanpa Di Klik Terbuka beda hal nya dengan cara membuat buku tamu biasa dan buku tamu tersembunyi seperti disini yang memerlukan script pemunculan.
Untuk buku tamu tersembunyi bisa anda lihat contohnya disini
Mari kita mulai saja Tutorial Cara Membuat Buku Tamu Tanpa Di Klik :
1. Login Ke Akun Blog Sobat
2. Pilih Rancangan/Tata Letak
3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
4. Masukan Script Berikut Di dalamnya
Untuk buku tamu tersembunyi bisa anda lihat contohnya disini
Mari kita mulai saja Tutorial Cara Membuat Buku Tamu Tanpa Di Klik :
1. Login Ke Akun Blog Sobat
2. Pilih Rancangan/Tata Letak
3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
4. Masukan Script Berikut Di dalamnya
copy paste kode ini:
<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}
.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png') no-repeat;
}
.gbcontent {
float:left;
border:1px solid #BB0000;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-o-border-radius-bottomleft:10px;
-khtml-border-radius-bottomleft:10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibd4vNIyS-Ne4qQM4HrlBDaBIkyAC9wj-6gFHdUCsdD_kJjAYST6J5Gu8CwbDn92LZ7t0eWsGWOAL7UpESgUG2IqAwKYgRvs5OLoZr-IZSdeCGCUIyGsCGHJd0IzVVqAlGGu6gH-mDb-YU/s1600/api.gif) no-repeat bottom;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>
<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>
<div class="gbcontent">
<center>
Letakan Kode Buku tamu sobat Disini
<br />
<div style="text-align:center">
<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">
<center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center>
</a>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script></div>
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}
.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png') no-repeat;
}
.gbcontent {
float:left;
border:1px solid #BB0000;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-o-border-radius-bottomleft:10px;
-khtml-border-radius-bottomleft:10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibd4vNIyS-Ne4qQM4HrlBDaBIkyAC9wj-6gFHdUCsdD_kJjAYST6J5Gu8CwbDn92LZ7t0eWsGWOAL7UpESgUG2IqAwKYgRvs5OLoZr-IZSdeCGCUIyGsCGHJd0IzVVqAlGGu6gH-mDb-YU/s1600/api.gif) no-repeat bottom;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>
<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>
<div class="gbcontent">
<center>
Letakan Kode Buku tamu sobat Disini
<br />
<div style="text-align:center">
<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">
<center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center>
</a>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script></div>
5. Teks yang saya beri warna ungu,silahkan ganti dengan kode buku tamu sobat
6. Kemudian simpan dan lihat hasil nya
Mungkin hanya itu saja info dari saya mengenai Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka. Untuk mendapatkan kode buku tamu, sobat bisa membuat di cbox atau di shoutmix, atau juga yang lain. Ok sob selamat mencoba. . . tinggalkan jejak dalam komentar.
6. Kemudian simpan dan lihat hasil nya
Mungkin hanya itu saja info dari saya mengenai Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka. Untuk mendapatkan kode buku tamu, sobat bisa membuat di cbox atau di shoutmix, atau juga yang lain. Ok sob selamat mencoba. . . tinggalkan jejak dalam komentar.
Anda sedang membaca artikel tentang Cara Membuat Buku Tamu Blog Tanpa Di Klik dan anda bisa menemukan artikel ini dengan url http://trimudablog.blogspot.com/2012/01/cara-membuat-buku-tamu-blog-tanpa-di.html. Jika anda ingin menyebarluaskan artikel ini mohon cantumkan link sumbernya! Terima kasih.
Post a Comment