Cara Membuat Buku Tamu Melayang Di Atas Sebelah Kiri

Cara Membuat Buku Tamu Melayang Di Atas Sebelah Kiri - Blogger Update. Ini adalah artikel lanjutan dari artikel sebelumnya 'Cara Pasang Buku Tamu Di Blogger'. Membuat Buku Tamu Melayang itu cukup mudah caranya kok. Lihatlah screenshoot  Buku Tamu Melayang Blogger : 

Langkah-Langkah Pasang Buku Tamu Di Blogger

1. Login ke cbox.ws, jika anda belum mempunyai akun silahkan baca artikel saya yang sebelumnya 'Cara Pasang Buku Tamu Di Blogger'. 2. Jika sudah login, anda klik 'publish'.

3. Copy script.

4. Masuk ke Blogger. 5. Masuk ke Dashboard Blogger anda.

6. Klik 'Tata Letak'.

7. Klik 'Tambahkan Gadget'.

8. Pilih 'HTML/javaScript'.

9. Masukkan kode Script di bawah ini dan ganti teks yang berwarna Merah dengan script CBOX yang anda dapat tadi.

<style>#hcl {position:fixed;top:40px;left:0px;z-index:+1000;}* html #hcl {position:relative;}.hcltab {height:100px;width:30px;float:left;cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjml8rR37uMhVWgwVM9nLJX1MkRIS1NVE64j6nUrhsIeqoDc39wX8Z_QL2oANB-IAnHcEgwWQrGRtPwFBRNdpCk4lzgLsHWmCltIye4FEAEz-py1sz6pnBGB6pvpbvh2Y0h6zcPrv8V8QE/s1600/Chatbox_left.png') no-repeat;}.hclcontent {float:left;border:2px solid #23aae2;background:#f3f6f7;padding:10px;}.hc-credit {font-size:9px}.hc-credit a {text-decoration:none}</style><script type="text/javascript">function showHidehcl(){var hcl = document.getElementById("hcl");var w = hcl.offsetWidth;hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);hcl.opened = !hcl.opened;}function movehcl(x0, xf){var hcl = document.getElementById("hcl");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;hcl.style.left = x.toString() + "px";if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}}</script><div id="hcl"><div class="hclcontent">
<<Maukkan Disini Kode Script CBOX yang sudah di simpan tadi>>

<br /><div class="hc-credit"><span style="float:left"><!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --><a href="http://seo-powers.blogspot.com/2013/12/cara-membuat-buku-tamu-melayang-di-atas.html" target="_blank">Get this widget!</a></span><span style="float:right"><a href="javascript:showHidehcl()">[close]</a></span></div></div><div class="hcltab" onclick="showHidehcl()"> </div></div><script type="text/javascript">var hcl = document.getElementById("hcl");hcl.style.left = (30-hcl.offsetWidth).toString() + "px";</script>

10. Masukan script kedalam gadget HTML/Java Script.

11. Klik 'Simpan' dan selesai.

Sekian dari saya Mochammad Fikri yang menuliskan artikel tentang Cara Membuat Buku Tamu Melayang Di Atas Sebelah Kiri. Terima kasih sudah berkunjung 

Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya

Cara Membuat Buku Tamu Melayang Di Atas Sebelah Kiri 2013-12-17T13:50:00+07:00 Rating: 4.5 Diposkan Oleh: Fikri