http://picasion.com

rss

Cari Sepatu Keren??

Cara Membuat Buku Tamu Melayang (Floating Guest Book)

Sering saya jumpai kalau lagi jalan-jalan (blogwalking) menemukan widget yang cukup menggelitik menambah penasaran. Ya, Itulah buku tamu melayang pada sisi kanan atas/bawah. Timbul pertanyaan, Bagaimana cara membuatnya?....Ah dasar newbie hari gini baru nanyain soal itu, padahal jauh-jauh hari sudah tidak asing lagi bagi para blogger yang lebih senior dari pada saya. Dari pada terus curhat, lebih baik saya catat cara membuatnya. Btw perlu di ingat juga semakin menambah widget pada blog kita maka akan bertambah berat ketika meloadingnya, Ya selain keuntungannya menghemat tempat, namun ada juga efek negatifnya (itu sudah biasa):
Silahkan anda copy kode di bawah ini..
1. Masuk pada menu Tata Letak / Edit Layout
2. Klik Tambah Gadget / Add a Gadget
3. Pilih HTML/Javascript
4. Copy kode berikut dan paste pada HTML/Javascript tersebut
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyFrPXflLomZY5uhJYUTc1rTF0tqOzSwKLul5DeVAKDKRVWkumOV07KcfmAQL1dByM-8FnAvUcwerwz0v6Iid5eRaBPNWXBtc8mPpvZ8uUPYRZu2dLit8UWQN94GKUpw_vds_uPG_xnO0J/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</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">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="m4n0" src="http://www6.shoutmix.com/?m4n0" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www6.shoutmix.com/?m4n0">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->
<br/>
Anda berminat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://makassar-09.blogspot.com/2009/08/trik-membuat-buku-tamu-melayang.html&quot;>
sini </a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Catatan:

1. Jangan satukan dengan iklan yang melayang karena akan menjadi kacau.
2. Yang diberi tanda berupa huruf yang merah dapat diganti, contohnya buku tamu anda yang shoutbox atau cbox.

5. Klik Save.

Sederhana alias mudah... Memang tidah serumit ketika harus menambah kolom, mebagi kolom, membuat kolom ada di kiri dan di kanan bla bla bla... saya sendiri dibikin rpot kalo udah urusan meracik template.. konsul langsung ke blognya kang Rohman ja atau oom...Baik sekian dulu.. Btw info ini juga hasil dari kombinasi dari beberapa blog hasil pencarian Prof. Dr. Google, Phd dll hehe

Preview:




.::Related Posts:

501 comments:

«Oldest   ‹Older   401 – 501 of 501   Newer›   Newest»
Anonymous said... Reply

zolpidem 10 mg buy ambien online - ordering ambien online safely

Anonymous said... Reply

xanax 0.5mg buy xanax online for cheap - do xanax show up drug test

Anonymous said... Reply

order xanax can i take 2mg of xanax - xanax drug info

Anonymous said... Reply

purchase xanax xanax for performance anxiety - xanax pills wiki

Anonymous said... Reply

xanax online Vermont what do generic xanax pills look like - buy xanax online cheapest

Anonymous said... Reply

buy ambien ambien withdrawal nausea - ambien price

Anonymous said... Reply

buy ambien buy ambien 5mg - ambien side effects fda

Anonymous said... Reply

buy xanax online Arlington images generic xanax pills - xanax 2mg green bars

Anonymous said... Reply

xanax online Louisiana order real xanax - xanax xr reviews

Anonymous said... Reply

xanax buy high from xanax - buy cheap xanax online with no prescription

Anonymous said... Reply

buy ambien does military drug test ambien - buy ambien online mastercard

Anonymous said... Reply

xanax without prescription is buying xanax online legal - xanax pills what are they used for

Anonymous said... Reply

order ambien ambien drug test urine - ambien sleep study

Anonymous said... Reply

buy xanax online long does 1mg xanax stay urine - can you overdose xanax

Anonymous said... Reply

buy ambien much 10mg ambien - ambien sale mexico

Anonymous said... Reply

buy xanax Maine xanax dosage for flight anxiety - cheap 2mg xanax bars

Anonymous said... Reply

ambien online no prescription ambien side effects during pregnancy - weird ambien stories

Anonymous said... Reply

alprazolam drug xanax children - xanax er side effects

Anonymous said... Reply

ambien on line long 10mg ambien kick - mail order ambien cr

Anonymous said... Reply

buy xanax Utah how to buy xanax online in ireland - buy xanax in china

Anonymous said... Reply

buy xanax New York buy xanax ireland online - xanax recreational use weed

Anonymous said... Reply

