Mau tau cara buat yang seperti ini, silahkan klik disini

widget by Kianhome
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"
Sebenarnya apa yang ditanya sobat Ardi La Madi, sudah lama k'ian buat yakni pada postingan : Cara buat Side Guestbar atau Buku tamu disamping kanan. Pada postingan mengenai cara buat buku tamu disamping bar yang pertama, k'ian menggunakan format slide yang muncul dari samping dengan kondisi bergeser. Untuk artikel yang ini k'ian buat kali ini tidak jauh berbeda dengan yang pertama hanya saja dari posisi dimana dia akan muncul. Dari pada kelamaan mending k'ian mulai saja.
  • 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...

Nb:
  • 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.

Share to :

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 ".

11 Response to "cara buat buku tamu disamping bar / Floating Guest Book"

  1. Rizkyzone Said,

    keren nih sob tp buku tamu q tak spoiler aja ...Replay

     

  2. Kian Coi Said,

    @ rizky2009 : makasih sob, yang penting adalah widgetnya bisa berjalan dengan sempurna...!!! tq da comment yach..>!! ...Replay

     


  3. Anonymous Said,

    mas,, itu cara nambahin code html d postingan gmnana y?? Kek di atas.... ...Replay

     

  4. hehhehe.saya jadi malu nama saya disebut hhehhe tapi enak juga,,,, siyape tau bisa jadi orang terkenal haha..iya mas kian.... gagal...saya pasang tai tidak munculllll....g tau kenapa......bisa di jelaskan lagi yah....jangan bosan2 yah mas....maju terus mas jangan pernah melihat kebelakang ...Replay

     

  5. Admin Said,

    kok belum bisa-bisa yaa... gimana nih mas... ?
    kalau yang satunya lagi okeee... ...Replay

     

  6. Unknown Said,

    Wah..keren ne, rumit gak ya?? ...Replay

     

  7. Oce Oce....NIeh
    blackcommunity89.blogspot.com ...Replay

     

  8. MS Ilman Said,

    .mas nih kok ndag d update sih,, not working.... ...Replay

     

  9. cocok juga itu juragan

    ijin sedot ya gan ,terima kasih info dan artikelnya menarik sekali ...Replay

     


Post a Comment

Blog ini menganut sistem "Dofollow", Silahkan Tinggal komentar, saran, kritik disini.. apapun itu jangan SPAM ok..


Berita Terkini

Friend Follower's

Tips Health

Techno

Hot Nasional

Celebrity

My Blog List

Recent Comment

© Copyright 2011 | Dikelola sepenuhnya oleh : Kiancoi
KianHome Member of PlanetBlog | SitusBersih | Support on Mozilla Firefox and Google Crome Browser
Home | Posts RSS | Comments RSS | Sexy Blog |