Rabu, 14 November 2012

Tutor Memasang Buku Tamu [Cbox]

Salam untuk sobat semua ..

Untuk keakraban sesama Bloger dan juga tamu pengunjung di Blog kita .. kita akan memerlukan sebuah buku tamu .. bagi sobat" yg masih belum memasang buku tamu silakan ikutin tutor di bawah ini ..

Sebelumnya ada beberapa syarat yg harus di kerjakan sebelum memasang buku tamu di Blog sobat , yaitu : sobat harus mendaftar/creatif Cbox di sini dan untuk tutornya silakan sobat masuk kesini

Setelah sobat sudah mendapatkan Kode Cboxnya , maka ikuti langkah" pemasanganya [show Hidden Cbox] khusus untuk sobat Blogers .. untuk melihat demonya click di sebelah kanan Blog saya Ini [Guest Book]
1. Masuk Ke bloger sobat
2. dasbor ==> Tata Letak ==> Tambah Gadget
3. masukkan Code di bawah ini ke HTML/javascript

Untuk melihat file Click Spoiler

<style type="text/css">
#at{
position:fixed;
right:35%;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:0px;
width:0px;
float:top;
cursor:pointer;
background:url(url);
}
.atcontent{
float:left;
border:2px solid #fff;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib73AMkD_alIBGaBD6164h80UrOOPDVnBmcNXhCJzBDtMi4zwnoG4uDkfUHRP3ogGxGjZfPv0zxEJGxXFz6_CC1sw0ry70yVk0OK63YFFoOdO1BSYRksw27raV4PI6kQnsw91X-C0rqZ-P/)#000000 repeat-x bottom center scroll;
-moz-border-radius:10px;
padding:10px;
}
.atcontent:hover{
border:2px solid #fff;
background:url(http://petir-project.googlecode.com/files/zuaz-petir.gif)#000000 repeat-x bottom center scroll;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url(http://i53.tinypic.com/oiu4n9.gif) no-repeat;">

Strip kode cbox sobat

</div>
</div>
<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i859.photobucket.com/albums/ab159/yudhizh/ButtonCloseWhite-BlackStroke.png" alt="close" title="Tutup Cbox" /></a></div>
</div></div>

<script type="text/javascript">
var at = document.getElementById("at");
at.style.bottom = (-200-at.offsetWidth).toString() + "px";
</script>

4. sebelum sobat Click simpan, tambahkan dulu script  dibawah ini  sebagi sambungan code script di atas,

<div style="position: fixed; top: 55px; right: 5px;width:30px;height:100px;"><a href="javascript:void(0);"onclick="showHideAT()"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5i3LPbzYzu6b9wBXEbNf72Ch5wHZOTrOBKQ7lmwebSu7DyqkpebmqphlhS6rsGs0fGIvbN3mYz7yQlUBtUOGGQ2_BNi0ChoiPW9lQv1eZgUWjSNUZW6fJfXGC-67ksUYua7oR6Mx81j7f/s128/guestbook.png" alt="cbox" title="Buka Chat Book"/></a></div>

5. baru simpan dan  Lihat halaman Blog sobat ..


Ket : tulisan yg berwarna merah itu tempat sobat menaruh Code yg sobat Dapat dari Cbox
Sampai di sini dulu posting saya kali ini .. dan Mohon maaf Atas segala kekurangannya ..

Sumber : http://zuazz.blogspot.com/2012/04/cara-lengkap-memasang-buku-tamu-cbox-di.html

Semoga Rahmat serta Hidayah-NYA selalu tercurah untuk kita semua .. amin ...

Posting Komentar

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-q =))