Cara Membuat Buku Tamu melayang di Blogger

Assallamualaikum wr. wb, Di postingan Nisan ini, nisan akan share Cara membuat Buku tamu melayang di blogger. Untuk demonya bisa lihat sendri di blog nisan. Untuk fungsi dari pada buku tamu ini, pasti sahabat nisan sudah tau, bisa sebagai tempat untuk para pengunjung meninggalkan jejak, bisa untuk tempat menampung pertanyaan - pertanyaan seputar blog terkait, dan masih banyak lagi. Untuk caranya sebagai berikut :

• Pertama sahabat nisan harus mendaftar ke situs penyedia layanan guest book. Untuk daftar situs  bisa sahabat nisan lihat di SINI. Akan tetapi jika sahabt nisan sudah pernah mendaftar dan memilik script chatboxnya bisa melanjutkan ke langkah berikutnya.
• Login Ke dasbor, >> Tata  Letak >> Tambah gadget  >> pilih HTML/Java sript
• Lalu pastekan  Script berikut :

<!--  chatbox by http://blognisan.blogspot.com/ START -->
<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2LE3YvlNookbT1VDxjHEb5ZbHbOjh1iQx5DH8dllxVo407zoeCiI-5GNuC4cIe5-qjcwuG7JUR6GJmqOumdFeTlM9eRV1Um2D5SkKfzVIVkkbVZ71etiF7lOQrEnWxuY79Jj-AlqypYs/s1600/guest-book.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #003e82;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">

SCRIPT BUKU TAMU SAHABAT NISAN

<p><span style='float:right;font:italic 8px Arial, Sans-Serif;'><a href='http://blognisan.blogspot.com' target='_blank'>::get this widget:: </a></span></p>
<div style='clear:both;'/>
<br />
<div class="hc-credit">
<span style="float:left">
</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>
<!-- chatbox http://blognisan.blogspot.com/ END --></div> 

•  Sebelum di save, perhatikan text yang berwarna hijau pada script tersebut. Ganti text tersebut dengan script buku tamu sahabt nisan.
• Save dan liat hasilnya

Posted by admin

Tweet