widget
Powered By Blogger

10 November 2013

Cara Membuat Buku Tamu Melayang Di Kanan Blog

Di postingan kali ini saya akan berbagi
Cara Membuat Buku Tamu  Melayang Di Kanan Blog


  1. Langkah Pertama  pergi ke SHOUTCAMP
  2. Lalu klik

  3. Jika Sudah disuruh register akun dan bla bla bla dan sukses
  4. terus  klik install di MY SHOUTBOX dan Langkah berikutnya Copy-Paste HTML tersebut 

    Langkah berikutnya tambahkan HTML dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2h7qC-Xolthu6YLbOSpFQ1NUU2CMfzWgfBoGqR3Ai0u2aedLq34UQDTbW-Fm9wPJIbOaTfvJIp2c38tMQVQvxaWI_MnW1355wnkfOKkIDnIXPPspCb3YyHTp5VVddGMTVNToDSEWPrDM/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href="http://exocmnt.blogspot.com">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Cara menaruh html di atas

  1. Masuk akun blogger siapa ajah boleh
  2. Add gadget atau Tambah gadget
  3. Ke tata letak
  4. Edit html/javascript
  5. Masukan html di atas
  6. Selesai
dan ganti tulisan yang hijau dengan html/javascript shoutbox/buku tamu
yang tadi

Mudahkan !!!
SEMOGA BERMANFAAT !!!

Tidak ada komentar:

Posting Komentar