Cara Membuat Shoutbox/ Buku Tamu di Blog

Cara Membuat Shoutbox/ Buku Tamu di Blog

• 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjea_b2qDLUxO-Nwj3L9uK7ilVH7Asjw5MC_lXBHS4LG_4PG1d4PZXAxwe00cz-HN_zZ0wqwj7DfiUvkAcnQ9KM08lPTRpluKHZodEgCQKWBKmpDa1OH0fR7_Bt_QiwZzpQSKqbDuS9J0ME/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm9PL6chFv4BaR6JtISLMvenYbqYwC0CWlPOzkCLvlpy57saNHDzyud_z38YWcnaVEHlslJ8k1UTzx8sBpM0oUUp7cfHqJQCftxfhQhtwxjFHmry2z02SnKUSuJ4PkKcNk0LEIbdP7tYsJ/s1600/bukutamu3c.png" /></a>

</div>

<!-- Selesai Hidden Widget -->

• ganti tulisan yg berwarna merah dengan kode shoutbox/ buku tamu kalian masing2 
• save !!!

semoga berhasil..

Posted in: Panduan Blogspot