Membuat tampilan CHATBOX/SHOUTBOX [ floating ] ( seperti saya ) ~ NACK MAKASSAR ™

Membuat tampilan CHATBOX/SHOUTBOX [ floating ] ( seperti saya )

Fadhil Ashari On Senin, 26 Desember 2011

Copykan Script dibawah ke : Buka Layout - Page Element dan Klik add gadget - Lalu pilih HTML/JavaScript.

<style type="text/css">

.gb_fixed{

position:fixed;

top:60px;

right:0px;

z-index:+10;

}

* html .gb_fixed {position:relative;}

#hidden_gb2 {

display:none;

border:0px solid gray;

background:transparent;

padding:10px;

padding-top:0px;

}

</style>

<div class="gb_fixed">

<table cellpadding="0" cellspacing="0" id="hidden_gb2"><tbody>

<tr><td>

<div>

<a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="https://www.bookonthenet.net/east/RKEres/Images/CloseButtonHot.bmp" /></a>

<span style="font-size: 80%;">

<span class="Apple-style-span" style="color: white;"> Get this</span>

<a href="http://www.m-azka.com/2011/02/cara-membuat-chat-kotak-chatting.html" target="_blank">

<span class="Apple-style-span" style="color: orange;"> Widget</span>

</a>

<span class="Apple-style-span" style="color: white;"> and</span>

<a href="http://www.m-azka.com/2011/04/membuat-floating-widget-chatbox.html" target="_blank">

<span class="Apple-style-span" style="color: orange;"> Desaign!</span></a></span></div>

Masukan Script yang kamu inginkan disini! Misal: kode Shoutmix, Adsense, Sponsor.

</td></tr>

</tbody></table>

</div>

<script src="http://marewainfo.googlecode.com/files/ordinaryhack-floating.js">

</script>

<div class="gb_fixed" style="z-index: +5;">

<a href="javascript:void(0)" onclick="gb_showHideGB()">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJy4pAhkyUX4gACNux0xEIGJ8Vza2Ru8j40srRb3CkknK9eeN1jSw42RqCENndOhbeyVK9VowYcBHBa6s2g7F_pY-AY2JwDSPUkn6KQtiM_DUJdLbD6P2hYQIHsWYNWeA6FvqXfSLfn9bw/s1600/cbred.png" style="filter: alpha(opacity=60); opacity: 0.6;" />

</a> </div>

tambahan

jangan ganti kode yang berwarna biru

kode yang warna merah yang pertama di isi dengan kode CHATBOX/SHOUTBOX anda

kode merah adalah gambar CHATBOX yang dapat diganti-ganti .

ini adalah beberapa contohnya :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgryJ0qYr3CbZ6s0y0vX0K1M6VqIZ96f0F5w3ayMnuuRXiVhXEgmPek2tbwpwIs8TdVKykTUokzkvutxc1cRv9JxB6kY9KIc3XxCkl3U7dPspU-zG21xWiJvbYy5erStA0ELS_4z4Tkl94_/s1600/cbblue-2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_QIQSp6cIMhqVOKTUBvDKDH594aLnvCf5gA5NiUltgVuL2BiAT1GE_NfQLX4oDUZOKO81fXAC-ddD8msmSQ-xDYN0rMsP7uD_7sM2cCNqjMZ58zLn-vIZFfg9T2jvPT91jMv4xMDlE-ed/s1600/cbblue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNOB7z5enOHUs_yRgRF7pO7Z1K9sT0D6pjvd-STRHpNgivNIOfoE3ls3ZOgaC87slFz3yLi0kZ-AypcwqNTuW7NiuzggAuQyG5OSG4yvLbkHGdeoPTnbASUTyO0IzcIdfJmcLKGXXlOTHr/s1600/cbgreen.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf1E9qosIxWKlnvwYG_5p45WGnXNzeeg91U4_e5XAA1FKcOPM0yODFGkhKTiCmhpFfjOoAchRFJID5XzNooiITeyU9hrdHBwPYlv7JRxf0ub4-8W00vFTRl7a3h0p0Xoaok7My4QHbCiqP/s1600/cbyellow.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJy4pAhkyUX4gACNux0xEIGJ8Vza2Ru8j40srRb3CkknK9eeN1jSw42RqCENndOhbeyVK9VowYcBHBa6s2g7F_pY-AY2JwDSPUkn6KQtiM_DUJdLbD6P2hYQIHsWYNWeA6FvqXfSLfn9bw/s1600/cbred.png

sumber : www.m-azka.com