share all free for you

Advertiser Here

Buku Tamu Show/Hide Di Sidebar

Di pagi hari ini saya akan share tentang cara membuat buku tamu show/hide di sidebar,ok gak usah basa basi lagi angsung saja cekedot...

Berikut Screenshotnya :

Show : 
Hide :
Bagaimana tertarik untuk memasangnya??
jika sobat ingin memasangnya silahkan ikuti langkah-langkah berikut :

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

    $(".btn-slide").click(function(){
        $("#panel").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });

 
});
</script>
<style>
/* ---------------
Simple Slide panel with jQuery
---------------------------------- */
#panel {
height: auto;
background:#000;
width: auto;
display: none;
padding: 7px;
border: #0C0;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
}
.slide {
margin: 0;
padding: 0;
border-top: solid 4px #f90;
background: url(https://lh3.googleusercontent.com/-XGxvD-bjtLk/TXo6ZGh056I/AAAAAAAAAUI/zvBMp0DrML4/s1600/btn-slide.png) no-repeat center top;
}
.btn-slide {
background: url(https://lh5.googleusercontent.com/-Ia33wJE4nHY/TXo1KNUSasI/AAAAAAAAAUE/Uss0CKLZP9U/s1600/white-arrow.gif) no-repeat right -50px;
    text-align: center;
    width: 144px;
    height: 31px;
    padding: 10px 10px 0 0;
    margin: 0 auto;
    display: block;
    font: bold 120%/100% Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
}
.active {
    background-position: right 12px;
}
</style>

<div id="panel">
--> Kode Cbox Disini <--

</div>
<p class="slide"><a href="#" class="btn-slide">Buku Tamu</a></p>

5.Save.

Catatan :

- Yang Berwarna kuning adalah background cbox.
- Tang berwarna merah ganti dengan kode Cbox.
- Dan yangberwarna orange adalah tulisan tombol Cbox

Title : Buku Tamu Show/Hide Di Sidebar
URL : http://blogcunayz.blogspot.com/2011/08/buku-tamu-showhide-di-sidebar.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Buku Tamu Show/Hide Di Sidebar sebagai Sumbernya.

Sudah ada [ 21 komentar ] bagaimana pendapat Anda,,?

  1. salam sahabat
    bagus juga nich cara pasang buku tamu tersembunyi siip,kalau saya suka yang nongol aja gak ribet hehehe
    oh iya dah saya follow terima kasih

    ReplyDelete
  2. uda banyak tutorial yg majang ni cara, btw nice deh :D

    ReplyDelete
  3. @Dhana/戴安娜 : thank and thank juga udah folow bog saya...

    ReplyDelete
  4. @Kerajaanhosting masa depan hosting Indonesia : emang sob saya iseng aja
    share tips ini barang kali masih ada sobat yang gak tau...

    ReplyDelete
  5. menarik nih..thanks bro..jgn lupa jga komen balik di blogku ya

    ReplyDelete
  6. makasih sob... pasti saya commentback

    ReplyDelete
  7. keren sob cara pasang buku tamunya..udh follback no 116 klo ga slah

    ReplyDelete
  8. Kunjungan perdana beserta folbacknya. thanks ya gan oke blognya keren . . :)

    ReplyDelete
  9. hahahahahah... cuy urg ges aya web anyar,,.. bukanya uy,.. bisi dek pasang iklan cok loba tah hosting urg....

    ReplyDelete
  10. @ esthetique : daftar dulu sob trus ambik kodenya and gati tulisan --> Kode Cbox Disini <-- dengan kode cbox atau shoutmix

    ReplyDelete
  11. selamat sore gimana cara daftarnya untuk peroleh kode Cbox

    ReplyDelete
  12. jangan lupa koment di blog saya bang utk jawabnya ditunggu

    ReplyDelete
  13. @ Alamtoliz : masuk ke http://cbox.ws/ lalu klik sign up sob

    ReplyDelete
  14. sudah sing up..selanjutnya gimana bang

    ReplyDelete
  15. @ Alamtoliz : ya daftar seperti biasa gan,atau cari d google cara daftar cbox pasti banyak yang post

    ReplyDelete

Untuk menyisipkan kode,gunakan tag
[code]KODE ANDA[/code]
Untuk menyisipkan quote,gunakan tag
[blockquote]KATA-KATA ANDA[/blockquote]
Untuk menyisipkan gambar,gunakan tag
[img]URL GAMBAR ANDA[/img]
Untuk menyisipkan video,gunakan tag
[youtube]URL VIDEO ANDA[/youtube]
Anda juga bisa menggunakan emoticon seperti biasa.

Pasang Iklan Anda Disini

 
Copyright © 2011 Blogcunayz Template Design By Rizky Wardiansyah