KaliMasMedia: Cara pasang Buku Tamu Blogspot

Ilustrasi KALIMASMEDIA

Cara pasang buku tamu diblogs,,,cara ini saya ambil dari blog, andreykusanalagi.com
Buku tamu yang saya tulis ini, terletak di sebelah kanan melayang(float) dan bila di Clck akan bergeser dan membuka buku tamu tersebut.

Baiklah langsung aja tidak usah panjang-panjang tulisanya. dibawah ini adalah kode Scripnya

Biasa login dulu ke blog kamu - lalu tambah elemen - pilih HTML - masukan kode scripnya - Click save - selesai.

<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://b.imagehost.org/0611/buku-tamu.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #ffffff;
background:#0B610B;
padding:2px;
}
.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);}
}

Letakan disini ! Code buku tamu Anda

<center><center><a style="color: #F3B517; font-size: 12px; text-decoration: blink;">Mau pasang begini juga Bos,,,</a></center><li><a href=http://kalimasmedia.blogspot.com/2012/04/cara-pasang-buku-tamu-blogspot.html#more/> [Click disini!]</a></li>
<div class="hc-credit">
<span style="float:left">
</span>
</div>
</center></div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>


Mau lihat Contoh tampilan buku Tamu click disini !

"Tulisan warna Merah kode buku tamu"

Judul Posting :Cara pasang Buku Tamu Blogspot
Semoga bermanfaat bagi bloggers. Terimakasih atas kunjungan serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

Sertakan Link Sumber Bila Copy Paste

Sabtu, 14 April 2012

Cara pasang Buku Tamu Blogspot

Diposkan Oleh : luxspia ~ News, Music, Sport, Articles, Religius

Baca juga yang ini:

Tidak ada komentar:

Posting Komentar