Kali Ini Sasuke Blog Akan Memberi Tutorial Cara Membuat Buku Tamu Tersembunyi .
Buku Tamu Berguna Sebagai Tanda Adakah Blogwalker Yang Mengunjungi Blog Kita,Biasanya Para Blogwalker akan Meninggalkan jejak dengan cara memberi coment atau Mengisi Buku Tamu .
Sebelum anda membuat buku tamu di blog anda, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di Shoutbox, Cbox, atau Shoutmix.
Yuk Langsung ke tutorialnya!!!
1. Login di blogger dengan ID anda.
2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Lalu Copy kode berikut dan Pastekan Pada kotak HTML
3. Lalu Copy kode berikut dan Pastekan Pada kotak HTML
<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/AVvXsEg0HpxGqdLW6IhwZM3ueOfMCiwqwLlhx9e2L5JsaBYE3QVJp_98eXA9W-y-iVpG9FSlVDtYp87-tgWCs2g1GfsuHeX4aYBO-VY4XDY6-mFyo48Y7JQcAtkiwyY9crmkCqtlttgcCf6VO1kC/') 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">
#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/AVvXsEg0HpxGqdLW6IhwZM3ueOfMCiwqwLlhx9e2L5JsaBYE3QVJp_98eXA9W-y-iVpG9FSlVDtYp87-tgWCs2g1GfsuHeX4aYBO-VY4XDY6-mFyo48Y7JQcAtkiwyY9crmkCqtlttgcCf6VO1kC/') 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">
< Letakkan disini kode Shoutbox Anda>
<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;">Supported by <a href="http://sazuke-4rt.blogspot.com/2013/01/buku-tamu.html" target="_blank">Sasuke Blog</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
Ganti tulisan < Letakkan disini kode Shoutbox Anda> dengan kode script buku tamu sobat.
4. Save Widget tersebut.
Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda masing-masing. Demikianlah cara memasang buku tamu tersembunyi ini, semoga bermanfaat.
Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda masing-masing. Demikianlah cara memasang buku tamu tersembunyi ini, semoga bermanfaat.
Berkomentarlah dengan Menyangkut Nama Judul Artikel Di Atas !!!!
kurang suka dengan buku tamu, btw thanks infonya
ReplyDeletekunjungi juga ya rizkyynwa.blogspot.com
Nice Info thax ya SOB ..akhirnya ktemu juga yg gue cari
ReplyDeletethanks informasinya gan.
ReplyDeletenice blog...!!!
ReplyDeletevisit my blog donk : wiansetiawan.blogspot.com
mau cobat menambahkan ke blog ane ah.. buku tamunya
ReplyDelete