Cara Membuat Buku Tamu Seperti Obrolan Facebook Pada Blog Anda

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:15px; bottom:0px; width:462px; float: right; }
#kodbukutamu a{ color:#fff; text-align:left; width:450px; padding:5px; display:block;background:#6d86b7; }
#kodobrolan a:hover{ background:#FAFBFB; outline:none; }
#kodobrolan a{ outline:none; border:1px 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:1px solid #999; background-color:#FFF;'>
    <div id='kodbukutamu'>
    <a href='#bottom' onclick='javascript:showElement(&quot;vcxz&quot;)'><b>Buku Tamu</b></a>
    </div>
    <iframe frameborder='0' height='350' scrolling='auto' src='link buku tamu anda' width='100%'/>
    </div>
    <div id='kodobrolan'>
    <a href='#bottom' onclick='javascript:showElement(&quot;vcxz&quot;)'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiHXCzA1POF2NNZH_eV27spvOOal2AmDXhvlHgiTnS2qlvH9tVIQVmEJItdOZOC5JbRl0dm4791_jBKLhf5gwGS_rqGtEXPtxyiThCQjQbxJ7uzS2Jdv4FRtPob_fmfMS7D1bLvuMT4Uo/s1600/c.gif'/><b>Obrolan</b></a>
    </div>
    </div>


7. Silahkan ganti 'link buku tamu anda' dengan URL 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 Pada Blog Anda, selamat mencoba dan happy blogging.