Pages

Rabu, 28 November 2012

Cara Mudah Membuat Buku Tamu

Cara Mudah Membuat Buku Tamu - Hi sobat catatan kecilku atau CK, udah lama juga ya CK tidak update lagi maklum tahu sendirikan kalau ngeBlog itu banyak gangguannya (padahal malas). Pada pagi hari ini sebelum aku kembali tidur karena baru pulang dari kerja, aku pengen berbagi mengenai cara mudah membuat buku tamu pada blog.


Bagi kebanyakan orang atau lebih tepatnya bagi mereka yang telah lama berkecimpung didunia blogger pasti sudah tahu yang namanya apa itu buku tamu pada blog, namun bagi orang yang masih awam dengan yang namanya buku tamu contohnya seperti CK ini tentu bisa menambah wawasan yang baru betul tidak..?

Sebenarnya apa itu buku tamu? Buku tamu adalah sebuah buku yang wajib ada dalam pernikahan dimana orang-orang yang hadir harus mengisi buku tamu yang telah disediakan oleh pihak yang mengadakan acara pernikahan tersebut. Lho kok gitu, kalau begitu caranya gimana kita memasangnya?apa buku tamunya di tempelin ke monitor? Tenang sob, penjelasan disana hanyalah bercanda (meskipun gx ada yang ngajak bercanda juga). Begini, buku tamu pada sebuah blog bisa mempunyai peranan yang cukup penting juga misal ada pengunjung yang datang ketempat blog kita mungkin dari mereka ada juga yang ingin meinggalkan jejak mereka pada buku tamu tersebut atau bisa juga dijadikan ajang tanya jawab antara pemilik blog dengan pengunjung meskipun tanya jawab juga bisa dilakukan melalui kotak komentar.

Untuk mempersingkat waktu dan dikarenakan yang punya blog sudah tidak tahan dengan rasa kantuk yang melanda, lebih baik kita langsung aja. Check this out (lebay loe CK)

Cara Mudah Membuat Buku Tamu

Langkah pertama yang mesti sobat lakukan adalah yang pasti buatlah blog terlebih dahulu (ya iyalah masa bikin rumah, bener-bener ngaco nih CK),
Langkah selanjutnya adalah sobat CK tinggal daftar diri anda di situs yang menyediakan pebuatan buku tamu tersebut. Bingung dimana bikinnya? nih CK kasih contohnya, chatbox atau shoutmix
Setelah anda mengunjunginya silahkan langsung saja daftar dan ikuti petunjuknya atau bisa cari di google,
Setelah anda mendaftar dan mempunyai buku tamu tersebut, sekarang waktunya untuk dipasang pada blog sobat.

Pastikan anda sudah masuk ke blog sobat, kemudian pilih > dashboard > pilih tata letak > tambah widgets > pilih java script/html > copy dan pastekan kode dibawah ini ke widgets tersebut

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi81-ySpXsu0PX4ElPxdSb62FOfZxP55Y_m5bX9Ihld2rCA56W6Jf5BEEd6kzoyccyQgDdiuwP7pUWAo_6RmdqeaAT0M9RFTzefaG9zO4qCFL9Bs2eIwK6KBFj6lRnTTjIMUravaM_g_1g/s1600/bukutamu.gif') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>

Isikan kode html buku tamu sobat disini

<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Widget by<a target="_blank" href="http://karaokebatak.blogspot.com/2012/04/cara-membuat-buku-tamu-guestbook.html"> KaraokeBatak </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

Kemudian simpan, lihat dech blog sobat. Sekarang buku tamu berhasil sobat pasang.
Nah sekian dulu cara mudah membuat buku tamu pada blog yang bisa CK berikan semoga bermanfaat. Tunggu postingan selanjutnya dari CK. Salam sukses ! ! !

Catatan : silahkan sobat ganti kode yang berwarna merah dengan buku tamu sobat.