Oops! Sepertinya ada sedikit kesalahan ...

Halo gan mau tanya nih

kali ini saya lebih jelaskan ke lebih detail lagi

bagaimana cara menambahkan chat di pojok kanan forum?

sebelumnya ini loh gan model2 yang biasanya di pakai di BLOG.
kalau BLOG mungkin biasanya sering ane temui di pasang di pojok atas forum (buku tamu)

cuman itu aja kok gan yg ane inginkan, masak kode forum agan tommy yg mahir berkata ga bisa :(kan aneh jadinya..

ane pengen seperti ini gan, ini sbagai tampilannya jika di pojoj kanan forum
(sebelum di klik)
[You must be registered and logged in to see this image.]

dan ini ketika sudah di klik
[You must be registered and logged in to see this image.]

kayak buku tamu itu loh gan, kayak model chat avacweb yg agan pasang tp ga pakai chat ori FM, ane pakai chatnago aja yg lebih simple.

ini ane berikan hasil copasan masih 100% blom ane rubah, contoh sprti ini gan
aganc ek disini kalau ga percaya
[You must be registered and logged in to see this link.]

Code:

    <div id="chatbox_ret_cont" onmouseout="stopINT()" onclick="stopINT()" onmouseover="stopINT()" style="border-top: 3px solid #323232;border-left: 3px solid #323232;border-right: 3px solid #323232; border-radius: 3px 3px 0 0; z-index: 10000; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; background-color: #383838; background: url(http://i46.servimg.com/u/f46/12/16/55/86/author10.png) repeat-x; position: fixed; bottom: 0px; right: 5%;"><div onclick="chatboxklik()" style="font-size: 12px; font-family: 'trebuchet ms', serif; cursor: pointer; padding: 3px; padding-top:5px;"><span id="chat1"><strong><b>  DA</b></strong></span><span id="chat2"><b> Chat  </b></span></div><div valign="middle" style="display: none;" id="chatbox_header"><table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="middle" nowrap="nowrap" height="30" class="chatopcijeklasa"><table width="100%" border="0"><tbody><tr><td valign="middle" nowrap="nowrap"><a onclick="return false;" class="cattitle" href="#"><strong><cufon class="cufon cufon-canvas" alt="Options" style="width: 66px; height: 15px;"><canvas width="78" height="17" style="width: 78px; height: 17px; top: -1px; left: -2px;"></canvas><cufontext>Options</cufontext></cufon></strong></a></td><td valign="middle" class="chatbox-options"><div id="chatbox_main_options" class="genmed">PM: <a target="_blank" href="http://www.duelacademy.net/h38-da-external-chatbox" id="pmdugme">Start</a> | Beep: <a onclick="beep12()" href="javascript:void(0)" id="beepdugme">Beep2</a> | Sound: <a onclick="zvukonoff()" href="javascript:void(0)" id="zvukdugme">Sound is Off</a> | Width: <a onclick="promijenisirinu()" href="javascript:void(0)" id="resizedugme">Medium</a> </div></td></tr></tbody></table></td></tr></tbody></table></div><iframe scrolling="no" frameborder="0" onload="if(cb_new) { cb_start(); cb_new=0; }" style="width: 740px; height: 400px; display: none;" marginheight="0" marginwidth="0" name="chatbox_ret" id="chatbox_ret" src="/chatbox/index.forum"></iframe></div>

mohon bantuannya gan, cuman ini aja kok ane ga tanya yg aneh2 lagi, mohon pengertiannya gan, thanks before ^_^

Itu bukannya cuman html aja gan ?
mana javascriptnya

coba sertakan nama webnya gan

tommycoo wrote:Itu bukannya cuman html aja gan ?
mana javascriptnya

OMG :O
ane lupa gan

ini gan

Code:

<script id="sid0010000031675437953">(function() {function
async_load(){s.id="cid0010000031675437953";s.src='http://st.chatango.com/js/gz/emb.js';s.style.cssText="width:500px;height:360px;";s.async=true;s.text='{"handle":"Budokaizz","styles":{"b":60,"f":50,"l":"999999","q":"999999","r":100,"s":1}}';var
 ss = document.getElementsByTagName('script');for (var i=0, l=ss.length;
 i < l; i++){if (ss[i].id=='sid0010000031675437953'){ss[i].id
+='_';ss[i].parentNode.insertBefore(s, ss[i]);break;}}}var
s=document.createElement('script');if (s.async==undefined){if
(window.addEventListener)
{addEventListener('load',async_load,false);}else if (window.attachEvent)
 {attachEvent('onload',async_load);}}else
{async_load();}})();</script>

mohon bantuannya ya gan, thanks before ^_^

kodenya terlalu banyak gan ane jadi bingung -_-
coba buat satu-satu aja, misal: ini untuk chatbox, ini untuk menimbulkan dan menyembunyikannya gitu

atau pake codenya sih e-mark aja gan
nih

Code:

<script src="http://static.tumblr.com/hhedat8/OUkmkh864/script.js"></script>
<script src="http://static.tumblr.com/hhedat8/cfemkh9df/script.js"></script>
<link rel="stylesheet" href="http://static.tumblr.com/hhedat8/FpYmkhikx/chatbox.css"><div id="modal"><div id="content1">
TAROK KODE CHATNYA DISINI
</div>
</div>

<a href="#" id="button" style="position: fixed; right: 25px; bottom: 20px; border: 1px solid grey; border-radius: 5px; padding: 5px; background: #WARNA HEX BACKGROUND;">Chatbox</a>

gan btw chatnya kok melayang?

terlalu makan banyak ruang gan
so jelek padahal chatnya sendiri kecil

[You must be registered and logged in to see this image.]

ane pngenya yg kayak chat avacweb itu loh gan atau sprti ini
ane nemu di review FM cri2 modl chat sprti avacweb/DA
[You must be registered and logged in to see this link.]

mohon bantuannya gan

thanks before ^^

-------
Mungkin ad kaitanya dng in gan,  
[You must be registered and logged in to see this link.]

MOhon bantuannya ya gam, coz pngen bisa sprti in, yg di pojok kanan it

coba kasih css aja gan

Code:

#modal {
    visibility: hidden !important;
    height: 364px !important;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3) !important;
    border-radius: 8px 8px 8px 8px !important;
    position: fixed !important;
    top: 20% !important;
    right: 2% !important;
    margin-top: -94px !important;
    margin-left: -180px !important;
    z-index: 101 !important;
    width: 504px !important;
    padding: 8px !important;
}
#content1 {
    width: 503px !important;
    height: 363px !important;
    border-radius: 0px 0px 4px 4px !important;
    background: none repeat scroll 0% 0% rgb(252, 252, 252) !important;
}


