Cara membuat buku tamu melayang di blog-Assalamualaikum, alhamdulillah sobat sekarang saya masih bisa hadir untuk menemani sobat dalam rangka sharing ilmu ini, setelah kemarin saya posting cara membuat buku tamu di blog, sekarang saya akan kasih tau sobat bagaimana cara memasang buku tamu di sisi kanan blog seperti di blog saya ini, keren kan?.Mungkin ga usah panjang panjang. Naah buat sobat yang udah nanya ke saya beberapa hari yang lalu mengenai cara pemasangan buku tamu ini harus memprektekkan yaah!!,dan buat sobat yang minat untuk memasangnya boleh lihat caranya di bawah ini.
- cara membuat buku tamu melayang di sisi kanan blog:
- pertama tama, sobat harus daftar di Cbox dulu klik di sini untuk daftar.
- setelah sobat mengklik Create my Cbox!, sobat masuk ke control panel atau menu Publish! atau bisa juga di akses lewat sini
- Ikuti langkah langkahnya. Copy kode HTML yang ada di langkah ke tiga (yang ada di dalam kotak)
- lau Copy Kode HTML di bawah ini, atau download aja kodenya di sini kalo ga bisa di copy:
<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 Letakkan Kode HTML Buku Tamu yang sudah Sobat copy tadi Di Sini
<div style="text-align:right">
<a href="http://ilyas175.blogspot.com/2013/09/cara-membuat-buku-tamu-melayang-di-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>
mungkin cuma sekian potingan saya hari ini, semoga bermanfaat buat sobat semua.
ada yang ingin di tanyakan?
- Nah Sekarang cara meletakkannya gampang
- masuk ke menu tata letak,
- lalu sobat klik tambahkan gadget
- lalu pilih HTML/Java Script
- nah trus tinggal di paste dah, selsai.
mungkin cuma sekian potingan saya hari ini, semoga bermanfaat buat sobat semua.
ada yang ingin di tanyakan?