ambien online pharmacy ambien cr trial coupon - ambien side effects overdose

Anonymous said... Reply

generic zolpidem ambien side effects in children - ambien and alcohol bluelight

Anonymous said... Reply

buy xanax xanax withdrawal tight jaw - xanax drug test levels

Anonymous said... Reply

buy xanax online buy alprazolam 0.25mg - xanax withdrawal fatigue

Anonymous said... Reply

xanax online Montana xanax extended release side effects - xanax for anxiety flying

Anonymous said... Reply

buy ambien ambien cr rxlist - ambien side effects hiccups

Anonymous said... Reply

buy xanax online drug abuse with xanax - xanax pills side effects

Anonymous said... Reply

buy xanax New York much does xanax 1mg cost - xanax effects neurotransmitters

Anonymous said... Reply

xanax online Rhode Island xanax effects on brain - xanax bars how many mg

Anonymous said... Reply

generic xanax Hawaii safe order xanax online - xanax side effects anger

Anonymous said... Reply

xanax online Idaho generic pills for xanax - is generic xanax just as good

Anonymous said... Reply

buy xanax Columbus xanax effects snorting - 2mg klonopin same 2mg xanax

Anonymous said... Reply

buy xanax Detroit buy xanax online yahoo - xanax drug 5mg

Anonymous said... Reply

buy ambien ambien and alcohol dui - schedule drug ambien cr

Anonymous said... Reply

generic alprazolam xanax generic does look like - just took 2mg xanax

Anonymous said... Reply

buy xanax online xanax bars wholesale - xanax withdrawal itchy skin

Anonymous said... Reply

buy ambien ambien drug assistance program - walmart ambien cr price

Anonymous said... Reply

buy zolpidem ambien extended release generic - ambien drug store

Anonymous said... Reply

buy xanax bars xanax 2mg alprazolam - xanax bars yellow r039

Anonymous said... Reply

buy xanax cheap xanax withdrawal onset - xanax pills mg

Anonymous said... Reply

generic ambien buy ambien cr dangerous side effects - generic ambien as good as ambien

Anonymous said... Reply

where can i buy xanax online xanax online no prescription review - xanax xr overdose

Anonymous said... Reply

buy ambien can overdose ambien kill you - ambien drug test results

Anonymous said... Reply

buy ambien purchase ambien online no prescription - drug interactions propranolol ambien

Anonymous said... Reply

buy xanax online Oklahoma City buy xanax online legally cheap - alprazolam 0.5mg withdrawal

Anonymous said... Reply

xanax online Omaha xanax side effects list - long do effects xanax take kick

Anonymous said... Reply

generic xanax Fort Worth order upjohn xanax - green xanax pills s 902

Anonymous said... Reply

generic xanax Charlotte xanax 3mg - get xanax no prescription

Anonymous said... Reply

xanax no prescription online xanax 1mg tab - xanax high

Anonymous said... Reply

alprazolam online xanax generic manufacturers - online doctor consultation prescription xanax

Anonymous said... Reply

buy xanax online xanax 5 hour energy - xanax come up drug test

Anonymous said... Reply

buy ambien online without prescription ambien much get high - buying ambien online safe

Anonymous said... Reply

buy xanax online cheap xanax drug - pills xanax family

Anonymous said... Reply

alprazolam price xanax dosage panic attack - 2mg xanax effects erowid

Anonymous said... Reply

buy ambien ambien sleeping pill over counter - ambien side effects mood swings

Anonymous said... Reply

buy ambien no prescription cheap ambien lighting - generic ambien markings

Anonymous said... Reply

xanax sale xanax drug test long system - xanax for social anxiety

Anonymous said... Reply

buy ambien online ambien cr 6.25 mg prices - ambien hormone pills

Anonymous said... Reply

buy xanax online Illinois generic xanax look like - buy xanax online no prescription cheap

Anonymous said... Reply

buy xanax North Carolina buy xanax online usa - much do 2mg xanax cost

Anonymous said... Reply

buy xanax online Pennsylvania buy xanax online paypal money order - can get high xanax

Anonymous said... Reply

buy xanax online xanax generic peach - xanax bars addiction

Anonymous said... Reply

buy ambien ambien 10mg high - best place buy ambien

Anonymous said... Reply

buy ambien where to buy ambien cr online - ambien cr kidneys

Anonymous said... Reply

ambien without prescription ambience mall gurgaon india - highest dosage ambien cr

Anonymous said... Reply

buy xanax online generic xanax not working - xanax side effects permanent

Anonymous said... Reply

can i buy xanax online drug interactions of xanax - zyrtec xanax drug interactions

