11/10/11 ¡ Embedding ¡a ¡chat ¡widget ¡within ¡ the ¡SFX ¡menu ¡ CARLI ¡SFX ¡webinar ¡ Oct. ¡19, ¡2011 ¡/ ¡Oct. ¡20, ¡2011 ¡ ¡ Andrea ¡Imre ¡ Southern ¡Illinois ¡University ¡Carbondale ¡ Chat ¡widgets ¡used ¡by ¡CARLI ¡members ¡ • Libraryh3lp ¡ • Meebo ¡ • QuesKonpoint ¡ 1 ¡
11/10/11 ¡ Chat ¡widgets ¡on ¡other ¡library ¡pages ¡ 2 ¡
11/10/11 ¡ Adding ¡the ¡widget ¡to ¡the ¡SFX ¡menu ¡ 1. ¡SFX ¡Admin ¡ ¡ 2. ¡UNIX ¡File ¡manager ¡or ¡contact ¡CARLI ¡ ¡ ¡a.) ¡Simplified ¡ ¡SFX ¡menu ¡users ¡(subsKtute ¡your ¡library’s ¡code ¡for ¡sfxsic): ¡ ¡ ¡/exlibris/sfx_ver/sfx4_1/sfxsic/templates/simplified_template1/sfxmenu.tmpl ¡ ¡ ¡ ¡ ¡ ¡Insert ¡code ¡right ¡under ¡<body> ¡tag ¡ ¡b.) ¡Advanced ¡SFX ¡menu ¡users ¡(subsKtute ¡your ¡library’s ¡code ¡for ¡sfxsic): ¡: ¡ ¡ ¡ ¡/exlibris/sfx_ver/sfx4_1/sfxsic/templates/sfxmenu/sfxmenu.tmpl ¡ ¡ ¡ ¡Insert ¡code ¡right ¡aXer ¡ ¡ ¡ ¡</HEAD> ¡ ¡ ¡<BODY ¡LEFTMARGIN="0" ¡TOPMARGIN="0" ¡MARGINWIDTH="0" ¡MARGINHEIGHT="0"> ¡ WARNING! ¡ Always ¡use ¡“Copy ¡Twice, ¡Edit ¡Once” ¡when ¡ ediKng ¡files ¡via ¡UNIX ¡file ¡manage ¡ ¡ See ¡CARLI ¡instrucKons ¡at ¡ h"p://&nyurl.com/6ketaqe ¡ 3 ¡
11/10/11 ¡ Libraryh3lp ¡staffed ¡(simplified ¡menu) ¡ Libraryh3lp ¡unstaffed ¡(simplified ¡ menu) ¡ 4 ¡
11/10/11 ¡ Libraryh3lp ¡(advanced ¡menu) ¡ Libraryh3lp ¡widget ¡code ¡ Red ¡elements ¡control ¡posiKon ¡of ¡the ¡widget ¡on ¡the ¡SFX ¡menu, ¡blue ¡elements ¡control ¡the ¡widget ¡when ¡there ¡is ¡ a ¡librarian ¡logged ¡in, ¡purple ¡elements ¡control ¡the ¡appearance ¡of ¡the ¡box ¡when ¡no ¡librarians ¡are ¡logged ¡in. ¡ ¡ ¡ ¡ <!-‑-‑ ¡Beginning ¡of ¡libraryh3lp ¡widget ¡code. ¡ ¡-‑-‑> ¡ ¡ <div ¡style="float: ¡right; ¡posiKon: ¡absolute; ¡top: ¡180px; ¡right: ¡5px"> ¡ <div ¡class="needs-‑js"> ¡ Your ¡JavaScript ¡is ¡disabled. ¡ </div> ¡ ¡ <div ¡class="libraryh3lp" ¡style="display: ¡none;" ¡jid="morrislibrarian@chat.libraryh3lp.com"> ¡ <iframe ¡src="hop://libraryh3lp.com/chat/morrislibrarian@chat.libraryh3lp.com?skin=13394&theme=bulb&Ktle=Ask+A +Librarian&idenKty=Librarian" ¡style="width: ¡175px; ¡height: ¡250px; ¡border: ¡1px ¡solid ¡#0066CC;" ¡frameborder="1"></iframe> ¡ </div> ¡ ¡ <div ¡class="libraryh3lp" ¡style="display: ¡none; ¡border: ¡3px ¡solid; ¡border-‑color: ¡#660000; ¡width: ¡175px; ¡font-‑weight: ¡bold; ¡text-‑align: ¡center;"> ¡ No ¡librarians ¡available ¡to ¡chat. ¡ <p> ¡Get ¡help ¡at ¡our ¡<a ¡href="hop://www.lib.siu.edu/askalibrarian" ¡target="_blank"> ¡Ask-‑A-‑Librarian ¡</a> ¡website. ¡ </p> ¡ </div> ¡ ¡ <script ¡src="hop://libraryh3lp.com/js/libraryh3lp.js?mulK" ¡type="text/javascript"></script> ¡ ¡ </div> ¡ <!-‑-‑ ¡End ¡of ¡libraryh3lp ¡widget ¡code. ¡ ¡-‑-‑> ¡ 5 ¡
11/10/11 ¡ Meebo ¡staffed ¡(simplified ¡menu) ¡ Meebo ¡unstaffed ¡(simplified ¡menu) ¡ 6 ¡
11/10/11 ¡ Meebo ¡(advanced ¡menu) ¡ Meebo ¡code ¡ Red ¡elements ¡control ¡posiKon ¡of ¡the ¡widget ¡on ¡the ¡SFX ¡menu, ¡green ¡elements ¡control ¡the ¡size ¡of ¡the ¡widget. ¡ ¡ Text ¡and ¡colors ¡are ¡customized ¡on ¡meebo.com ¡ ¡ ¡ <!-‑-‑ ¡Beginning ¡of ¡meebo ¡me ¡widget ¡code. ¡-‑-‑> ¡ ¡ <div ¡style="float: ¡right; ¡posiKon: ¡absolute; ¡top: ¡180px; ¡right: ¡5px"> ¡ <embed ¡src="hop://widget.meebo.com/mm.swf?eiSgwrKRQS" ¡type="applicaKon/x-‑ shockwave-‑flash" ¡width="190" ¡height="275"></embed> ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ </div> ¡ ¡ <!-‑-‑ ¡end ¡ ¡of ¡meebo ¡me ¡widget ¡code. ¡ ¡-‑-‑> ¡ 7 ¡
Recommend
More recommend