Cara membuat Buku Tamu pada Blog

Alhamdulillah akhirnya bisa posting lagi mengenai tutorial blog.Pada postingan yang lalu blog hayardin telah berbagi mengenai Daftar Blog Dofollow 2012, jika masih ada yang belum sempat membacanya, sobat bisa membacanya lagi Daftar Blog Dofollow 2012

Pada postingan kali ini saya akan berbagi dengan sahabat blogger mengenai cara Buat buku Tamu pada Blog. Untuk sahabat blogger yang sudah lama bergelut dalam dunia blog, pasti artikel ini tidak begitu menarik, tapi bagi sahabat blogger yang masih tergolong pemula seperti saya, mungkin Tutorial ini akan sedikit bermanfaat

Keberadaan Buku Tamu dalam suatu Blog tentunya memliki peranan yang penting karena lewat buku Tamu inilah Pemilik Blog dan Pengunjung bisa saling berinteraksi.Bagaimana sobat...,tertarik untuk membuat Buku Tamu...? Kalau tertarik seperti biasa kita langsung saja ke TKP

Cara Membuat Buku Tamu pada Blog

1. Silahkan sobat mendaftar dulu pada situs penyedia buku tamu.Ada banyak situs penyedia Buku Tamu.Langsung saya ke TKPnya, Ini contoh situs penyedia Buku Tamunya sobat http://www.fibox.ws/ atau http://www.cbox.ws/
2. Jika sudah selesai mendaftar, silahkan ambil Kode HTML yang diberikan
3. Langkah selanjutnya memasang Kode HML kedalam Blog milik kita,langkah-langkahnya sebagai berikut

• Seperti biasa kunjungi situs blogger.com
• Masukkan alamat E-mail dan Pasword Anda
• Setelah halaman blog Anda terbuka,silahkan alihkan perhatian Anda disudut Kanan atas,nah disitu ada tulisan Desain.Klik tulisan Desain tersebut
• Jika halaman Desain sudah terbuka pilih Rancangan lalu Eleman halaman kemudian Tambah Gadget.Jika gadget sudah terbuka,Pilih HTML/Javascript
• Paste Kode HTML tadi
• Jika ingin variasai lain dalam memasang Buku Tamu, seperti Buku Tamu yang melayang pada sisi kanan Blog, anda tinggal Copy paste Script dibawah ini

<!-- Mulai Hidden Widget -->

<style type="text/css">

.rifaldhi_fixed{

position:fixed;

top:180px; /*jarak dari atas*/

right:0px;

z-index:+1000;

}

* html .rifaldhi_fixed {position:relative;}

#hidden_rifaldhi {

display:none;

border:2px solid #616258; /*ketebalan dan warna kotak*/

-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;

background:#f1f1ea; /*warna latar*/

padding:3px 10px 0px 10px;

}

</style>

<div class="rifaldhi_fixed">

<table id="hidden_rifaldhi" cellpadding="0" cellspacing="0">

<tr><td>

<!-- Gambar Atas -->

<div style="text-float:right"><a href="javascript:void(0)" onclick="rifaldhi_showHiderifaldhi()" title="Close/Tutup"><img style="border:0px; width:auto; height:auto;" alt="Guestbook" src="http://blog.akakom.ac.id/marcell/files/close.png" /></a></div>

LETAKKAN KODE GUESTBOOK/SHOUTMIX/CBOX/SHOUTCAMP ANDA DISINI

<br/>

<script type="text/javascript" src="http://bukutamu-zies-name.googlecode.com/files/bukutamu-zies-name.js"></script>

</td></tr></table></div>

<!-- Gambar Samping -->

<div style="z-index:+5" class="rifaldhi_fixed">

<a href="javascript:void(0)" onmouseover="rifaldhi_showHiderifaldhi()">

<img style="border:0px;" src="http://img221.imageshack.us/img221/4097/bukutamu3c.png" /></a>

</div>

<!-- Selesai Hidden Widget -->

• Jika ingin variasi Buku Tamu seperti Buku tamu yang ada dalam Blog ini, sobat tinggal Copy paste Script dibawah 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4VtaxLLVFnBg6lwTaucZa43tl441mg8Q27t7D0DajOWA9bT57jRHdvnS_d1VrWSS63C9L4bJ42BeIO9DbMfgZMEcuujX-Oot-Zrdu9j-6MKYa6cTx5-1Zd5ZAIjKuqvirkoQ0l835ek1G/s1600/bukutamu.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">

LETAKKAN KODE GUESTBOOK/SHOUTMIX/CBOX/SHOUTCAMP ANDA DISINI

br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://www.cerdaskom.com/2012/02/membuat-buku-tamu-melayang.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>

Disana gunung, disini Gunung, Ditengah-tengahnya Pulau Sulawesi,penulisnya bingung, pembacanya juga lebih bingung, yang penting bisa saling berbagi...

Sampai disini dulu yaa postingannya kali ini sahabat blogger,semoga bisa memberikan sedikit manfaat. Sampai ketemu lagi dipostingan saya yang selanjutnya.

Assalamu Alaikum wr.wb