Cara Membuat Shoutbox/ Buku Tamu di Blog - Dengan Efek

Written By naufal aulia on Jumat, 24 Agustus 2012 | Jumat, Agustus 24, 2012

Cara Membuat Shoutbox/ Buku Tamu di Blog - Dengan Efek - Lama tak berjumpa dengan postingan mengenai trik blog hehehh.. krn di postingan sebelumnya saya sibuk dengan Android kali ini saya sempatkan menulis mengetik artikel di malam yang dingin ini. Sesuai permintaan sobat shizadaa, saya akan membahas cara membuat shout atau buku tamu seperti punya saya ( pojok kanan atas blog ini ). Langsung saja ke topik, buku tamu ini berguna untuk interaksi antara pengunjung dengan pemilik blog ataupun dengan pengunjung lain. Berhubung sudah malam langsung saja kita memulai tutorialnya :


Cara Membuat Shoutbox/ Buku Tamu di Blog - Dengan Efek
  • loggin ke blog kalian masing-masing
  • pilih rancangan-->tambah gadget--> lalu pilih html/javascript
  • kopi-kan kode dibawah ini pada kotak yang disediakan
<!-- Mulai Hidden Widget -->
<style type="text/css">
.rifaldhi_fixed{ 
position:fixed;
top:70px; /*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://2.bp.blogspot.com/-Z9QAtvW-7mE/T59qwayX_PI/AAAAAAAAA-U/QjX42U9w68o/s1600/close.png" 
/></a></div>
GANTI TULISAN INI DENGAN KODE SHOUT KALIAN
<br/>
<script type="text/javascript" src="http://nofalsama77kode.googlecode.com/files/bukutamu%20%282%29.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://4.bp.blogspot.com/-eZgJn1EtUyc/T59qud8SE7I/AAAAAAAAA-M/tg0MFyxlv-I/s1600/bukutamu3c.png" /></a>
</div>
<!-- Selesai Hidden Widget -->
  • ganti tulisan yg berwarna merah dengan kode shoutbox/ buku tamu kalian masing2 
  • save !!!
semoga berhasil.. ---sekian---
HAppY BLOGging :)

Ditulis Oleh : naufal aulia ~nofal-sama77

Muh.Akram Anda sedang membaca artikel berjudul Cara Membuat Shoutbox/ Buku Tamu di Blog - Dengan Efek yang ditulis oleh nofal-sama77 Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: Jumat, Agustus 24, 2012

4 comments:

  1. buku tamuku masih standar banget gan. salam sukses

    BalasHapus
  2. Shoutbox memang memberikan manfaat bagi kita yang suka blogwalking.. makasih nih info yg satu ini :)

    BalasHapus
  3. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

    BalasHapus
  4. langsung ke TKP gan...makasih info tipsnya

    BalasHapus