Share a General Science : The Farm, Papers, Internet, Computer, Blogging.

Tuesday, December 31, 2013

Cara Membuat Catatan Tamu Melayang Di Sebelah Kanan Blog


Cara membuat catatan buku tamu melayang di sebelah kanan



  1.  Pertama, silahkan anda mendaftar dulu di cbox. ws 
  2. Bila selesai mendaftar anda disuruh mengedit cbox sendiri yang anda inginkan
  3. Kemudian langkah selanjutnya copy paste code HTML di bawah 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('http://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/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">

[Silahkan Pasang Kode Buku Tamu yang sudah dicopy di cbox .ws tadi disini]

<div style="text-align:right">
<a href="http://gusronk.blogspot.com/2014/01/cara-membuat-catatan-tamu-melayang-di-sebelah-kanan-blog.html">[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 meletakan code html di atas, sebagai berikut :

  • login terlebih dahulu ke akun blogger
  • Kemudian klik tata letak
  • kemudian Add gadget atau Tambah gadget
  • kemudian pilih gadget html/javascript 
  • Selanjutnya masukkan code html di atas
  • kemudian save dan Selesai

NB# ganti tulisan yang berwarna merah dengan html/javascript Cbox/buku tamu
yang sudah disiapkan tadi.

sekian terima kasih.

2 comments

Kalau untuk catatan, kenapa ada tulisan berwarna merah ini:
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi di sini
? :/

itu yang tulisan warna merah diganti kode script dari cbox .ws gan :d


EmoticonEmoticon