Membuat menu ShoutMix Atau Buku Tamu Tersembunyi ( Bag : 01 )

  Mari kita pelajari tentang pembuatan shoutmix agar dapat tersembunyi. Biasanya, ada tulisan "Buku Tamu" seperti yang ada di sebelah kanan atas blog saya. Mau blog anda seperti itu..? Mari ikuti tutorial yang saya berikan berikut ini :

 => Login di blogger dengan ID anda

 => Klik menu Layout
 => Klik Page Elements
 => Klik Add a Page Element
 => Klik ADD TO BLOG pada menu HTML

 => Copy kode berikut dan Paste-kan Pada kotak HTML

<style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:550px; width:35px; float:left; cursor:pointer; background:url('http://i642.photobucket.com/albums/uu147/remoxp/Chatbox.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #ffffff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#000000; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent"> <!-- Kode Shoutmix mu Disini -->

( COPY SEMUA KODE SHOUTMIX ANDA DISINI )

<div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

 => Cari kode ( COPY SEMUA KODE SHOUTMIX ANDA DISINI ) dan ganti kode tersebut dengan   

        kode shoutmix anda.

 =>  Save Templet Anda Dan Lihat Hasil Karya Anda 

::.. JANGAN LUPA KOMENTARNYA YA ..::