Teguh Bagus of Veterinary Medicine site v.2

Excellence with Morality

__Sertifikasi dan Prestasi__

    Standart ISO 9001:2008 Kepada Universitas Airlangga oleh British Certification International

_Berbagi tak pernah Rugi_

    Teguh Bagus of Veterinary Medicine site v.2

    ____Hakikat Manusia____

    .: Barang siapa mengenal dirinya, maka ia akan mengenal TuhanNya. Seperti bahasan kita yaitu Awwal- uddin Ma'rifatullah adalah... :. more

    ∞ Akun Facebook & Twitter Kami ∞

..:: Selamat Buat para Pemenang lomba web & blog Mahasiswa Universitas Airlangga Tahun 2015; 1.Mei Budi Utami [FST'12] | 2.Mita Erna Wati [FK'12] | 3.Teguh Bagus Pribadi [FKH'12] | 4.M. Roihan Hanafi [FISIP'12] | 5.Ari Zulaicha [FISIP'12] | 6. Muziburrahman [FPK'14] | => Terimakasih atas kunjungan Anda, jangan lupa kalau mau copy/paste harap cantumkan sumbernya, by : Teguh Bagus Pribadi, http://teguhbaguspribadi-fkh12.web.unair.ac.id, dan Blog ini DIPERBAHARUI sebulan 4x karena kesibukan Perkuliahan ::..

Cara Membuat Chat Box Melayang

diposting oleh teguhbaguspribadi-fkh12 pada 04 January 2013
di Kumpulan Tutorial Blog - 1 komentar


Hallo sobat Blogger hari ini saya akan membahas tentang cara membuat Cbox atau lebih dikenal sebagai buku tamu merupakan hal yang tidak asing lagi di dunia blogger, sudah banyak tutorial-tutorial yang membahas tentang cara pemasangan Cbox, baik dengan cara standar maupun dengan cara pengubahan kode CSS.




Ok langsung saja ke Cara Membuat Chat Box di bawah, atas, kanan, kiri Blog :

Login terlebih dahulu ke blog sobat

Klick Design -> Pilih tata letak -> Tambah Gadget -> Pilih HTML/Java Script.




Copy Code di bawah ini setelah itu paste di HTML/Java Script .

<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('http://1.bp.blogspot.com/-Fu1GTJiqjAs/Tk9GPChUlhI/AAAAAAAAAJo/Rc01LxQqJZQ/s1600/2131wkl.png') 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">


<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" flashvars="id=187289954" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br /><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=187289954">Go Large!</a></small><br />


<br/>

Anda ingin membuat buat Buku Tamu seperti ini?<br/>
Klik  <a href="http://1sfgate.blogspot.com/2012/12/cara-membuat-chat-box-melayang.html">
disini </a>

<div style="text-align:right">

<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</embed></div>


</div>


<script type="text/javascript">

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



Bagi sobat yang ingin mengganti tombol Cbox bisa lihat kode nya Dibawah sini! :


http://1.bp.blogspot.com/-h1DI2Vvt4y0/Tk9GTOFmFDI/AAAAAAAAAKE/6j4-eg8bfVw/s1600/Chatbox.png



http://2.bp.blogspot.com/-N8RQFYloE8U/Tk9GQiznVRI/AAAAAAAAAJ0/w0zESnm6QBI/s1600/Bukutamu3.png



http://3.bp.blogspot.com/-R-qijeJYiRc/Tk9GQdoO_sI/AAAAAAAAAJw/-gz0KZf_fzc/s1600/bukutamu2.gif



http://2.bp.blogspot.com/-QIvW70iUtw0/Tk9GSDXDH7I/AAAAAAAAAJ8/W__GrhmvUao/s1600/bukutamu5.png



http://1.bp.blogspot.com/-Fu1GTJiqjAs/Tk9GPChUlhI/AAAAAAAAAJo/Rc01LxQqJZQ/s1600/2131wkl.png



http://1.bp.blogspot.com/-bbW-SQuPxjA/Tk9GRVOM53I/AAAAAAAAAJ4/3O-QoudrWOA/s1600/bukutamu4.png



http://4.bp.blogspot.com/-kId5EVOdKjY/Tk9GPgw2uCI/AAAAAAAAAJs/5M95sfmpUa8/s1600/BukuTamu1.png




http://4.bp.blogspot.com/-bj4eeCVV6hM/Tk9GSbUTreI/AAAAAAAAAKA/ZCtLxHeV5uY/s1600/Bukutamu6.gif

Klik Simpan / Save dan lihat hasilnya.

1 Komentar

horny

pada : 21 July 2013


"Sc6edw http://www.c1dOvW6eef5JOp8ApWjKQy5RO5mLafkc.com"


Tinggalkan Komentar

Nama :
E-mail :
Web : tanpa http://
Komentar :
Verification Code :