Untuk kali ini. baim akan sahe dengan sobat tentang > Cara pasang buku tamu di blog.
nah sobat pasti sudah tau kan kalo sobat sering berkunjung ke blog orang lain dan blog nya ada buku tamu atau sering di sebut C-BOX nah ini lah yang akan baim sahare dengan sobat tentunya dengan cara cara yang sedrhaana aja kok gak terlalu sulit. Cukup daftar dulu ke situs nya lalu ambil code nya ok.!
sebelum nya baim sudah sahre dengan sobat tentang > Cara buat banner iklan di blog
nah untuk itu sobat yang belum tau cara buat banner iklan di blog silahkan cek di [ sini ]
lanjutkan yang tadi heheheee...
ini dia sobat langkah dan caranya :
- Seperti biasa sobat Login ke blog sobat
- lalu sobat Pilih Tata letak
- lalu Tambah Widget (Pilih Widget HTML/JAVASCRIPT)
- Copy code di bawah ini ke dalam Widget :sobat
<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/AVvXsEiWxpW50Qda7cUomZVOUximu5b0dYrOoGlsSqtUnlnCrtmE2wSfiFG3320xpNib52Nyvq9Vf7bwkV9vwt1HZAk-9Iy1LzvddwyQvSEhcLPrFp6Eb_gBzZx0GTtaFZ5-16Z3vYmN89LXSoxz/') 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">
<!-- GANTI INI DENGAN KODE CHAT BOX SOBAT -->
<br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Shiquers.comTutup Tekan X]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
#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/AVvXsEiWxpW50Qda7cUomZVOUximu5b0dYrOoGlsSqtUnlnCrtmE2wSfiFG3320xpNib52Nyvq9Vf7bwkV9vwt1HZAk-9Iy1LzvddwyQvSEhcLPrFp6Eb_gBzZx0GTtaFZ5-16Z3vYmN89LXSoxz/') 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">
<!-- GANTI INI DENGAN KODE CHAT BOX SOBAT -->
<br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Shiquers.comTutup Tekan X]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
peringatan lihat warna yang warna hijau sobat.!
nah gantilah dengan Code C-BOX sobat . sekian dulu ya sobat semoga manfaat ya.!
- Terimakasih sudah Mengunjungi blog ini. silahkan di baca-baca.!
- Buat anda yng suka Copy/paste Artikel. boleh. asalkan Cantumkan Link
Nya Sebagai Sumber.!!
- Jika anda belum punya G-mail. silahkan gunakan profil Anonymous untuk komentar.
- Anda Blogger yang Dermawan bukan? Jdi Hargai Sesama Blog.?
- Terimakasih ConversionConversion EmoticonEmoticon