Script Buku Tamu Model Show Hide

Bismillah, Alhamdulillah....
Udah lama banget blog ini gak keurus, maklum saja kerjaan offline banyak, kerjaan online juga banyak, nggarap orderan web/ blog, dan ngelola beberapa blog yang lain.

Okey, langsung saja, ini saya ada koleksi script buku tamu dengan model show hide, jadi buku tamu yang biasanya nongkrong di sidebar blog, sekarang melayang disebelah kanan, dan hanya tampak tombolnya saja. Untuk menggunakan script ini, anda hanya cukup mengcopy script dibawah ini letakan di Gadget Html/ Java Script, letakan saja di sembarang tempat, boleh sidebar kanan, bagian header, atau bagian footer, edit teks YOURID dengan nama anda, atau nama blog anda, Buku Tamu Model Show Hide sudah bisa anda nikmati.

<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">
<!-- Start http://shoutbox.widget.me HTML Code -->
<iframe title="Shoutbox" src="http://shoutbox.widget.me/window.html?uid=YOURID" width="200" height="300" frameborder="0" scrolling="auto"></iframe>
<br /><a href="http://shoutbox.widget.me" title="Get your own free chat widget!">Shoutbox widget</a><br />
<!-- End http://shoutbox.widget.me HTML Code -->
<br/>

<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>

Selamat mencoba, semoga bermanfaat.

keren mas...

Iniada at 7 Mei 2011 08.41

blog ini sabgat bnyak memeberikan informasi yang berguna bgi saya tanks om

Nono's Blog at 16 Juli 2011 00.08

smoga berhasil.. doakan yaa mass...

Ulil at 16 Juli 2011 10.58

makasih inponya gan....

affan at 26 Agustus 2011 02.14

waw keren trimaksih infonya

Mr.Mung at 26 Agustus 2011 05.13

@all: makasih kembali, semoga bermanfaat.

celcomtek at 28 Oktober 2011 01.13

MantapZ... Om...

JoanWijaya at 12 November 2011 08.03

makasih bos

rusyiam at 20 Desember 2011 12.15

thans bos

tsabitah at 8 Januari 2012 23.29

mantap gan

Dewi at 10 Januari 2012 22.00

thx, sebelumnya. jump ke blog ku ya ,,,^_^

DEWI

Tahta Maulana at 9 Maret 2012 17.45

oom.....mantrap imfo'a.....
thank ea...
oya x2 mampir lah ke blog kmi..
di http://zona-x92.blogspot.com..
sukses sllu ya...

Wildan at 24 Maret 2012 10.23

Terima Kasih infonya .. sangat membantu ...
hanya sebagai saran, tolong di perlihatkan preview hasilnya.
Terima Kasih

Mr.Mung at 24 Maret 2012 17.47

@Wildan: makasih saranya.

BLOG CINTA at 11 April 2012 13.05

cara masang nya di css nya taau di html/javasript gan.....??????

Mr.Mung at 11 April 2012 14.35

@Blog cinta: sudah ada penjelasanya diatas, dipasang di gadget HTML/JavaScript.

hadi aktual at 18 April 2012 17.17

terima kasih atas ilmunya mr-mung dan tutorialnya sekalian mau saya share,salam dari saya hadi.

Mr.Mung at 18 April 2012 17.35

@hadi aktual: terimakasih kembali, silahkan di share, dan jangan lupa tulis sumbernya.

Ngecamp Business at 20 April 2012 12.51

saya mau mencobanya..moga berhasil dan saya minat untuk selamanya...salam blogger salam publisher :D

Makasih OM Saya sangat bertrima kasih sama om


semoga blog om sukses

Mr.Mung at 25 April 2012 19.16

@Dimas: iya sama-sama..., amiiin... makasih doanya.

boyedittingcrew at 3 Mei 2012 10.27

join to my blog please http://boyedittingcrew.blogspot.com/

sudah copy buku tamu...

Rendi Abdulrahman at 28 Juni 2012 20.54

mantap kang, makasih banyak nih ^_^

Makasihmas ...

Silahkan tinggalkan komentar anda disini dan Terimakasih anda mau menuliskan nama anda.

.:: Iklan ::.

Koleksi Tutorial Blog

Pengertian Blog dan Cara Membuat Blog Terbaru

Cara Melakukan Posting Artikel

Cara Membuat Readmore di blog dengan Mudah

Cara Mendapat Hosting Gambar Gratis

Cara Menghilangkan Tulisan Subscribe To Post (Atom)

Cara Setting Blog Yang Baru di Buat

Cara memasang Jam Animasi di Blog

Cara memasang banner affiliate di blog

Cara menampilkan dokumen office (word, excell, power point) di blog

Changing the Read More in blogger - New Feature

Creating 'After the jump' summaries

Encode dan Decode

Gadget Posting Terpopuler dengan Thumbnile dan Statistik Blog

How to create a blog with Blogger - Video YouTobe

Membuat Banner atau Gambar Berjalan

Membuat Navigasi Halaman / Page Navigation Blogger

Membuat Site Map, Daftar Isi Otomatis Versi 2

Membuat Slide Gambar di Blog Dengan JQuery

Membuat Teks Berkedip Seperti Gadis Cantik yang Centil

Membuat Tombol Share Facebook Dengan Counter

Membuat Tombol Show Hide Gambar - Text di Blog (spoiler)

Menciptakan blog yang keren dan elegant

Mengganti Avatar Komentator dengan Avatar MyblogLog

Mengganti Template Blogger Standard

Navbar Blogger, Amankan Blog dari DELETE

Perancangan Template Blog Baru

Posting Gambar di Blog

Script Buku Tamu Model Show Hide

Script Membuat Buku Tamu Cepat dan Praktis

Script Membuat Random Posting di Blogspot

Script Membuat Slide Photo Panorama

Tips dan Trik Blog: Agar Title Blog Kita SEO Friendly

Tips dan Trik: Menghapus Link Subsribe Post

Video Tutorial Membuat Blog di Blogspot 1

Video Tutorial Membuat Email di Ymail

Website Penyedia Layanan Shout Box

Posting Blog Terbaru Otomatis Update di Status Facebook

Gambar bergoyang ketika di sentuh

Membuat Page(Laman Terpisah) di Blogger.com

Cara Membuka Website Yang Benar (Untuk Pemula)

Cara Mudah Custom Domain di Blogspot

Cara Custom Domain blogspot dengan Domain web.id

Cara Membuat Scroll Widget Blog

Cara Edit Menu dan Sub Menu Melalui EDIT HTML Template

Cara Mengedit Gambar Slide
Cara Setting Sub Domain dan Redirect Domain
Cara Menyimpan Javascript di Google Drive

Arsip Blog