DESIGN SAMEP

Cara daftar di Cbox

Cara daftar di Cbox - Cara/tips trik memasang guest book atau buku tamu dengan Cbox, bagaimana caranya silakan sahabat Blogger Pemula ikuti langkah langkah di bawah ini :

Masuk Cbox.com setelah di dalam halaman Cbox silakan klik Sign up seperti gambar di bawah ini

Sahabat akan diminta mengisi data data seperti di bawah ini

Setelah mengisi data yang diminta silakan klik Create my Cbox dan akan ada confirmasi bahwa Cbox sahabat telah berhasil dibuat seperti gambar di bawah ini

Sekarang perhatikan kotak login name dan isikan pasword yang sudah sahabat buat tadi lalu klik tanda panah berwarna orange dan sahabat akan dibawa ke halaman control panel seperti di bawah ini

Perhatikan control panel berikut, Publish, Look & Feel dan Options. Dibagian Look & Feel silakan edit ( layout option, style presets, color and fonts dan edit css ) pada bagian Option silakan edit ( posting options, date option, smilies dan filtering ) Jika sudah sesuai dengan kehendak sahabat silakan klik control panel Publish dan sahabat akan dibawa ke halaman baru seperti di bawah ini

Pada gambar di atas dijelaskan langkah langkah atau cara memasang Cbox sebagai buku tamu/guest book di blog sepeti keterangan berikut ini

Step 1: Where are you instaling your Cbox? jika menggunakan blogspot silakan pilih Blogger/Blogspot dan setrusnya dan setrusnya

Step 2: Choose a variation ( inline, pop up link, floating deferred load ) silakan pilih sesuka hati sahabat

Step 3: Get your code, silakan sahabat copy code yang ada di dalam kotak untuk sahabat letakan ke dalam website/blog sahabat

Step 4: Install your code

Masuk blogger dengan ID sahabat
Di dalam dasboard sahabat silakan pilih opsi lainnya lalu klik tata letak
Pada page elemen silakan klik tambah gadget diposisi yang sahabat kehendaki
Lalu klik HTML/Javascript
4). Copas ( Copy Paste) kod 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/AVvXsEhZqHde8RSPe57ZkfKQc4o5zhdEMZgAd2CFL7YsK3g6_5wxCVvE43M989U3YBGh9bmlDGQ5imzVn2zGJNc3Ie0zCOcCBel1hihXp9z03MoQNvZ6nG6Ar9_h1XYT7nBe4VnZTTF24YAv6NE/s1600/Bukutamu6.gif') 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">


<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="250" height="305" src="http://www7.cbox.ws/box/?boxid=761843&boxtag=82bgvx&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-761843" style="border:#DBE2ED 1px solid;" id="cboxmain7-761843"></iframe></div>
<div><iframe frameborder="0" width="250" height="75" src="http://www7.cbox.ws/box/?boxid=761843&boxtag=82bgvx&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-761843" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform7-761843"></iframe></div>
</div>

<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;"></span></span></div>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[by :sasaha33]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

gantitulisan merah dengan code chat anda

Klik Simpan & Lihat Hasilnya.
jika anda ingin ganti warna .text yang berwarna biru dngan cide di bawah ini :

	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifA7NQTYguNpWgT_1ukVmvuDeV2vVsXF-MYgB_ViLfTC9g31SY3w5yDCnDZM8rGElzzwybzweMHH6BR1KIJY1wCUYVls2jJlL_USKSuVvj8VtXMswDNp3BXLqS3AXWSWvdsX07MuiH3Nk/s1600/Chatbox.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVwB5U4uvs_s6027_QHheDRXiVOFH7ae3NVPofdPP6BcnnKwokGPvSgBWBBUUXkEDmYqSjB9eEUachEduGmYWsOxFRzgGAZz0ZY8DFUekUn8L8pQCcc0uCekDe8bN64mRZ8dj1jyX0GU/s1600/Bukutamu3.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgga68bvJXM1MktlCFD8W3EuMGnIGO-b1hZvS6RaQ70dEJRK3jtU5NWdtretJsqIX49tsMJZPYB_K1uYNSiSmjw52n4kIsvVZ0Wv5S-KsmTBWMM2xNY_18B7CIZJizgq9lXRatJsF-WezA/s1600/bukutamu2.gif
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz_fZRCwx9P2bjPpeztiJrsTw78bW7xgQn2xEHAJLfN952UnSRaSbwLQwCPSJvZD2bKKhMLnFW6IJQRxnHn73zNPgiOkAX71PZJxlFbaxThauU3x-FKj8jr-o_LakliR6eniH8hHXiJYQ/s1600/bukutamu5.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpr2XTeiF9DltrCDAG2EX5TZ24_0dZ4yHJ_GwYnXxreM2ELtAS7Y8sn9t2E1PAf6dJ7rcK5yOK-sWS0ZM8eRmGklbs8Hqm5Xf6CWDmbvM6ZDpaetsfAjiBx6mxVWoTWU8r6vNygaG1F7E/s1600/2131wkl.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPO6A8kDPu6z5kJeqTj6HzHUhIzCppjewVLrbs7Y4EaDHwRg04YEHL5ZdJYkUz3dtDRxvqZMRvETzr9FN8lfxnlMzJRGQSDM6H6RYDMvJC-whbuvLJr6QPp9d5oloKp7R0m4v84F0ga9s/s1600/bukutamu4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNk3uz7rgodXiAYQ8DCDgeDAlU_yOkoppAadYD9pq9k9F7kenY5w8ty_LX6R18lAUDZ9m9dIKO1YydgI389yo29zLztJkCh0hqQ7b5ippzQg8JHD45K0mMjtaWBmLrp9IEZRg9b83Ev3s/s1600/BukuTamu1.png