- Login Ke akun blog sobat
- Pilih Rancangan >> Tata Letak
- Kemudian Add Widget pada sidebar tempat anda akan meletakan Daftar Isi Blog, kemudian pilih yang HTML/JAVA SCRIPT
- Copy kode dibawah kedalamnya
- Kemudian Simpan, dan lihat hasilnya
Lihat catatan pada bagian paling bawah, agar anda dapat memahaminya!
KODE
<div>
<style type="text/css">
.gb_fix{
position:fixed;
top:10px;
right:0px;
z-index:+10;
}
* html .gb_fix {position:relative;}
#hidden_gb2 {
display:none;
border:3px solid red;
background:blue;
padding:10px;
padding-top:0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
</style>
<div class="gb_fix">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td width="200px"> <hr color="red" /> Untuk Keluar, Tekan Tombol --->> <hr color="red" /> </td><td bgcolor="blue" width="40px"><div align="right"><a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="http://www.nowherb.com/manager/media/style/MODx/images/icons/close.gif" style="padding: 3px 0px 0px 0px;" /></a></div></td></tr>
<tr><td colspan="2">
<center>
<!-- Begin ShoutMix -->
Simpan Disini Skripnya
<!-- End ShoutMix -->
</center></td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fix">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9jhtLNNd8TKR0vYt2uWecY06jrqgPt9YfO9ST5tM9BZUut6IkEDBiYO5wHM_tZ37HP818PaJrXIX3ZVNz37B2I5SA6foxKp1puwIciiFI8leyBIAVQIcGgehAFio9D8frmZbkg4XZhHA/s320/Teoringeblog-buku+tamu+3+(+64+x+244+).gif" />
</a>
</div></div>
Catatan:
KODE:
- Silahkan ganti tulisan yang berwarna merah dengan alamat URL gambar buku tamu yang anda suka
- Dan ganti tulisan yang berwarna hijau dengan kata kata atau script yang akan ditampilkan
Silahkan isi komentar dengan baik dan bijak!
Kategori baik dan bijak :
Posting Komentar