Cara Membuat Buku Tamu atau Shoutmix Melayang

Cara membuat shoutmix melayang mungkin bisa membuat blog kita lebih ramping dan tidak memakan tempat karena shoutmix ini bisa melayang mengikuti page yang berada di layar monitor... Kalau kamu mautahu caranya ikuti tutorial berikut ini :

1) log in ke account blogger anda

2) masuk ke tata letek > elemen halaman > tambah gadget > pilih hhtml/java script

3) masukan kode berikut ini ke dalam hml/java script anda

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIrcaCzLjX4YIyctwj1e4zZBBgZ7_jS8H4jJUgzbV-FuTbwKJNoIIUVQbTR3SCpBvmLbgXyobT0na0VKgqqyKmsiHW58BHzVzM3Deb_ZuZisNyZ6ExxCD3aCU2rlOX1gCvCs6_1bY4ipry/') 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 class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<!-- Begin ShoutMix - http://www.shoutmix.com --><center>

<iframe title="ahamdabi" src="http://www.shoutmix.com/?ahamdabi" frameborder="0" height="300" width="190" scrolling="auto">&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;a href="http://www.shoutmix.com/?ahamdabi"&amp;amp;amp;gt;View shoutbox&amp;amp;amp;lt;/a&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;</iframe></center>

<!-- End ShoutMix -->

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div></div> 

4) Simpan dan Lihat hasilnya

silahkan tinggalkan komentar atau mengisi buku tamu di bagian atas kiri untuk persahabatan bloger. :D

Bagikan lewat :

Tweet

Anda sedang membaca artikel tentang Cara Membuat Buku Tamu atau Shoutmix Melayang dan anda bisa menemukan artikel Cara Membuat Buku Tamu atau Shoutmix Melayang ini dengan URL http://really-really-good.blogspot.com/2011/05/cara-membuat-buku-tamu-atau-shoutmix.html. Anda boleh menyebarluaskannya atau meng-copy paste-nya jika artikel Cara Membuat Buku Tamu atau Shoutmix Melayang ini bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan LINK Cara Membuat Buku Tamu atau Shoutmix Melayang sebagai sumbernya.

<a href='http://really-really-good.blogspot.com/2011/05/cara-membuat-buku-tamu-atau-shoutmix.html'>Cara Membuat Buku Tamu atau Shoutmix Melayang</a>

Artikel lain yang mungkin ingin anda baca!

Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!