Ads

Ahad, 31 Mei 2015

Cara Membuat Buku Tamu Melayang Pada Blog

By SPG  |  9:24 PTG No comments



Cara Membuat Buku Tamu Melayang Pada Blog. Alhamdulillah, kali ini saya akan berkongsikan Cara Membuat Buku Tamu Melayang Pada Blog seperti yang digunakan pada blog ini. Selain blogspot ianya juga boleh digunakan untuk penyedia blog lain seperti wordpress. Caranya cukup mudah.
  1. Sila kunjungi www.cbox.ws (kalau sudah punya buku tamu abaikan saja), lalu mendaftar dengan mengklik sign up, ikuti saja petunjuknya sampai mendapatkan kod buku tamunya
  2. Buka akaun blog anda, seperti biasa pilih tambah gadget -  html/java script
  3. Silakan copy - paste kode berikut ini: 
  4. Copy-paste kode cbox anda pada tulisan berwarnah merah.
  5. Save dan lihat hasilnya.

 <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:35px; float:left; cursor:pointer; background:url('http://3.bp.blogspot.com/-Y8UcXmwaSY4/VWvA-ObIBvI/AAAAAAAAAPs/KteiplBM8Bc/s1600/BTM.png') no-repeat; } .gbcontent{ float:left; border:1px solid #3399FF; background:#3399FF; padding:5px; } </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">

COPY DAN PASTE KOD C.BOX ANDA DI SINI 

<a href="http://alimbiz.blogspot.com/2015/05/cara-membuat-buku-tamu-melayang-pada.html"target="_blank">GET THIS WIDGET</a> <div style="text-align:right"> <a href="javascript:showHideGB()"></a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>
** Bagi blog wordpress Appearance - Widget - Text (Copy-paste kod pada Text).

Semoga bermanfaat!


Pengarang: SPG

Assalamualaikum. Sekadar berkongsikan sedikit pengetahuan dan pengalaman sebagai pendidik, peniaga online dan offline. Moga sedikit membantu kelangsungan hidup kita yang diamanahkan sebagai seorang khalifah. InsyaAllah.

0 ulasan:

Langganan via E-mail

Recent Articles

© 2014 Bizz of Life. WP themonic converted by Bloggertheme9. Powered by Blogger.
TOP