Kamis, 21 Juni 2012

Cara Membuat Buku Tamu Melayang di Blog


Coba kalian pandang ke samping kanan atas blog ini disitu ada gambar yang ada tulisannya Buku Tamu nah... itulah Buku Tamu dengan background, yang kalau diklik akan keluar form isian Nama, Website dan Message. Buku Tamu atau Guest Book tersebut melayang artinya tidak terpengaruh oleh scroll mouse, walaupun mouse digulir ke bawah Buku Tamu tersebut tetap terlihat.


Untuk membuatnya ikuti langkah berikut :

  • Masuk ke Blogger
  • Klik Rancangan
  • klik Elemen Laman
  • klik Tambah Gadget
  • Klik "HTML/JavaScript"
  • Kemudian Copy/Paste kode di bawah ini :
<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('http://1.bp.blogspot.com/_w-dfDljRV3Q/TRXJ-ExUXII/AAAAAAAAAn8/sl_ZVhQFU9c/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </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">   Paste Script Cbox Kalian Disini  <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://choztware.blogspot.com/2012/06/cara-membuat-buku-tamu-melayang-di-blog.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>


Keterangan :
Yang berwarna merah ganti dengan kode yang kalian peroleh dari Cbox
Pada kode diatas Icon Buku Tamu-nya seperti gambar disamping. Gambar dapat dingganti sesuai dengan kreasi sampeyan sendiri dengan terlebih dahulu mendesainnya di CorelDRAW, Kemudian upload di blogger atau hosting lain kemudian ambil URLnya dan pasang sebagai background.


* BACA JUGA

Ditulis Oleh : Tri Saputra - Bali Respect

Christian angkouw Anda sedang membaca artikel tentang Cara Membuat Buku Tamu Melayang di Blog. Oleh Tri Saputra, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

---- Get this widget ! ----

10 komentar:

  1. Hi there, You haѵe ԁone a fantastic job. Ӏ'll definitely digg it and personally recommend to my friends. I'm sure they'll be benefited from this web site.
    My website how to buy twitter followers

    BalasHapus
  2. Attractive portion of content. I simply stumbled
    upon youг website and in ассessiоn capіtal tο claim that I get in fаct loveԁ account your blog poѕts.

    Any way I will be subscribing іn yοur
    аugmеnt or even I fulfillment you acceѕs persistently fast.


    My web site; how do i get twitter followers
    My page is pinterest social media

    BalasHapus
  3. Nice blog here! Αlso your website loads uр fаst!
    What host аre уou using? Can I get yοur affiliаte link
    to your host? I wish my site loaded up as fast as
    yours lοl

    Here iѕ my wеb-site :: pikavippi
    Feel free to surf my web site ... pikavippi

    BalasHapus
  4. I got this web page from my friеnԁ who informed
    me concerning thіs ωeb pagе and at the moment thіs tіmе
    I am visiting this web site аnd reading very іnformаtivе pοstѕ
    at this ρlace.

    Feel free tο suгf to my sіte: bester signalgebung bei zulutrade
    Here is my web blog :: curso de zulutrade

    BalasHapus
  5. Hi, after reading this remаrkable ρaгagгaρh
    i am too glad to ѕhare my fаmiliarity hеre ωith friends.
    Also visit my web page ... http://Instagram-follower.com

    BalasHapus
  6. This is a great tip particularly to those new
    to the blogosphere. Simple but very precise info… Appreciate your sharing this one.

    A must read article!

    my homepage: marcelosanjurjo.com.ar
    My webpage: xop

    BalasHapus
  7. Amazing! Its actually amazing post, I have got much clear idea concerning from this article.


    my web-site ... ava fx
    Also see my website > ava fx

    BalasHapus
  8. Great information. Lucky me I discovered your website by chance (stumbleupon).
    I have book marked it for later!

    Here is my blog ... zulutrade
    My web site > zulutrade

    BalasHapus
  9. Heya great blog! Does running a blog such as this require a lot
    of work? I've virtually no expertise in computer programming however I was hoping to start my own blog soon. Anyways, if you have any recommendations or techniques for new blog owners please share. I understand this is off topic nevertheless I simply wanted to ask. Kudos!

    Look into my web site: blog.com

    BalasHapus
  10. I have read so many posts on the topic of the blogger lovers however this post is genuinely a nice post,
    keep it up.

    my webpage ... aaa fx
    Also see my web page: aaa fx

    BalasHapus