Dun-soft.blogspot.com - Kali ini, saya akan memposting tentang Bagaimana Cara Membuat Buku Tamu Tersembunyi di Blog. Saya juga akan membuat artikel tutorial cara pasang buku tamu tersembunyi / hidden.
Sebenarnya, buku tamu tidak wajib dipasang di blog, namun untuk mempercantik blog kita. Selain itu pengunjung lain juga dapat menyapa kita sebagai admin walau cuma sebatas kalimat.
Oke gak perlu banyak basa basi, kita langsung saja menuju TKP :
- Pertama, silahkan masuk website www.cbox.ws atau situs penyedia script lainya yang teman suka. Lalu klik Sign Up.
- Lalu, klik "Create My Cbox"
- Klik "Publik" dan ambil script yang sudah disediakan.
- Sekarang, mari kita login ke blogger.com untuk meletakan kode tersebut.
- Klik Rancangan / Design / Tata Letak / klik Tambah Gadget/Add Gadget / pilih html/javascipt dan copy code berikut:
<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('http://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/s1600/bukutamu.png') 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 style="text-align:right">
<a href="http://dun-soft.blogspot.com/2012/05/cara-membuat-buku-tamu-tersembunyi-di.html">[Pasang Ini Juga]</a>><a href="javascript:showHideGB()">
[Tutup]
</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('http://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/s1600/bukutamu.png') 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">
Silakan Paste Kode Buku Tamu yang sudah di copy tadi Di Sini
<div style="text-align:right">
<a href="http://dun-soft.blogspot.com/2012/05/cara-membuat-buku-tamu-tersembunyi-di.html">[Pasang Ini Juga]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
- Klik Simpan
--SELAMAT MENCOBA--
{[["☆","★"]]}
Related Articel:
Anda sedang membaca artikel tentang Cara Membuat Buku Tamu Tersembunyi di Blog dan anda bisa menemukan artikel Cara Membuat Buku Tamu Tersembunyi di Blog ini dengan url http://dun-soft.blogspot.com/2012/05/cara-membuat-buku-tamu-tersembunyi-di.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Buku Tamu Tersembunyi di Blog ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Cara Membuat Buku Tamu Tersembunyi di Blog sebagai sumbernya.






4 komentar:
Nice info gan :)
mantab sob, kunjungi jug ablog ane :
www.sintang-web.com
salam blogger..
Thanks gan infonya..
bermanfaat skali bagi perkmbangan blog sy .. :)
Mohon komentarny dblog sy y :)
Blog Fuadditiya | The FIM Site
nice info
visit my blog donk : wiansetiawan.blogspot.com
Pasang emoticon dibawah ini dengan mencantumkan kode di samping kanan gambar.
Post a Comment
Berikan saran dan pendapat anda agar saya dapat memperbaikinya.... Terima Kasih