Info Penting

Aplikasi Yasin dan Tahlil No 1 di Google dan Playstore

A plikasi Yasin dan Tahlil terbaik nomor 1 di Google dan Playstore kaya akan fitur dan konten yang bermanfaat untuk amalan sehari-hari u...

Info Penting

Artikel Terbaru

Script Buku Tamu Model Show Hide

26 Jan 2011 - - 26

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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwneYvHH73pHsyzdrSbJ-NSkTwkmbox1rPSscWaGHKKIox6n5X-adYSAP48RoznvFGvCli9lo1hHF__hHzXoyrkcPi_JfUVXE9kAsRmre7RpsyukC4Pi0zdNcQPcqkCuhVTB3Tk7Z4K-vt/') 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.

26 komentar

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

    BalasHapus
  2. smoga berhasil.. doakan yaa mass...

    BalasHapus
  3. @all: makasih kembali, semoga bermanfaat.

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

    DEWI

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

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

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

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

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

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

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

    BalasHapus
  12. Makasih OM Saya sangat bertrima kasih sama om


    semoga blog om sukses

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

    BalasHapus
  14. mantap kang, makasih banyak nih ^_^

    BalasHapus
  15. Mas, tanya dong. Cara buat homepage dengan lastest post dari berbagai blog (gabungan blog lain) caranya gimana?

    BalasHapus
    Balasan
    1. tidak baik, menyebabkan blog kedeteksi duplikat konten oleh google.

      Hapus

Follow Me

Foto Mr. Mung
ttd Mr. Mung

Tutorial Blogger

Pilih Arsip Blog