Cara Buat Buku Tamu – Membuat Buku Tamu Menempel di Blog

Hi… Ketemu lagi dengan Kali Ini catatan saya berjudul Cara Buat Buku Tamu atau cara membuat buku tamu bisa menempel di sisi Blog, kenapa sampai saya merekomendasikan tampilan seperti “Buku tamu menempel di Blog”, alasannya untuk menghemat tempat apalagi mungkin ada beberapa rekan blogger mempunyai banyak iklan di blognya nah anda bisa menyisipkan iklan di blog anda juga persis di bawah chat Box atau buku tamu, 

oke langsung saja biar ga keburu basi walaupun sebenarnya sudah basi tapi ga apalah sekedar turut meramaikan judul postingan Cara Buat Buku Tamu di Blog  na di bawah ini adalah script kode html buku tamu yang nantinya anda gunkan untuk membuat Buku Tamu menempel di sisi Blog langsung di Copaz kodenya teman. et tunggu dulu…!

sebaiknya mmungkin saya pandu dulu yah step by step membuat buku tamu di blog menempel mari kita mulai:

1. Masuk ke Blog yang anda punya , lalu pilih Design/Rancangan
2. Add widget/tambahkan widget Html/JavaScript
3. Nah setelah itu…   Copy Code di bawah ini

<style type=”text/css”>
#gb{
position:fixed;
top:23px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url(‘http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png&#8217;) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type=”text/javascript”>
function showHideGB(){
var gb = document.getElementById(“gb”);
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById(“gb”);
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + “px”;
if(x0!=xf){setTimeout(“moveGB(“+x+”, “+xf+”)”, 10);}
}
</script>
<div id=”gb”>
<div onclick=”showHideGB()”> </div>
<div>

 Masukan Code Script ChatBox/ShoutBox kamu Disini

<div style=”text-align:right”>
<a href=”javascript:showHideGB()”>
[Close]
</a>
</div>
</center></div>
</div>
<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.right = (30-gb.offsetWidth).toString() + “px”;
</script>

Jangan Lupa masukkan kode Script ChatBox/ShoutBox nya atau bisa di tambahkan iklan tepat di bawahnya dengan menambahkan code <br> kode iklan/Banner anda </br>

sedangkan untuk mengatur agar supaya kode iklan tertata dengan baik anda bisa menambahkan kode <center>kode Iklan/banner anda</center> tujaunnya agar iklan terpasang pas di tengah jika ukuran bannernay lebih kecil maka akan terliahat bagus silahkan di lihat buku tamu saya 

contoh yang benar seperti di bawah ini:

<br><center> Kode Iklan/banner anda</center></br>

nah demikian cara buat buku tamu atau membuat buku tamu menempel di sisi blog semoga bermamfaat salam sukses selalu

About tampubolondesi30

motto:times its money........
This entry was posted in Tak Berkategori. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s