[b]Credit : Rushdiey[/b] Preview [url]http://profiles.friendster.com/bangkanal[/url] (FF) dan lihat shoutbox abang Ikuti langkah2 sebagai berikut : 1. Daftar di [url]www.cbox.ws[/url] Setelah daftar, Log In lalu pilih [b]Options[/b] [b]Smilies[/b] 2. Kalian bisa pakai smilies yg sudah ada atau meghapusnya terus mengganti dengan icon beserta URL smilies yg baru. Abang sendiri memakai YM smilies yg URL nya bisa dilihat di [url]http://messenger.yahoo.com/features/emoticons[/url] Bagaimana cara mengambil URL nya? Tinggal klik kanan di icon tersebut lalu klik [b]Copy Image Location[/b] (kalau kita pakai FF browser) lalu pastekan ke Notepad. Kalian bisa tambahkan smilies atau emoticon lain dari situs yg berbeda. Semuanya tergantung selera kalian :-) 3. Masukkan URL di kolom [b]URL[/b] tampilan opsi smilies CBOX kalian. Lalu isi kolom [b]Code[/b] dengan kode yg ingin kalian tampilkan di CBOX. Abang sendiri pakai nomor (misalnya [b]:1:[/b], [b]:2:[/b], [b]:3:[/b], dst). Preview CBOX account [url]http://img210.imageshack.us/img210/8514/72520839et3.jpg[/url] Untuk menambahkan baris klik [b]New Row[/b]. Setelah semuanya selesai, klik [b]Save[/b] Setelah itu kita Publish CBOX kita dan nanti akan dapat script : [spoiler]<!-- BEGIN CBOX - www.cbox.ws --> <div align="center" id="cboxdiv"> <iframe frameborder="0" width="160" height="305" src="[b]http://www4.cbox.ws/box/?boxid=3496630&amp;boxtag=xxxxxx&amp;sec=main[/b]" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe><br/> <iframe frameborder="0" width="160" height="75" src="http://www4.cbox.ws/box/?boxid=3496630&amp;boxtag=xxxxxx&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe> </div> <!-- END CBOX -->[/spoiler] Lihat bagian yg tebal OK dan itu yg namanya CBOX MAIN SRC Nah utk Antiposer CBOX, URL dari CBOX MAIN SRC nanti diganti juga menjadi submit. Jadi nanti kita punya 2 URL. [b]CBOX MAIN SRC[/b] dan [b]CBOX MAIN SUBMIT[/b] CBOX MAIN SRC [b]http://www4.cbox.ws/box/?boxid=3496630&amp;boxtag=xxxxxx&amp;sec=main[/b] CBOX MAIN SUBMIT [b]http://www4.cbox.ws/box/?boxid=3496630&amp;boxtag=xxxxxx&amp;sec=submit[/b] 4. Nah sekarang kita pindah ke JS extension kita dan ini sciptnya (taruh di bagian onload hendler JS utamamu). Disini abang berikan contoh apabila kita pakai 3 smilies dengan code [b]:1:[/b], [b]:2:[/b] dan [b]:3:[/b] Ingat bahwa URL dan juga codenya harus disesuaikan dengan masing URL dan juga code yg ada di account CBOX kalian yg tadi sudah diedit di nomor 3 [spoiler]var cbox="<div align='center' id='cboxdiv'>"+ "<iframe frameborder='0' width='100%' height='330' src='[b]URL CBOX MAIN SRC[/b]' marginheight='2' marginwidth='2' scrolling='auto' allowtransparency='yes' name='bryan' id='bryan'></iframe><br/><form name='chat' target='bryan' action='[b]URL CBOX MAIN SUBMIT[/b]' method='post'><input type='hidden' name='nme' value='"+pageViewerFName+"'><input type='hidden' name='eml' value='http://www.friendster.com/"+pageViewerID+"'><font face='Trebuchet MS' SIZE='2' COLOR='white'><b>Your Name : "+pageViewerFName+"</b></font><textarea style='overflow:hidden' class='cboxMsgArea' cols='75' rows='5' name='pst'></textarea><br /><input type='submit' class='cboxButtons' value='Submit' name='asa'><input class='cboxButtons' type='reset' value='Clear' maxlength='23' onClick='reset()'><input type='button' class='cboxButtons' value='Refresh' name='bryan' onClick='window.bryan.location.href=document.getElementById(\"bryan\")id='show' style='display: inline'><br><div id='show' style='display: inline'><a href='javascript:showForm()' title='Open Smilies Menu'><font face='Trebuchet MS' SIZE='2' COLOR='white'><b>- Open Smilies -</b></font></a></div>"+ "<div id='close' style='display: none'><a href='javascript:showForm()' title='Close Smilies Menu'><font face='Trebuchet MS' SIZE='2' COLOR='white'><b>+ Close Smilies +</b></font></a></div>"+ "<div id='hide' style='display: none'>"+"<div width='100%' style='border:0px solid #000000; background:transparent;padding:4px' align='center'>"+ "<a href=\"javascript:DoSmilie(' [color=red][b]:1:[/b][/color]')\"><img src='[b]http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif[/b]'></a>"+ "<a href=\"javascript:DoSmilie(' [color=red][b]:2:[/b][/color]')\"><img src='[b]http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif[/b]'></a>"+ "<a href=\"javascript:DoSmilie(' [color=red][b]:3:[/b][/color]')\"><img src='[b]http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif[/b]'></a>"+ "</div></div></form></div>"; addBox("LEFT","<a href=\"#\" onClick=\"show_hide('content_cboxbox'); return false\"><div title=\"header=[MESSAGE BOX] body=[Hello "+pageViewerFName+". Click Here 2 Drop Some Short Messages]\">"+pageOwnerFName+"\'s Chatbox</div></a>",cbox,"cboxbox","6"); show_hide('content_cboxbox');[/spoiler] Perhatikan bagian yg tebal merah. Itu adalah code smiliesnya yg harus sama dengan code smilies yg ada di account CBOX kalian. Begitu juga dengan URL smiliesnya (yg tebal hitam) Setelah itu, pastekan script ini ke Bagian C (bagian bawah JS utama kalian) : [spoiler]//smilies cbox function showForm() { var div = document.getElementById("hide"); var show = document.getElementById("show"); var close = document.getElementById("close"); if(div.style.display!="none") { hideForm(); } else { div.style.display = "block"; show.style.display = "none"; close.style.display = "block"; } } function hideForm() { var div = document.getElementById("hide"); var show = document.getElementById("show"); var close = document.getElementById("close"); div.style.display = "none"; show.style.display = "block"; close.style.display = "none"; } function x(){ return; } function DoSmilie(addSmilie, messageDef){ var addSmilie, messageDef, revisedMessage; var currentMessage = document.chat.pst.value; if(currentMessage==messageDef){currentMessage='';} revisedMessage = currentMessage+addSmilie; document.chat.pst.value=revisedMessage; document.chat.pst.focus(); return; }[/spoiler] Kalau ingin menambahkan smiliesnya, tinggal sisipkan saja script ini yg jumlahnya sesuai dengan jumlah smilies yg kalian gunakan [quote]"<a href=\"javascript:DoSmilie(' [color=red][b]Smilies Code[/b][/color]')\"><img src='[b]URL Smilies[/b]'></a>"+[/quote] 5. CBOX diatas itu abang taruh diatas About Me. Posisinya silahkan kalian edit sendiri. Save JS kalian dan selesai

Last edited by KaNaLiTnUk (2008-07-30 12:06:36)