Senin, 16 Mei 2011

Pasang Buku Tamu Di Blog

Bagaimana caranya memasang sebuah buku tamu di blog.
Berikut cara membuatnya :
1. Login blog Anda
2. Masuk dashbord design page elements
3. Dan add gadget
4. Masukan kode scrip 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/AVvXsEjhbUSJuEK9_b7AS2qODR0BJ9aKGeRVQgl4cUlg14fRprHIJaqs8W8fmPek3fgcCGf5TVt0U3BTwgirrpV2txvqzmv04KeApwC__3GuVlyWLpb8VXh71rIloiG3zu_olnVsrHjBk-KEyj_K/') 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">

<!--buku tamu-->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://aculwaid.blogspot.com/2011/05/pasang-buku-tamu-di-blog.htmll">
[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>

5. Untuk pengaturan posisinya, ganti atribut top-nya. Kalau mau lebih ke atas ubah menjadi 30px.silakan berkreasi sendiri.
6. Selesai


Untuk download file gunakan IDM yang bisa sobat cari di sini..
Segera lakukan download sebelum file terhapus..
Klik link download dan SKIP AD pojok kanan atas untuk melanjutkan proses..

.:::::::::: Artikel Terkait :::::::::::.


-------------------------------------------------------------------------------------------------
Silahkan tinggalkan komentar dengan baik dan sopan
Silahkan masukan komentar jika punya pertanyaan
Silahkan laporkan jika menjumpai link yang error
Silahkan sobat copy / paste jika bermanfaat
-------------------------------------------------------------------------------------------------

0 comments:

Posting Komentar