Anonymous said... Reply

ambien without prescription ambien use get high - generic sleeping pill ambien

Anonymous said... Reply

ambien zolpidem ambien zolpidem 10 mg - ambien usa online

Anonymous said... Reply

generic ambien buy ambien sleeping pills dosage - ambien dosage withdrawal

Anonymous said... Reply

buy xanax online xanax effects on the body - buy 2mg xanax bars online

Anonymous said... Reply

alprazolam medication xanax xr oral side effects - xanax 93833

Anonymous said... Reply

buy xanax online xanax overdose during pregnancy - buy xanax online 2mg

Anonymous said... Reply

buy xanax online buy xanax in tijuana - generic xanax strong

Anonymous said... Reply

buy ambien ambien side effects depression - ambien 10mg online

Anonymous said... Reply

buy xanax online cheap xanax 66 257 - xanax bars nicknames

Anonymous said... Reply

generic ambien buy generic ambien from india - ambien cr discount card

Anonymous said... Reply

ambien pills ambien and alcohol abuse - ambien maximum dosage

Anonymous said... Reply

ambien sleep medication ambien sleep crimes - ambien side effects tinnitus

Anonymous said... Reply

cheap ambien ambien side effects wikipedia - ambien sleep cd

Anonymous said... Reply

ambien online no prescription generic ambien pictures - ambien online buy

Anonymous said... Reply

where can i buy ambien online ambien side effects funny - ambien cr discount card

Anonymous said... Reply

buy xanax online cheap effects taking zoloft xanax together - what a xanax high is like

Anonymous said... Reply

buy xanax online overnight klonopin generic xanax - is mixing xanax and alcohol bad

Anonymous said... Reply

buy xanax 1mg xanax dosage by mg - xanax effects menstrual cycle

Anonymous said... Reply

xanax for anxiety xanax side effects in dogs - drug interactions xanax lorazepam

Anonymous said... Reply

buy alprazolam online no prescription where to order xanax online - xanax drug slang

Anonymous said... Reply

zolpidem drug legal to buy ambien online - buy cheap ambien no prescription

Anonymous said... Reply

ambien order medication like ambien - buy vicodin ambien online

Anonymous said... Reply

is it illegal to buy xanax online generic xanax onax - yellow oval xanax pills

Anonymous said... Reply

ambien buy ambien online canada - ambien taper

Anonymous said... Reply

xanax alprazolam is generic xanax as strong - xanax withdrawal hallucinations

Anonymous said... Reply

buy xanax online without prescription xanax 029 - xanax bars vs footballs

Anonymous said... Reply

buy ambien order ambien online usa - ambien cr snort

Anonymous said... Reply

buy ambien ambien during pregnancy 1st trimester - side effects of ambien cr 12.5

Anonymous said... Reply

buy xanax online buy xanax no prescription cheap - buy xanax online legitimate

Anonymous said... Reply

where can i buy ambien online ambien side effects eyes - ambien cr generic picture

Anonymous said... Reply

online ambien what class is ambien medications - ambien side effects hunger

Anonymous said... Reply

Another area of interest would be the managerial skills of priests If you know it will take you 20 hours to learn how to use the software, it might be wiser to hire someone to do it!2 Above all, find out what your unique purpose is here on this earth - then fulfill it! As you do, you will experience joy!Live purposefully
A self confessed 'information and technology enthusiast', James brings a wide range of valuable skills to any venture This concise, informative special report reveals almost everything you ever wanted to know about jewelry and gemstones, but were afraid to ask Cool movies and cool dog names seem to go hand in hand In street terms we are speaking of gutless Christians but for the sake of diplomacy let's say they aren't too willing to take a firm stand

