Pasang Chat Ala Facebook di Blogger

Hemm bicara soal tentang Facebook, jadi ingin Pasang Chat Ala Fcebook di Blogger. Tapi chat nya bukan dari server Facebook melainkan Chat yang banyak di gunakan para Blogger 'shoutmix.com' sudah umum banget chat ini di kalangan Blogger. Tapi bisa kok gak pakek shoutmix, ada banyak server chat. misalnya Shoutbox, Xat, Chatango dan masih banyak lagi. Mungkin sebelum di Pasang di Blog, bisa coba anda lihat dulu hasilnya Demo. Bagaimana? kalau tertarik... yuk kita pasang di Blog.

1. Pertama-tama pastikan anda sudah Login di Blogger.com. jika sudah Login langsung saja Klik Rancangan.





2. Klik Edit Html





3. Cari kode berikut ]]></b:skin> caranya tekan Ctrl+F. kalau sudah ketemu Copy kode CSS di bawah ini dan Paste di atas kode ]]></b:skin> tadi.

   #facebook {
   position:fixed;
   right:15px;
   bottom:0px;
   width:462px;
   float: right;
   }
   #bukutamu a{
   color:#fff;
   text-align:left;
   width:450px;
   padding:5px;
   display:block;
   background:#6d86b7;
   }
   #obrolan a:hover{
   background:#FAFBFB;
   outline:none;
   }
   #obrolan a{
   outline:none;
   border:1px solid #ccc;
   text-align:left;
   width:180px;
   padding:5px;
   display:block;
   background:#EDEFF0;
   float: right;
   }

4. Selanjutnya cari </body>. taruh kode dibawah ini di atasnya </body>
   

   <script type='text/javascript'>
   function showElement(layer){var myLayer = document.getElementById(layer);if(myLayer.style.display==&quot;none&quot;){myLayer.style.display=&quot;block&quot;;myLayer.backgroundPosition=&quot;top&quot;;} else { myLayer.style.display=&quot;none&quot;;    }}
   </script>
   <div id='facebook'>
   <div id='vcxz' style='display:none; border:1px solid #999; background-color:#FFF;'>
   <div id='bukutamu'>
   <a href='#bottom' onclick='javascript:showElement(&quot;vcxz&quot;)'><b>Buku Tamu</b></a>
   </div>
   <iframe frameborder='0' height='350' scrolling='auto' src='http://www6.shoutmix.com/?acan_on_skyes' width='100%'/>
   </div>
   <div id='obrolan'>
   <a href='#bottom' onclick='javascript:showElement(&quot;vcxz&quot;)'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl2ZNCQE8bsI-NyfRpuQk8t_V_sdHyQ8CA51xrZeYCj5HVoPf4gV0J7KwKOm7IQw1WHK3XwQSP4326gU5RGjAJ5DnGo6Jpbyz0ojk8QvVgwNZR2IMOhLoRrtul9oqb5uz6EfbsAg3kzm4/s1600/c.gif'/><b>Obrolan</b></a>
   </div>
   </div>

   Ganti teks yang Berbackground biru dengan link Chat anda.
5. Setelah diganti, Klik Simpan Template. selesai, dan lihat hasilnya pada Blog anda.