tamba ga keluar gan
ak udah nambah CSS di atas, ga kuar apa2 malan..

seperti ini loh gan yg ane maksud dari dulu,
[You must be registered and logged in to see this link.]

agan cek deh itu, sampai ane carikan biar agan lbih ngerti apa yg ane maksud.

padahal yg ane maksud loh udah familiar banget bisa di sebut pasaran bangt, ga unik sama skali.
cuman ane ingin tempatnya di pojok kanan forum. udah itu aja gan, gak ad yg istimewa kok gan

--------
agan bisa makai kode yg di beri emark ini.

Code:

<script type="text/javascript"
src="http://www.yourjavascript.com/134446808/stack1.js"></script><div
 style="border-top-width: 7px; border-top-style: solid;
border-left-width: 7px; border-left-style: solid; z-index: 10000;
border-top-left-radius: 20px 20px; border-top-right-radius: 0px 0px;
border-bottom-right-radius: 0px 0px; border-bottom-left-radius: 0px 0px;
 position: fixed; bottom: 0px; right: 0px; background-color: rgb(148,
11, 11); border-top-color: rgb(148, 11, 11); border-right-color:
rgb(148, 11, 11); border-bottom-color: rgb(148, 11, 11);
border-left-color: rgb(148, 11, 11); " onmousever="stopINT()"
onclick="stopINT()" onmouseout="stopINT()"
id="chatbox_ret_cont"><div style="font-size: 12px; font-family:
'trebuchet ms', serif; cursor: pointer; padding: 3px;"
onclick="(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0);
 $('#chatbox_ret').toggle('normal');">Chatbox</div>

<iframe
 src="/chatbox/chatbox.forum" id="chatbox_ret" name="chatbox_ret"
scrolling="no" marginwidth="0" marginheight="0" frameborder="0"
style="width: 740px; height: 400px; display: none;" onload="if(cb_new) {
 cb_start(); cb_new=0; }"></iframe>

</div><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script><script type="text/javascript">//<![CDATA[
var
 gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." :
 "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost +
"google-analytics.com/ga.js'
type='text/javascript'%3E%3C/script%3E"));//]]></script><script
 src="http://www.google-analytics.com/ga.js"
type="text/javascript"></script><script
type="text/javascript">//<![CDATA[
try{var pageTracker =
_gat._getTracker("UA-10102714-1");pageTracker._trackPageview();}
catch(err) { }//]]></script><span
id="cbalarm"></span>


kode itu  isi dalemnya adalah chat original FM, ane pngennya chatnago ktika di buka, posisi udah di pojok kanan forum iut gan..

mohon bantuannya gan, thanks bfore

[You must be registered and logged in to see this image.]

Bukannya ane gak mau bantu gan, tapi kode javascript yang di kasih e-mark itu rumit banget.
Ane aja gak ngerti sama sekali -_-

Jadi coba tanya sama e-marknya langsung aja ya

udah wes gan, ane ga minta yg aneh2 wes, jng pke kodenya emark.

seperti ini wes gan contohnya
agan bisa lihat 2 link ini.
[You must be registered and logged in to see this link.]

1. posisi sebelum di klik ad di pojok atas.
ini gambarnya
[You must be registered and logged in to see this image.]

2. ketika di klik langsung muncul chatnya (chatnago) / seperti buku tamu.
[You must be registered and logged in to see this image.]


ini kode chatnago ane gan, thanks before

