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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL8jH-GV77fap295DQvYPIzYD-cYjfDdDn-KPG0BrGVNUCfvm_kevqGfAgAa4zED3ST1QeINjxmNu71RRzX-dIrKxzTQR8Jf_T7pVKALcdDWUnE3NofmbkVpHQDJNq_JrmZYHmcorjwsSp/') 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 :

24 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


  16. شركة الخدمات المنزلية بالمدينة المنورة شركة تيجان
    إذا كنت عميلنا العزيز بحاجة إلى خدمات النقل والتنظيف ومكافحة الحشرات بالمدينة المنورة، فإليكَ واحدة من أكبر شركات الخدمات المنزلية بالمدينة المنورة فقد تقوم شركتنا بتقديم الكثير من الخدمات والتي تحرص على أن تقدمها بأقل وأرخص الأسعار فأسعار الشركة تتناسب مع جميع عملاء المدينة المنورة والمملكة العربية السعودية بأكملها.

    شركة نقلعفش بالمدينة المنورة
    شركة تنظيف بالمدينة المنورة
    شركة مكافحة حشرات بالمدينة المنورة
    شركة مكافحة النمل الابيض بالمدينة المنورة
    شركة مكافحة حشرات بالمدينة المنورة
    شركة تنظيف خزانات بالمدينة المنورة
    شركة عزل اسطح بالمدينة المنورة
    شركة تمديد غاز مركزي بجدة
    لزيارة موقعنا
    http://tasmimm.com

    ReplyDelete
  17. ارخص شركة تنظيف بصفوى 0546970480 المستقبل

    تهتم
    شركة تنظيف بصفوى
    بتنظيف الفنادق من الداخل والخارج وتنظيف الحوائط والارضيات والواجهات والاعتماد على افضل مواد التظيف والتعقيم وتنظيف الفرش والسجاد والانتريهات الخاصة بالفندق كما تعتمد نحن
    ارخص شركة تنظيف بصفوى
    على مجموعة من المعدات والالات الحديثة التى تقوم باعمال النظافة كاجهزة البخار واجهزة التكيف واجهزة التعقيم لانجاز عملية النظافة على اعلى مستوى كما تهتم نحن
    شركة تنظيف منازل بصفوى
    بتوفر اجود انواع المنظفات والمطهرات

    شركة تنظيف موكيت بصفوى
    و
    شركة تنظيف شقق بصفوى
    و
    شركة تنظيف كنب
    و
    شركة تنظيف مسابح بصفوى
    و
    شركة صيانة مسابح بصفوى
    وايضا
    شركة تنظيف مساجد بصفوى
    و
    شركة صيانة مساجد بصفوى



    ReplyDelete

  18. ارخص شركة عزل اسطح بالدمام 0546970480 المستقبل


    الكثير يعاني من مشكلة تراكم الأمطار فوق أسطح المنازل تحديداً في فصل الشتاء، والذي يؤدي إلى العديد من المشاكل التي تحدث للأبنية الداخلية والأبنية الخرسانية للمنازل وقد تتسرب المياه وتتغلل داخل سطح المنزل مما يؤدي إلى حدوث بعض المشاكل وتسرب المياه إلى داخل المنزل بشكل ظاهر والذي يسبب الإزعاج لصاحب المنزل.

    ارخص شركة عزل اسطح بالدمام

    كما يتسبب أيضاً تسرب المياه الى بعض التشققات في الأسطح وتفسد الدهانات الموجودة بالسقف ويجعل شكلها سىء جداً، وخلال فصل الصيف وأشعة الشمس القوية تتسبب في إزعاج سكان المنزل مما تجعل حرارة المنزل مرتفع جداً ويتسبب في الإحساس بالاختناق والتعرق، فلتخلص من كل هذه المشاكل لابد من عملية عزل للأسطح .

    تعتبر عملية عزل الأسطح مهمة للغاية ومن أهم الشركات المخصصة في هذا المجال المستقبل
    شركة عزل فوم بالدمام
    التي تقدم الخدمة لكافة أنواع الأسطح، وتهتم
    شركة عزل اسطح بالدمام
    بأعمال العزل الحرارية والمائية للأسطح، وتعتمد الشركة على مجموعة من العاملين الذين يتمتعون بخيرة وكفاءة عالية للتعامل مع الأنواع المتعددة للعزل الحراري و العزل المائي لاننا
    شركة عزل حرارى بالدمام
    و
    شركة عزل مائى بالدمام
    شركة عوازل الدمام
    شركات العزل المائي بالدمام
    شركات العزل الحراري بالدمام


    اسعار عزل الفوم
    اسعار الواح الفوم العازل

    ReplyDelete

  19. تقوم شركتنا بعمل جميع أنواع التنظيف سواء تنظيف منازل أو فلل، فتقوم الشركة في مدينة بابها بعمل تنظيف لجميع الأركان الموجودة في المنزل، وتستخدم الشركة العديد من الأدوات التي تستخدم في تنظيف المطابخ ويوجد مساحيق أخرى خاصة لتنظيف الحمام، وتستخدم الشركة ألالات حديثة لتنظيف السجاد والموكيت.

    شركة نقل عفش بجازان
    شركة تنظيف شقق بجازان
    شركة تنظيف بجازان
    شركة تنظيف خزانات بجازان
    شركة كشف تسربات المياه بجازان
    شركة تسليك مجارى بجازان
    شركة تنظيف مجالس بجازان
    شركة عزل اسطح بجازان
    ______________

    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