Nah kali ini saya akan berbagi ilmu dan pengalaman untuk sobat semua yang udah menjadi pengalaman saya, kali ini postingan saya tentunya unik dan menarik untuk blog, yaitu bikin Buku Tamu Tersembunyi yang bila di klik nongol yang kayak blog saya nih, mau tau cara pembuatannya!!!mari kita simak cara membuatnya...
1. Masuk ke account Blogger kamu, pilih Layout; kemudian Page Elements;
2. Klik "Add a Gadget" kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:
<style type="text/css">Dan untuk kode ini silahkan sobat ganti dengan kode buku tamu sobat sendiri
#gb{
position:fixed;
top:20px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i846.photobucket.com/albums/ab26/arifins/bukutamu.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">
<!-- Silahkan Sobat Ganti Ini dengan kode buku tamu sobat -->Pengen bikin buku tamu lebih indah dan menarik?
silahkan diklik--->
<a href="http://www.qinginbisa.blogspot.com">
Q INGIN BISA
</a>
<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>
</div>
<!--Silahkan Sobat Ganti Ini dengan kode buku tamu sobat-->
dan silahkan sobat atur width="470" height="200"Atur kode tersebut sesuai selera sobat sendiri
selamat mencoba semoga posting ini bermanfaat buat kalian semua
Sumber : http://www.forantum.blogspot.com
Shared by : http://qinginbisa.blogspot.com/
0 comment :
Posting Komentar