[url=http://www.authenticnikefalconsshop.com/michael-turner-jersey-for-sale-c-15_20.html]Nike Michael Turner Jersey[/url]
[url=http://www.authenticnikefalconsshop.com/julio-jones-jersey-for-sale-c-15_19.html]Cheap Julio Jones Jersey[/url]
[url=http://www.authenticnikefalconsshop.com/tony-gonzalez-jersey-for-sale-c-15_22.html]Cheap Tony Gonzalez Jersey[/url]

Anonymous said... Reply

Blogger: Blog Pak Dani - Poskan Komentar generic lorazepam - ativan 2mg http://www.ativanonlineoffer.com/#ativan-2mg

«Oldest ‹Older   401 – 501 of 501   Newer› Newest»

Post a Comment

Silahkan tulis komentar sebagai umpan balik dari artikel ini. Tidak diperkenankan untuk komentar yang berunsur spamming, porno, dll.

http://picasion.com/i/1TFa9/

Sub Menu

  • 1. Membuat Teks Berkedip
  • 2. Menambah Elemen di Atas dan Bawah Posting
  • 3. Menambah Dua Elemen di Bawah Sidebar
  • 4. Kotak Komentar Blogger Bermasalah
  • 5. Membuat Teks Bergerak Pada Blogger
  • 6. Membuat Tabel Pada Blogger
  • 7. Cara Membuat Scrollbox pada Blogger
  • 8. Fungsi New Pages Pada Blogspot
  • 9. Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
  • 10. Membagi 2 Kolom Sidebar Blog
  • 11. Cara Memperlebar Halaman Blog
  • 12. Mengatur Perataan Posting Artikel
  • 13. Membuat Menu Dropdown Pada Arsip
  • 14. Blogger Sudah Support Fungsi Readmore
  • 15. Menambahkan Web Counter
  • 16. Cara Mendaftar dalam Blogspot
  • 17. Membuat Emotion Pada Blogger
  • 18. Memasang Yahoo Messenger Emotion
  • 19. Membuat Background Posting
  • 20. Membuat Menu Tab View Pada Blogger
  • 21. Cara Mengganti Icon Pada Address Bar
  • 22. Cara Memasang Gambar Berbingkai
  • 23. Cara Membuat Tombol Facebook Like di Blogger
  • 24. Cara Membuat Related Post Dengan Fungsi Scroll
  • 25. Membuat Border dan Kotak Pada Postingan
  • 26. Cara Membuat Buku Tamu Melayang
  • 27. Membuat Iklan Melayang dengan Tombol Close
  • 28. Membuat Kata Sambutan, Penutup dan Pertanyaan Pada Blogger
  • 29. Memasang Widget Recent Post dengan Thumblnails
  • 30. Evolusi Blogger dari Tahun 1999 - 2009
  • 31. Tips Agar Blog Anda Mudah Diakses di HP
  • 32. Cara Memasang Retweet Button Pada Blogger
  • 33. Cara Memperbesar Image/Gambar Pada Postingan Blog
  • 34. Menambah Font dari Google Custom Pada Blogger
  • 35. Membackup Komentar di Blogger
  • 36. Koleksi Gratis RSS Feed Icon dan RSS Feed Vector Graphics
  • 37. Tips Menjadikan Blogger Unlimited Bandwidht/Loading Page Super Cepat
  • 38. Daftar 'Keyboard Shortcut' Untuk Posting di Blogger
  • 39. Mengganti Font Blogger dari Kernest.com
  • 40. Tips Seni Dalam Menulis Artikel di Blog Kita
  • 41. 8 Tips Menulis Artikel Blog Dalam Waktu 20 Menit
  • 42. 5 Tips Efektif dalam Menulis di Blog
  • 43. Mengenal Lebih Dekat Tentang SEO dengan SEO Dictionary
  • 44. 4 Situs Terbaik Bekapasitas 10GB Untuk Menyimpan Data Secara Online
  • 45. SEO adalah Kerangka, Konten adalah Otot, Sosial Media adalah Fisik
  • 46. Bagaimana Cara Kerja Google?
  • 47. Perbaharui Posting Lama Anda
  • 48. Mengapa Page Rank Blog/Web Jatuh?
  • 49. Share Buttons Milik Blogger
  • 50. Integrasi Antara Blogger dan Zemanta Gadget
  • 51. Gambaran Frekuensi Posting Blog kita
  • 52. Cara Mengatasi Blog Post dari Copy Paste
  • 53. Batas/Limit Kapasitas Akun Blogger
  • 54. Posting Blog Menggunakan Word 2010
  • 55. 6 Situs Foto Gratis untuk Blog Anda
  • 56. Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
  • 57. 5 Alasan Mengapa Anda Harus Menjawab Setiap Komentar
  • 58. Cara Memodifikasi Bullet List dan Numbered List di Blogger Post
  • 59. Generasi Blogger Masih Didominasi Oleh Kawula Muda
  • 60. Blogger Perkenalkan Pendeteksi Otomatis Komentar Spam
  • 61. Blogger Belajar Dari Harry Potter
  • 62. Trik Menampilkan Total Post, Comment, dan Online User
  • 63. 38 Jawaban SEO
  • 64. Trik Menampilkan Total Post, Comment, dan Online User
  • 65. Cara Mentransfer Akun Blog ke Akun Blog yang Lain
  • 66. Mengenal Fungsi Navbar di Blogger
  • 67. Cara Pasang Recent Posts Thumbnails Dengan Mudah
  • 68. Cara Memasang File Flash Di Blog Post
  • Popular Posts

    Shout it!