Cara Membuat Buku Tamu Tersembunyi di Blogger

Widget Buku Tamu / Guestbook dapat anda pasang di blog anda dan letaknya akan tersembunyi, namun apabila cursor mouse diarahkan pada tulis...

Widget Buku Tamu / Guestbook dapat anda pasang di blog anda dan letaknya akan tersembunyi, namun apabila cursor mouse diarahkan pada tulisan / widget buku tamu maka secara otomatis widget buku tamu / guestbook akan muncul dengan sendirinya. Dengan menyembunyikan widget buku tamu atau guestbook ini akan membuat ruang blog anda semakin irit Jika anda tertarik dengan tutorial blog mengenai cara membuat buku tamu auto hide di blog silahkan simak caranya dibawah ini.

Cara Membuat Buku Tamu Tersembunyi di Blogger

Untuk membuat auto hide buku tamu/shoutbox tentunya anda harus mempunyai widget buku tamu. Anda dapat membuatnya di http://www.shoutmix.com/ atau penyedia layanan buku tamu lainnya atau langsung saja cara detailnya klik link cara membuat dan memasang buku tamu di blog.

Cara membuat buku tamu tersembunyi / auto hide di blogger.
1. Login ke blogger
2. Pilih Tata Letak => Tambah Gadget => Html/javascript
3. Masukkan kode berikut kedalam Html/javascript

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0VP3_nfTtVZOjCrSL1lq6lbWi7xCw1wF3biYL4nOyO19bPfK2HFyeM23q5NzRjAVHRfwKDGERVYGJrmSRWaVZhJZOUrRimwHjaeg_qcJV3lRnZq7e568kM09iDWRZ3jhF7SXFv56Sq2A/s1600/buku+tamu.png') no-repeat;
}
.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() 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>
Letakkan kode script buku tamu disini
<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank"href="http://bloggerbondowoso24.blogspot.com/2013/03/cara-membuat-buku-tamu-tersembunyi-di.html"> widget: </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>
</div>

Keterangan :
Silahkan anda ubah teks warna merah dengan kode buku tamu anda.

Silahkan diterapkan tutorial blog tentang Cara Membuat Buku Tamu Tersembunyi di Blogger, semoga bermanfaat untuk anda semua, selamat berkarya.

COMMENTS

BLOGGER: 30
Loading...
Name

Activator,3,Adobe,1,aneka resep,35,AntiVairus,1,coreldraw,22,Data Recovery,1,Driver,3,education,6,IDM,1,kesehatan,21,komputer,22,Multimedia,1,news,7,photoshop,42,relegius,19,seo,27,Serial Key,4,tips wanita,10,tutorial blog,117,
ltr
item
Full Version Download: Cara Membuat Buku Tamu Tersembunyi di Blogger
Cara Membuat Buku Tamu Tersembunyi di Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVb9yLlVgyAuzpVMr06f3PP1gQbfQzlCH3yQ0Uj7qX640A73EgvXdD9XcwM4gcKMYZSCObD0SnnZa9sQ9gFyoJK9kA3pSBT6Dve3JH4dJgZ4ZHfyFmP4gWxS0JxfNd9zlGSz5h9EdBZC8/s1600/buku-tamu.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVb9yLlVgyAuzpVMr06f3PP1gQbfQzlCH3yQ0Uj7qX640A73EgvXdD9XcwM4gcKMYZSCObD0SnnZa9sQ9gFyoJK9kA3pSBT6Dve3JH4dJgZ4ZHfyFmP4gWxS0JxfNd9zlGSz5h9EdBZC8/s72-c/buku-tamu.jpg
Full Version Download
https://bloggerbondowoso24.blogspot.com/2013/03/cara-membuat-buku-tamu-tersembunyi-di.html
https://bloggerbondowoso24.blogspot.com/
https://bloggerbondowoso24.blogspot.com/
https://bloggerbondowoso24.blogspot.com/2013/03/cara-membuat-buku-tamu-tersembunyi-di.html
true
7143853511036504925
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy