Cara Membuat Buku Tamu Seperti Obrolan Facebook

 

Facebook merupakan jejaring sosial yang sangat ngetren dan populer serta diminati orang seluruh dunia, bahkan ada yang bilang tiada hari tanpa update status di facebooknya. Pada tutorial kali ini, saya akan memberikan trik dan tip mengenai Cara Membuat Buku Tamu Seperti Obrolan Facebook Pada Blog Anda.

Sehubungan dengan hal tersebut diatas, mungkin sedikit membuat anda penasaran dan pasti ingin mencobanya bukan ? Sebenarnya postingan ini sudah pernah dibahas oleh Kang Ong sebelumnya, namun tak ada salahnya saya tulis kembali untuk anda.

Jika anda masih penasaran untuk mencoba Cara Membuat Buku Tamu Seperti Obrolan Facebook Pada Blog Anda, maka ikuti langkah-langkah sebagai berikut :

1. Masuk ke akun Blogger Anda

2. Klik tombol Rancangan dan pilih Edit HTML

3. Cari kode tersebut ]]></b:skin>

4. Jika sudah ketemu, terus silahkan copy paste kode dibawah ini persis diatas kode ]]></b:skin>

#kodfacebook { position:fixed; right:0px; bottom:0px; width:200px; float: right; }
#kodbukutamu a{ color:#fff; text-align:left; width:305px; padding:10px; display:block;background:#6d86b7; }
#kodobrolan a:hover{ background:#FAFBFB; outline:none; }
#kodobrolan a{ outline:none; border:2px solid #ccc; text-align:left; width:180px; padding:5px; display:block; background:#EDEFF0; float: right; }

5. Langkah selanjutnya silahkan anda cari kode tersebut </body>

6. Dan selanjutnya taruh kode di bawah ini tepat di atas kode </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='kodfacebook'>
    <div id='vcxz' style='display:none; border:2px solid #999; background-color:#FFF;'>
    <div id='kodbukutamu'>
    <a href='#bottom' onclick='javascript:showElement(&quot;vcxz&quot;)'><b><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigScrOvzC472HmIb_V9JAgMxnxrYzoTysEEi9V6kwAAAqaZ8uFdd72uXaBj8zt0U7-bt0j7uweeM56HwZlmnh97wRh6ky6gRJhlFRyLDcxxjtingTtcFeK7Pfk2shLYuKctpqV4_GMZQ/s1600/c.gif'/><b> Fixzz</b></b></a>
    </div>

   

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www6.cbox.ws/box/?boxid=818170&amp;boxtag=fp5jst&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-818170" style="border:#ababab 1px solid;" id="cboxmain6-818170"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www6.cbox.ws/box/?boxid=818170&amp;boxtag=fp5jst&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-818170" style="border:#ababab 1px solid;border-top:0px" id="cboxform6-818170"></iframe></div>
</div>
<!-- END CBOX -->

    </div>
    <div id='kodobrolan'>
    <a href='#bottom' onclick='javascript:showElement(&quot;vcxz&quot;)'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigScrOvzC472HmIb_V9JAgMxnxrYzoTysEEi9V6kwAAAqaZ8uFdd72uXaBj8zt0U7-bt0j7uweeM56HwZlmnh97wRh6ky6gRJhlFRyLDcxxjtingTtcFeK7Pfk2shLYuKctpqV4_GMZQ/s1600/c.gif'/><b>Obrolan</b></a>
    </div>
    </div>

7. Silahkan ganti tulisan biru dengan nama anda, tulisan merah dengan code buku tamu yang anda punya, selanjutnya klik simpan template. Selesai dan lihat perubahan yang terjadi pada tampilan blog anda.

Nah begitulah langkah-langkah yang harus dilakukan dalam hal Cara Membuat Buku Tamu Seperti Obrolan Facebook, selamat mencoba dan happy blogging.