Kalian Member Baru, Yuk Perkenalan Dahulu. 1 Member 1 Thread.
Selamat datang di Forum Atlanta~Halo, kalian masih menjadi tamu ya di forum ini ? Kenapa masih jadi tamu ayok ikutan kita gabung di forum ini.
Banyak loh tutorial yang dapat kamu dapatkan di sini, kalian juga bisa tanya-tanya tentang masalah blog/forum kok di sini.
Langsung aja yok daftar kalau kalian belum daftar di sini Register, Kalau sudah punya IDnya langsung aja ya Login

You are not connected. Please login or register

 

bagaimana cara menambahkan chat di pojok kanan forum? (buku tamu)

Oops! Sepertinya ada sedikit kesalahan ...

[#22124]

Atlanta telah memblok tamu untuk melihat konten yang ada, silahkan mendaftar untuk dapat melihat isi konten kami.


Need Help?

Message (Halaman 1 dari 1)

#1
 on 14/6/2013, 15:57

Level 5

Level 5
Halo gan mau tanya nih Senyum

kali ini saya lebih jelaskan ke lebih detail lagi Senang

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.. Senyum

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. Senyum

ini ane berikan hasil copasan masih 100% blom ane rubah, contoh sprti ini gan Senyum
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 ^_^

#2
 on 14/6/2013, 18:05

Owner of Atlanta


Owner of Atlanta
Itu bukannya cuman html aja gan ?
mana javascriptnya Senyum

- tommycoo's signature -


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

Jika kalian sudah selesai dengan topic kalian, silahkan klik [You must be registered and logged in to see this image.] agar dapat dilihat member lain.


Administrator Atalanta.

#3
 on 14/6/2013, 19:15

Level 0

coba sertakan nama webnya gan

#4
 on 14/6/2013, 19:18

Level 5

Level 5
[You must be registered and logged in to see this link.] wrote:Itu bukannya cuman html aja gan ?
mana javascriptnya Senyum

OMG :O
ane lupa gan Senang

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 ^_^

#5
 on 14/6/2013, 19:34

Owner of Atlanta


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

atau pake codenya sih e-mark aja gan Wink
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>

- tommycoo's signature -


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

Jika kalian sudah selesai dengan topic kalian, silahkan klik [You must be registered and logged in to see this image.] agar dapat dilihat member lain.


Administrator Atalanta.

#6
 on 14/6/2013, 21:03

Level 5

Level 5
gan btw chatnya kok melayang?

terlalu makan banyak ruang gan Senang
so jelek padahal chatnya sendiri kecil Senyum

[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 Senyum

thanks before ^^

-------
Mungkin ad kaitanya dng in gan,  Senyum
[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 Sedih

#7
 on 15/6/2013, 07:07

Owner of Atlanta


Owner of Atlanta
coba kasih css aja gan Senyum

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;
}

- tommycoo's signature -


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

Jika kalian sudah selesai dengan topic kalian, silahkan klik [You must be registered and logged in to see this image.] agar dapat dilihat member lain.


Administrator Atalanta.

#8
 on 15/6/2013, 13:18

Level 5

Level 5
tamba ga keluar gan Sedih
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.]
[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. Sedih

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 Sedih

--------
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 Senyum

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

#9
 on 15/6/2013, 20:30

Owner of Atlanta


Owner of Atlanta
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 Wink

- tommycoo's signature -


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

Jika kalian sudah selesai dengan topic kalian, silahkan klik [You must be registered and logged in to see this image.] agar dapat dilihat member lain.


Administrator Atalanta.

#10
 on 15/6/2013, 23:22

Level 5

Level 5
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.]
[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 Senyum
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 ^_^ hope:

#11
 on 16/6/2013, 07:11

Owner of Atlanta


Owner of Atlanta
Nih gan di coba Wink

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>

- tommycoo's signature -


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

Jika kalian sudah selesai dengan topic kalian, silahkan klik [You must be registered and logged in to see this image.] agar dapat dilihat member lain.


Administrator Atalanta.

#12
 on 16/6/2013, 09:39

Retired Staff


Retired Staff
Halo,


Apakah masalah sudah solved? Senang


Jika sudah solved,sebaiknya anda harus memberikan bukti bahwa masalah sudah solved dengan cara mengubah topic icon menjadi lambang solved,seperti gambar ini >>> [You must be registered and logged in to see this image.]


Terima kasih atas pertanyaannya,jika masalah Tamu belum bisa solved,maka bertanyalah pada Website resmi Forumotion Senang


Kami tidak selalu benar kok Senang


Jika masalah belum selesai,silakan bagi yang berkenan hapus/ignore kiriman saya ini

#13
 on 16/6/2013, 12:53

Level 5

Level 5
gan mau tanya lagi Senyum

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

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 Senang

apa harus di seting ulang gan, beri penjelasan dong gan Senyum

thanks before gan ^_^

#14
 on 16/6/2013, 13:26

Owner of Atlanta


Owner of Atlanta
Bukannya error sih gan, tapi gak keliatan wek
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 Hahah:

- tommycoo's signature -


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

Jika kalian sudah selesai dengan topic kalian, silahkan klik [You must be registered and logged in to see this image.] agar dapat dilihat member lain.


Administrator Atalanta.

#15
 on 17/6/2013, 09:16

Level 5

Level 5
ok gan uda bener, problem solved gan ^^

#16
 on 17/6/2013, 09:29

Owner of Atlanta


Owner of Atlanta
Karena problem sudah selesai,
~Solved and Lock

- tommycoo's signature -


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

Jika kalian sudah selesai dengan topic kalian, silahkan klik [You must be registered and logged in to see this image.] agar dapat dilihat member lain.


Administrator Atalanta.

Sponsored content
#17
 Today at 00:40


Message (Halaman 1 dari 1)

Share This Topic !

URL :
BBcode :
HTML :

Permissions in this forum:
Anda tidak dapat menjawab topik

Total Posts Total Threads Total Members Newest Member29 November 2014 Date of Establishment of the Forum

Total 0 user online :: 0 Terdaftar, 0 Tersembunyi dan 0 Tamu

Total 0 user online :: 0 Terdaftar, 0 Tersembunyi dan 0 Tamu (Lihat list online)


User yang sedang berada di forum ini: Tidak ada