21.18
Tolong Bantu Aku
Sudah tidak asing lagi bagi anda pecinta blogger mania untuk membuat buku tamu tersembunyi..
tapi tujuan dan maksud saya memosting cara bikin buku tamu ini buat temen-temen yang belum tau atau masih masa percobaan
ya..kalo saya sih berharap postingan ini bisa bermanfaat buat kita semua hehehee :)
berikut kode HTML nya tinggal copas dan ikuti langkah-langkah nya..
<style type="text/css">
#gb{
position:fixed;
top:200px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:200px;
width:40px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrFPZgk4I0ctzND6J-af45-YjlpXD_AY_3XD0YwGr8RwYwcCy_Cuc5pUw8Sl_KE0WmJOXB6bU0PpFmh0YLe-gdRZ4W15dWzJbveAv-0XNShCU8VMucCtbJe9aq_Emv_tv_J7CvdHj4HnkF/') 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">
PASANG CODE SHOUTBOX KAMU DISINI
<div style="text-align:right">
><a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
#gb{
position:fixed;
top:200px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:200px;
width:40px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrFPZgk4I0ctzND6J-af45-YjlpXD_AY_3XD0YwGr8RwYwcCy_Cuc5pUw8Sl_KE0WmJOXB6bU0PpFmh0YLe-gdRZ4W15dWzJbveAv-0XNShCU8VMucCtbJe9aq_Emv_tv_J7CvdHj4HnkF/') 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">
PASANG CODE SHOUTBOX KAMU DISINI
<div style="text-align:right">
><a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Langkah-langkah proses pembuatan buku tamu
1.Login blogger anda
2.Buka Rancangan edit Html/Scrip
3.Masukan kode Html/scrip yg di atas
4.Ganti teks PASANG CODE SHOUTBOX KAMU DISINI dengan code html shoutMix jika belum ada klik disini
5. Save template dan lihat blogg
Bim sala Bim Hadakadabrak apa yg terlihat di samping kanan blog anda hehehehe
selamat mencoba dan semoga bermanfaat..!!kurang dan lebihnya mohon ditambahkan di komentar ?thnx
Posted in 
About Author
No Response to "Cara bikin buku tamu tersembunyi / hiden"
Posting Komentar