Sunday, December 25, 2011

Membuat Buku Tamu Tersembunyi

Assalamualaikum sobat. Alhamdulillah kita berjumpa lagi pada postingan kali ini, kali ini ane mau berbagi tentang cara membuat sebuah buku tamu sederhana yg berada di pojok kanan atas. sperti pada blog ane tercinta ini. Singkat penjelasan tentang judul posting kali ini Membuat Buku Tamu Tersembunyi, Tersembunyi disini bukan berarti tidak terlihat, k'lo ga kelihatan gimana cara ngisinya ya sobat.. nah tapi maksudnya adalah, apabila di klik buku tamu maka buku tamu akan tampil, ini disebabkan karena buku tamu ini mengandung script javasript, jadi tampilannya tidak monoton bisa lebih hidup. sebelum memasang kita diharuskan mempunyai script buku tamu sebagai widget yg akan kita masukkan, kode tersebut dapat kita peroleh dari situs penyedia buku tamu atau chat box, yaitu bisa menggunakan Shoutmix, atau Cbox. Caranya mudah sobat tinggal daftar dan cari codenya, atau lebih lengkapnya bsa search di google, mungkin bisa kita bahas pada posting berikutnya.. nah apabila kita sudah memiliki source code dari salah satu situs tersebut, baru mulailah kita menambahkannya ke blog kita caranya :

1. Login Blogger seperti biasanya.
2. Lalu masuk ke Rancangan dan pilih Elemen Halaman.
3. Pada Elemen Halaman, kita klik tambah gadget dan cari HTML / Javascript.
4. Nah kemudian masukkan kode berikut pada elemen HTML / Javascript.

<!-- Begin Buku Tamu - http://notebase.blogspot.com -->
<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">



<Paste / Tambahkan Kode / Script buku tamu anda disini>



<div style="text-align:right">
<a href="http://notebase.blogspot.com/2011/12/membuat-buku-tamu-tersembunyi.html" target="_blank">Buat Buku tamu ini !!
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
<!-- End Buku Tamu - http://notebase.blogspot.com -->

5. Nah pada script diatas, dan pada bagian <Paste / Tambahkan Kode / Script buku tamu anda disini> ganti dengan script / source code dari Salah satu penyedia chat box tadi.

6. Dan terakhir adalah Simpan halaman anda, klik simpan pada elemen halaman.
7. Lihat Hasilnya, apabila berhasil maka akan tampil buku tamu seperti pada blog ane.

nah itulah singkat cara membuat buku tamu sederhana ini, smoga ada manfaatnya, thanks for visit my blog, sekian posting ane kali ini kita berjumpa lagi pada posting berikutnya, jngn lupa untuk selalu meninggalkan komentarnya ya sobat.

wassalamualaikum wr wb.


|


Masukkan Email Untuk Berlangganan Tulisan by E-mail



Tulisan Lainnya :

23 comments:

  1. Hmm is anyone else having problems with the pictures on
    this blog loading? I'm trying to determine if its a problem on my end or if it's
    the blog. Any responses would be greatly appreciated.

    my web page ... Air Max

    ReplyDelete
  2. I really like it whenever people come together and share
    opinions. Great blog, keep it up!

    Feel free to surf to my web page Abercrombie France

    ReplyDelete
  3. I'm amazed, I must say. Rarely do I come across a blog that's
    equally educative and amusing, and without a doubt, you have hit the nail on the head.
    The issue is something which too few people are speaking intelligently about.
    I am very happy that I found this in my hunt for something relating to this.


    Feel free to surf to my homepage Louis Vuitton Bags

    ReplyDelete
  4. If some one wishes expert view on the topic of blogging after that i suggest him/her to pay a
    quick visit this website, Keep up the pleasant job.


    Also visit my blog post - Sac A Main Louis Vuitton

    ReplyDelete
  5. Attractive section of content. I just stumbled upon your
    site and in accession capital to assert that I get in
    fact enjoyed account your blog posts. Any way I'll be subscribing to your augment and even I achievement you access consistently rapidly.

    Look into my weblog ... www.tedxyse.com

    ReplyDelete
  6. What's up mates, nice piece of writing and pleasant urging commented here, I am genuinely enjoying by these.

    Also visit my web site Louis Vuitton Outlet

    ReplyDelete
  7. There is certainly a lot to know about this topic.
    I really like all of the points you made.

    Also visit my weblog :: Air Jordan

    ReplyDelete
  8. It's actually a great and useful piece of info. I am glad that you simply shared this useful information with us. Please keep us up to date like this. Thank you for sharing.

    Take a look at my weblog; Louis Vuitton Bags

    ReplyDelete
  9. Howdy! I just want to give you a big thumbs
    up for your great info you have got right here on this post.
    I'll be coming back to your web site for more soon.

    My site Get More Information

    ReplyDelete
  10. Paragraph writing is also a excitement, if you know after that you can
    write otherwise it is complex to write.

    Also visit my website; Christian Louboutin Sale

    ReplyDelete
  11. Do you have a spam issue on this site; I also am a blogger, and I was wanting to know your situation; we have developed some nice methods
    and we are looking to swap techniques with other folks, please shoot me an email if
    interested.

    Feel free to surf to my web blog; Air Jordan Pas Cher

    ReplyDelete
  12. What's Happening i am new to this, I stumbled upon this I have found It absolutely useful and it has aided me out loads. I'm hoping to give
    a contribution & aid other customers like its helped me.
    Great job.

    Feel free to surf to my webpage :: Michael Kors Outlet

    ReplyDelete
  13. Hey there! I'm at work browsing your blog from my new apple iphone! Just wanted to say I love reading through your blog and look forward to all your posts! Keep up the fantastic work!

    my homepage Michael Kors Outlet

    ReplyDelete
  14. Hi there everyone, it's my first visit at this web page, and paragraph is genuinely fruitful in support of me, keep up posting these articles or reviews.

    Here is my website: Sac A Main Louis Vuitton - nysacpr.org -

    ReplyDelete
  15. If some one wishes expert view on the topic
    of running a blog after that i recommend him/her to visit this blog,
    Keep up the good job.

    Feel free to visit my web site :: LeBron James Shoes ()

    ReplyDelete

Berikan sedikit komentar sobat, karena itu sangat berarti buat saya, dan saya sangat berharap sobat tidak menggunakan user Anonim / anonymous tapi gunakan saja Name / URL, atau dengan E-mail itu lebih baik.. thanks for visit my blog

Copyright © 2012. NoteBase - All Rights Reserved
Template Design by AkustikCorporation
Powered by Blogger