Cara membuatnya:
- Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements"
- Tambahkan widget baru dengan mengklik "Add a Gadget" - "HTML/JavaScript"
- Tidak usah diberi judul, dan copy kode di bawah ini sebagai konten widget kamu:
<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:450px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:3px solid #3d85c6;
background:#ffffff;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td><a href="http://sharewithhaviz.blogspot.com/"><span class="Apple-style-span" style="color: transparent;"><span class="Apple-style-span" style="font-size: 1px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><div><span>Haviz's Blog</span></span></span></a><a href="http://jokesfromhaviz.blogspot.com.blogspot.com/"><span class="Apple-style-span" style="color: transparent;"><span class="Apple-style-span" style="font-size: 1px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Haviz's Blog</span></span></span></a>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red"><div align="right"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidxfnStoEpQ5LudMCeNluy7tIt0KfHtFhgRvk2lORGjrmpChDz7iicqR_OG3C44M3PmkuU0yjvX39NsHjl91zvkDeEUIuQrCGuYlAhTcjZxT5WehDZXiQGQ3bGaokK3-_B24KP9wBostA/s1600/CloseIcon.JPG" /></div></b></a></div></span>
<!-- Facebook Badge START -->
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&xfbml=1"></script><fb:comments xid="889302202" numposts="3" width="425"></fb:comments><!-- Facebook Badge END -->
</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizDy4vOQ8Vk6Ghu75bnfZ0ThVtqYltT90k_19iO92Hu_WezK10Vh5W6-qjSOkKPrS0We_hoNiYi4DE7caFVdW9LS2YzHXIejwstoKNJka8LZyvpc8fSbhMAo1WMYezNUeLXfw7apZsXgY/s1600/Untitled-12.jpg"/>
</a></div>
4. Posisi buku tamu jika kamu tidak mengganti kode di atas adalah di bagian kanan atas. Kalau kamu mau
mengganti jadi kiri, ubah
right
jadi left
. Dan kalau kamu mau menempatkannya di bawah, ubah top
jadi bottom
, 5. Kalau kamu mau mengganti gambar tombolnya, ganti kamu bisa mengganti source gambar yang warna hijau
di atas,
6. Dan juga jangan lupa untuk mengganti kode warna biru jadi kode wigdet kamu.
7. Klik "Save" kalau sudah selesai
0 Comments This Post: