Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka
walapun postingan saya kali ini sudah banyak yang memposting di blog lain tidak ada salahnya juga saya repost tentang Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka beda hal nya dengan cara membuat Buku Tamu Blog Tersembunyi dan Juga Buku Tamu Melayang Di Blog
maka Di postingan saya kali ini hanya menambahkan saja,.
mari kita mulai saja Tutorial Cara Membuat Buku Tamu Blog 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
<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/AVvXsEh-f_QKAM2wohYQYZipmEwVK6nWZtB7zSAdWt6dPb_zV8mBrGbV3f74ary3qUO0g6lZTR-HakqujBrH6S4eybV5iLU2xhqc3XV-1-YFofurzdR1_6stlUviIu-kZ_bYk542NP4nnyUwJnEN/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 Script 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 merah,silahkan ganti dengan script buku tamu dobat
6. Kemudian simpan dan lihat hasil nya
Mungkin hanya itu saja info dari saya mengenai Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka semoga di lain kesempatan akan ada cara lain lagi mengenai Buku tamu.
Seperti biasa jangan lupa ucapkan terimakasih dengan berkomentar di postingan ini.
sumber : ojel HTC
Tags: tutorial blog
Langganan:
Posting Komentar (Atom)
Share your views...
0 Respones to "Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka"
Posting Komentar