Beranda » Blogger » Pasang Buku tamu

Pasang Buku tamu

Yang baru ngeblog pasti lum tau tentang pasang buku tamu yang isa sembunyi...klo para senior pasti udah pada tau dunk...
Nah yang lum tau gene neh Caranya;
Masuk blogger>>>pilih tata letak>>>tambah gadget>>>pilih HTML/java script>>>Masukan kode di bawah 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/AVvXsEgwPcRV_bg6qE18WLc71O6QxFfZWe-XSNWisB6DWROqhx1bpau3CSy6_MWvXMsvXH6FHF0ZyYmfqbok2nTB4GE1Z7F5r7X-Fkx89Z0W6ciKPnIPXkdRtI4ieX2ZSyBtQfCZkPv08otlBUk/s1600/bukutamu_portalblogger.co.cc.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">

<!-- Ganti ini dengan kode buku tamu kamu -->

<br/> Mau punya buku tamu seperti ini?<br/>
Klik di <a href="http://www.portalblogger.co.cc/2012/06/pasang-buku-tamu.html"> di sini</a>


<div style="text-align:right">
<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>

Klik Simpan

* bisa dari Cbox,shoutmix dan sejenisnya

Semoga bermanfaat
Jika menurut kamu artikel ini menarik,copas dan edit ya
Terima kasih

Semoga artikel Pasang Buku tamu dapat menambah wawasan Anda.Silahkan menyebar luaskan artikel ini, dengan meletakkan link dibawah ini sebagai sumbernya. <a href="https://ery-erdo.blogspot.com/2012/06/pasang-buku-tamu.html" target="_blank">Pasang Buku tamu</a>

LANGGANAN ARTIKEL

GET UPDATE VIA EMAIL

Berlangganan artikel via email!

Belum ada tanggapan untuk "Pasang Buku tamu"

Post a Comment