Cara Menyembunyikan Buku Tamu di Blog

Cara Menyembunyikan Buku Tamu pada Blog. Setelah kemarin Oplosanblog share tentang cara mendaftar dan memasang widget Cbox di Blog, kali ini akan dilanjutkan mengenai cara menyembunyikan buku tamu di blog. Tampilan buku tamu nantinya akan tambah keren, karena bisa ditampilkan ataupun disembunyikan. Tidak buang-buang space juga buku tamu sobat, karena tidak masuk di area layout blog sobat. Bagi yang sudah tidak sabar, langsung praktekin saja langkah-langkah di bawah ini :

Langkah-langkahnya :
1. Login dahulu ke akun blogger sobat
2. Masuk Dashboard > Tata Letak
3. Klik Add Widget > HTML/Javascript
4/ Copy pastekan kode di bawah ini

<!-- left hidden chatbox START -->
<style>
#hcr {
position:fixed;
top:50px;
z-index:+1000;
}

* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i.imgur.com/jkh8k.png') no-repeat;
}

.hcrcontent {
float:left;
border:2px solid #03c222;
background:#f3f6f7;
padding:5px;
}

.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">

............COPY PASTEKAN KODE WIDGET SOBAT DISINI.......

<br />

<div class="hc-credit">
<span style="float:left">

<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->

<a href="http://oplosanblog.blogspot.com/2016/04/cara-menyembunyikan-buku-tamu-di-blog.html" target="_blank"> Get this widget! </a>

</span>

<span style="float:right">
<a href="javascript:showHidehcr()">

[close]

</a></span>
</div>
</div>
</div>

<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>

<!--left hidden chatbox END -->

5. Terakhir klik Simpan

Semoga berguna dan bermanfaat....

Diposting Oleh : Boeztanoel ~ Blogging, Trik, Tips, Free Software

Sobat sedang membaca artikel tentang Cara Menyembunyikan Buku Tamu di Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. <a href="http://oplosanblog.blogspot.com/2016/04/cara-menyembunyikan-buku-tamu-di-blog.html" target="_blank">Cara Menyembunyikan Buku Tamu di Blog</a>

:: Oplosanblog ! ::

Artikel Terkait

Get this widget [ Here ]