Code:

   <script id="sid0010000031675437953">(function() {function
    async_load(){s.id="cid0010000031675437953";s.src='http://st.chatango.com/js/gz/emb.js';s.style.cssText="width:500px;height:360px;";s.async=true;s.text='{"handle":"Budokaizz","styles":{"b":60,"f":50,"l":"999999","q":"999999","r":100,"s":1}}';var
     ss = document.getElementsByTagName('script');for (var i=0, l=ss.length;
     i < l; i++){if (ss[i].id=='sid0010000031675437953'){ss[i].id
    +='_';ss[i].parentNode.insertBefore(s, ss[i]);break;}}}var
    s=document.createElement('script');if (s.async==undefined){if
    (window.addEventListener)
    {addEventListener('load',async_load,false);}else if (window.attachEvent)
     {attachEvent('onload',async_load);}}else
    {async_load();}})();</script>

yg ane harapkan agan sprti dulu , pas buat frum in, pas ane tanya skali jawab lngsung mmberikan kode yg benar dan memuaskan, tanpa panjang lebar tp ga mmberikan kode, apalagia ne skrng jarang OL -_-

mohon ane dah supaya agar disolvedkan, apa masih kurang jelas gan ^_^ :

Nih gan di coba

Code:

<style type="text/css">
#gb {
    position: fixed;
    top: 50px;
    z-index: 1000;
}
* html #gb{position:relative;}
.gbtab{
height:125px;
width:49px;
float:left;
cursor:pointer;
background:url('http://i.imgur.com/4rYj5Bu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid black;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 40-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">

      <script id="sid0010000031675437953">(function() {function
        async_load(){s.id="cid0010000031675437953";s.src='http://st.chatango.com/js/gz/emb.js';s.style.cssText="width:500px;height:360px;";s.async=true;s.text='{"handle":"Budokaizz","styles":{"b":60,"f":50,"l":"999999","q":"999999","r":100,"s":1}}';var
        ss = document.getElementsByTagName('script');for (var i=0, l=ss.length;
        i < l; i++){if (ss[i].id=='sid0010000031675437953'){ss[i].id
        +='_';ss[i].parentNode.insertBefore(s, ss[i]);break;}}}var
        s=document.createElement('script');if (s.async==undefined){if
        (window.addEventListener)
        {addEventListener('load',async_load,false);}else if (window.attachEvent)
        {attachEvent('onload',async_load);}}else
        {async_load();}})();</script><div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://atlanta.forumid.net/" target="_blank">Atlanta Forum</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (-325-gb.offsetWidth).toString() + "px";
</script></div>

gan mau tanya lagi

bagaimana jika lebar dan width chatnya di ganti
ane nyoba ganti ukuran L = 250 x T =400 malah error

Code:

<script id="sid0010000032362823937">(function() {function async_load(){s.id="cid0010000032362823937";s.src='http://st.chatango.com/js/gz/emb.js';s.style.cssText="width:250px;height:400px;";s.async=true;s.text='{"handle":"astajima","styles":{"b":60,"f":50,"l":"999999","q":"999999","r":100,"s":1}}';var ss = document.getElementsByTagName('script');for (var i=0, l=ss.length; i < l; i++){if (ss[i].id=='sid0010000032362823937'){ss[i].id +='_';ss[i].parentNode.insertBefore(s, ss[i]);break;}}}var s=document.createElement('script');if (s.async==undefined){if (window.addEventListener) {addEventListener('load',async_load,false);}else if (window.attachEvent) {attachEvent('onload',async_load);}}else {async_load();}})();</script>

coba javascript ganti it aja gan

apa harus di seting ulang gan, beri penjelasan dong gan

thanks before gan ^_^

Bukannya error sih gan, tapi gak keliatan
coba ini

Code:

<style type="text/css">
#gb {
    position: fixed;
    top: 50px;
    z-index: 1000;
}
* html #gb{position:relative;}
.gbtab{
height:125px;
width:49px;
float:left;
cursor:pointer;
background:url('http://i.imgur.com/4rYj5Bu.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, 40-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">

          <script id="sid0010000032362823937">(function() {function async_load(){s.id="cid0010000032362823937";s.src='http://st.chatango.com/js/gz/emb.js';s.style.cssText="width:250px;height:400px;";s.async=true;s.text='{"handle":"astajima","styles":{"b":60,"f":50,"l":"999999","q":"999999","r":100,"s":1}}';var ss = document.getElementsByTagName('script');for (var i=0, l=ss.length; i < l; i++){if (ss[i].id=='sid0010000032362823937'){ss[i].id +='_';ss[i].parentNode.insertBefore(s, ss[i]);break;}}}var s=document.createElement('script');if (s.async==undefined){if (window.addEventListener) {addEventListener('load',async_load,false);}else if (window.attachEvent) {attachEvent('onload',async_load);}}else {async_load();}})();</script><div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://atlanta.forumid.net/" target="_blank">Atlanta Forum</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (-75-gb.offsetWidth).toString() + "px";
</script></div>

Ane cuma maenin kode ini aja

Code:

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

yang angka "-75" ane juga gak tau gunanya buat apa :

ok gan uda bener, problem solved gan ^^

Karena problem sudah selesai,
~Solved and Lock