Info Penting

Uraian Kalender Pendidikan Tahun Pelajaran 2018/2019

P ada posting sebelumnya sudah saya bagikan kepada anda Pedoman Penyusunan Kalender Pendidikan Tahun Pelajaran 2018/2019 untuk provinsi Jawa...

Artikel Terbaru

Script Buku Tamu Model Show Hide

26 Jan 2011 - - 25

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.

25 komentar

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

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

    BalasHapus
  3. makasih inponya gan....

    BalasHapus
  4. waw keren trimaksih infonya

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

    BalasHapus
  6. MantapZ... Om...

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

    DEWI

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

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

    BalasHapus
  10. @Wildan: makasih saranya.

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

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

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

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

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

    BalasHapus
  16. Makasih OM Saya sangat bertrima kasih sama om


    semoga blog om sukses

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

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

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

    BalasHapus

Follow Me


Iklan

Koleksi Tutorial Blog

Arsip Blog