3 Langkah Mudah Cara membuat Buku Tamu pada Blog

Tag Image/Gambar Cara memasang buku tamu pada blog Alhamdulillah akhirnya bisa posting lagi mengenai tutorial blog. Pada postingan yang lalu blog hayardin telah berbagi mengenai Daftar Blog Dofollow pagerank tinggi, jika masih ada yang belum sempat membacanya, sobat bisa membacanya lagi Daftar Blog Dofollow Pagerank Tinggi Terbaru

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/AVvXsEj5uYTq9jwCwIMxbCfqQ2Fn_B8xLaQWt2cLPfRI2m0IsI8fZXJhUPRtH19ubeJgHLXMHEOI6ikCzDnw88YfUvkiX7YQxrnkx9fC4_-lYCrSL63B2CLEp00Bs7-jkkgoTJfcKNuLSFjwCX4o/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>

Bagaimana Apa Anda menemui kesulitan dalam membuat buku tamu didalam blog kesayangan Anda ?

Dengan memasukan alamat email Anda dibawah ini, berarti Anda akan dapat kiriman artikel terbaru dari www.hayardin.com  di inbox e-mail anda

Enter your email address:



Delivered by FeedBurner

4 komentar untuk "3 Langkah Mudah Cara membuat Buku Tamu pada Blog"

  1. Balasan
    1. iya...silahkan dicoba sobat,,,semoga berhasil ya sobat...

      Hapus
  2. Makasih infonya Sob.
    Jadi tahu cara buat buku tamu pada blog nih..

    www.ibnuwibowo.com

    BalasHapus
  3. Terimakasih informasinya saya sangat terbantu dan sukses selalu .
    Salam dari pengrajin Jaket Kulit broockleather Garut

    BalasHapus

Terimakasih Sudah Membaca Artikel Dalam Blog www.hayardin.com

Silahkan Tinggalkan Komentar Karena Komentar Anda adalah inspirasi saya untuk membuat goresan dalam blog ini...

Saya akan sangat berterima kasih dan menghormati Anda jika tidak melakukan SPAM. Kritik dan saran yang membangun akan saya terima dengan senang hati...

Salam SUKSES !

Hayardin, S.Pd