Kamis, 08 September 2011

0 cara Membuat Shoutmix Chat Model Sliding


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

Seperti yang Anda semua ketahui bahwa ada
berbagai cara untuk membuat tampilan buku
tamu atau shoutmix chat saat terbuka.

Pada tutorial kali ini kita coba membuat
tampilan shoutmix chatnya dengan model
sliding. Contohnya bisa Anda lihat di
blog ini pada sisi sebelah kiri.



>> syamsudinanamaku.blogspot.com




Berikut ini langkah untuk membuatnya :

1.    Rancangan -> Tambah Gadget ->
       Pilih HTML/JavaScript.

2.    Masukkan ke dalam kontennya
       kode berikut ini lalu simpan.

<style type="text/css">
#shout{
position:fixed;
bottom:1px;
left:1px;
z-index:+2000;
}
* html #shout{position:relative;}
.shouttab{
height:45px;
width:30px;
float:right;
background:url('http://3.bp.blogspot.com/-K1lgUE-WzoQ/TfbSMs74MDI/AAAAAAAAB8A/lzayq1jVHaM/s1600/arrayfloat.gif') no-repeat;}
.shoutcontent{
float:right;
border:2px solid #ccc;
background:#FFFFFF;
padding:5px;}
</style>
<script type="text/javascript">
function showHideSHOUT(){
var shout = document.getElementById("shout");
var w = shout.offsetWidth;
shout.opened ? moveSHOUT(20-w, 0) : moveSHOUT(0, 35-w);
shout.opened = !shout.opened;}
function moveSHOUT(x0, xf){
var shout = document.getElementById("shout");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
shout.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveSHOUT("+x+", "+xf+")", 70);}
}
</script>
<div id="shout">
<div class="shouttab" onclick="showHideSHOUT()" title="Show/Hide"> </div>
<div class="shoutcontent">

KODE SHOUT ANDA LETAKKAN DI SINI.

<script type="text/javascript">
var shout = document.getElementById("shout");
shout.style.left = (30-shout.onsetWidth).toString() + "px";
</script></div></div>

KETERANGAN :

Ganti syamsudinanamaku.blogspot.com
dengan URL nama blog Anda.

Masukkan kode Shoutmix Anda pada
tempat yang disediakan.

Selamat mencoba dan tetap good luck!

0 komentar:

1. Good Girl
2. D'MASIF -sudah perih ini
3. Haney Bunny Sweety-G-String.mp3
4. ARMADA-Mau Dibawa Kemana.mp3
5. Ayang Ayangku.mp3
6. Tak Semestinya Kita Berpisah (TSKB).mp3
7. When The Children Cry - White Lion.mp3
Info

Catatan HUGGENG|CYBER

SELAMAT DATANG DI BLOG SAYA :), MAAF KALO DI BLOG INI ISI DARI KONTEN KURANG MENARIK< TETAPI SAYA AKAN MEMBUAT PARA PENGUNJUNG SENANG DI BLOG INI

Sekilas Tentang Admin

Saya Buakanlah Profesional Pembuat Blog Atau Web, Saya Masih Butuh Belajar, Dari Rekan2 Bloger. INFO:
BLOG ANAK INDONESIA UNTUK ANDA SEMUA

Follow

Follow HUGGENG|CYBER

Nikmati Layanan TV Online Gratis di HUGGENG|CYBER *