Tuesday, 25 February 2014

Assalamu'alaikum,,
Sahabat Belajar Ngeblog yg berbahagia, Pagi yg cerah ini insya Alloh kita akan membahas tentang Cara Membuat Buku Tamu yang Melayang di Sebelah kanan Blog yg insya Alloh bermanfa'at buat antum sekalian.



Langkah-langkah:
   1. Pertama antum pergi ke Cbox
   2. Lalu antum masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox
   3. jika antum sudah mendaftar Cbox lalu antum disuruh masuk Cbox
   4. Setelah sudah masuk, antum edit Cbox antum sendiri.

Kemudian langkah berikutnya Copy-Paste 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('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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href="http://ngeblog592.blogspot.com/2014/02/cara-membuat-buku-tamu-yang-melayang-di.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 untuk menaruh HTML di atas adalah sebagai berikut:
   1. Masuk akun Blogger
   2. ke Tata letak
   3. Add gadget / Tambah gadget
   4. Edit HTML / javascript
   5. Masukan Html di atas
   6. Finish

dan ganti tulisan yang berwarna merah di atas dengan html/javascript Cobox/buku tamu yg tadi.

CARA MEMASANG WIDGET REVORVER MAPS PADA BLOG
Jazakumulloh,,,
Wassalamu'alaikum,,,

Share Link Ini ke Teman-teman mu

2 comments:

Post a Comment