Pagi yang cukup cerah hari ini mendera kota Palembang tercinta, sudah 3 hari ini Palembang diguyur hujan dipagi hari. Jangankan buat aktifitasan pagi, bangun saja rasanya males banget. Tapi hari ini terasa sangat beda, meskipun tidak terlalu panas namun semangat yang di berikan cukup membawa motivasi untuk weekend. Salah satu hal yang membuat k'ian tambah semangat adalah komentar yang di berikan oleh sahabat "Ardi La Madi", salah satu sahabat baru k'ian yang begitu semangat untuk belajar blog.

Tentu saja k'ian merasa sangat bangga dan terharu sekali ketika beliau ( Ardi La Madi.red ) berkomentar :

"salam..... saya sering mengunjungi blognya kamu akhir2 ini.. bagus sekali isinya... pas buat saya untuk belajar.. maaf sebelumnya aya pemula..... saya mau tanya dikit nich..... kalau bikin buku tamu gimana"

• Langkah pertama kamu masuk ke menu Layouts diBlog kamu, kemudian
• Klik menu Page Element atau Elemen Halaman..
• Klik tombol ADD GADGET / Tambah GADGET, kemudian pilih menu Javascript/HTML
• Selanjutnya Copy kode dibawah ini :
• 
  

<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #88C900;
background:#E5E5E5;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div> <a href="javascript:void(0)" onclick="gb_showHideGB()">[x]</a> </div>

Masukkan Kode buku tamu kamu disini

<div style="text-align:right; font-size:xx-small;">
widget by
<a href="http://kianhome.blogspot.com/2010/02/cara-buat-buku-tamu-disamping-bar.html" target="blank">
Kianhome
</a>
</div>
</table>
</div>

<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js">

<div class="gb_fixed" style="z-index:+5">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHOkfHkZJf-PAZnzbRk7-r6_Wypl7U-hby8PuctAFRQT9nr7rBsQLI-2jNBuYiGPlzhOprCGkThAX3D4zgxTUgWEhoXIiBN6xjv1cY6bcLukZOY6ubGm0Sy8cURfhwRdBzF4B0QeCteQv3/" />
</a>
</div>
</script>

• Selanjutnya simpan dan lihat hasilnya...

• Untuk kode top:0px; = top (untuk posisi diatas, jika kamu ingin diletakkan pada posisi dibawah,kode top kamu ganti dengan "bottom". contohnya sebagai berikut : bottom:0px; ).
• Untuk kode 0px; pada kode top:0px; diatas menunjukkan posisi dari si buku tamu yang kamu buat tadi. pada kondisi 0px; = posisi si buku tamu berada diatas dengan jarak "0 pixel/tidak ada jarak sama sekali". kamu bisa ganti angka "0" dengan angka berapapun yang kamu mau.

• untuk right:0px;= Right ( hampir sama dengan penjelasan mengenai top:0px;, hanya saja untuk right:0px; menunjukkan posisinya berada disamping kanan. jika kamu mau merubah posisinya disamping kiri cukup kamu ubah kode "right" nya dengan kode "left", maka hasilnya akan seperti berikut : left:0px; ).
• Untuk kode 0px; nya sama dengan penjelasan diatas.
• jika kamu sudah paham k'ian harap kamu bisa menerapkannya kepada banyak orang.
  

Related Post :

About the Author :

K'ian is a designer, web tutorial design, and blogging enthusiasts. Tutorial blog debut the first time when entering college, when I get to know the world wide internet and so much more. Now I work at one of the state trading company, a job that would conflict with the world of blogging and web design. Today remains a serious manage blog " Kolam Blogging Tips | Kianhome ".