Cara memasang shoutbox tersembunyi di blog Itu Mudah dan cepat

Bismillah

Assalamualaikum - Alhamdulillah dalam perjumpaan kali ini saya sebagai author blog ini akan memberikan beberapa tutorial bagaimana cara Belajar Bisnis Online Blogger/Website Bagi Pemula dengan pembahasan yang sangat mudah di mengerti dan mudah untuk di praktekkan mengenai teknik SEO yang mudah dipahami, Marketting (pemasaran), Keyword (Kata Kunci) Untuk Usaha Anda, dan cara mendatangkan User (pengunjung) maupun pelanggan setia anda. berikut ini adalah beberapa penjelasan sesuai dengan tema kita kali ini Cara memasang shoutbox tersembunyi di blog Itu Mudah dan cepat yang dapat anda baca secara jelas dibawah ini :

http://tublogon.blogspot.com/2013/06/
Cara.memasang.shoutbox.tersembunyi.html

• 1.Daftar Shoutbox Klik disini
• 2.Setelah melakukan pendaftaran login ke akun 
• 3.Lalu buatlah shoutbox sesuai dengan ke inginan lalu klik continue
• 4.Selanjutnya anda akan dihadapkan dengan tampilan Code Shoutbox yang sudah di buat
• 5.Langkah berikutnya adalah Login ke akun Blogger
• 6.Pilih Tata Letak - > Add Gadget ->Pilih HTML/Javascript lalu paste code dibawah ini ke dalam gadget  tersebut tanpa diberi judul.
• • <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/AVvXsEi0ElhwoK5xqgSYbLVDKzlGuYTws8G2hyY_C0jqEptbFyvp_W9shUSRCvjJs-bnJBsgcGqB7qhLS1kAWPExTQckS0pPz8jvn4eRhDLpUV4JshvQLtMcG-AEv2p239z4KvXZ25Cdp8EZWXa4/') 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">
  • 
    
  •     Letakkan kode buku tamu / ShoutBox Sahabat disini
  • 
    
  •     <div style="text-align:right">
  •     <a href="http://tublogon.blogspot.com/2013/06/Cara.memasang.shoutbox.tersembunyi.html">[get this widget]</a>><a href="javascript:showHideGB()">
  •     [close]
  •     </a>
  •     </div>
  •     </div>
  •     </div>
  •     <script type="text/javascript">
  •     var gb = document.getElementById("gb");
  •     gb.style.right = (30-gb.offsetWidth).toString() + "px";
  •     </script></div></div>
• 7.Tingginya boleh diubah dengan menukar nilai 50px, sesuaikan dengan selera, dan ganti warna merah dengan script/kode shoutbox, warna hijau boleh diganti dengan url gambar yg dikehendakki 8. Klik save.

Setelah anda membaca tentang Cara memasang shoutbox tersembunyi di blog Itu Mudah dan cepat ini, anda bisa menuangkan saran/mauun komentar yang tersedia pada kolom Comment dibawah ini. Terima Kasih Telah membaca tutorial bisnis di blog kami. Wassalamualaikum