How to add Yahoo Chat Pingbox to your website ±ÍÇÏÀÇ À¥»çÀÌÆ®¿¡ Ãß°¡ÇÏ·Á¸é ¾î¶»°Ô ¾ßÈÄ Ã¤ÆÃ Pingbox
Posted on November 20, 2008 at 5:34 am 20 ÀÏ, 2008 °Ô½ÃµÊ ¿ÀÀü 5:33
Yahoo! ¾ßÈÄ! Messenger Pingbox allows you to have an IM like interface in your blog or any website. ¸Þ½ÅÀú Pingbox ±ÍÇÏÀÇ ºí·Î±× ¶Ç´Â À¥»çÀÌÆ®¿¡ ÀÎÅÍÆäÀ̽º¿Í °°Àº IMÀ» °¡Áú ¼öÀÖ½À´Ï´Ù. Visitors of your site can chat with you real time whenever you are online. Since it becomes a part of your blog it doesn¡¯t require your visitors to install any application. This is very similar to the ±ÍÇÏÀÇ »çÀÌÆ®ÀÇ ¹æ¹®ÀÚ°¡ ¿Â¶óÀÎ »óÅÂÀÏ ¶§ ´ç½Å°ú ÇÔ²² ½Ç½Ã°£À¸·Î äÆÃÀ» ÇÒ ¼öÀÖ½À´Ï´Ù. ÀÌÈÄ ³× ´ç½Å ¹æ¹®ÀÚ°¡ ¾î¶² ÀÀ¿ë ÇÁ·Î±×·¥À» ¼³Ä¡ÇÏÁö ¾Ê¾Æµµ ºí·Î±×ÀÇ ÇÑ ºÎºÐÀ̵ȴÙ. À̰ÍÀº ¸Å¿ì À¯»çÇÕ´Ï´Ù Google Talk ChatBack Badge Google ÅäÅ© Chatback ¹èÁö from Google that you can use to chat with visitors to your website. Google¿¡¼ ±ÍÇÏÀÇ À¥»çÀÌÆ® ¹æ¹®ÀÚ¿Í Ã¤ÆÃÀ» »ç¿ëÇÒ ¼öÀÖ½À´Ï´Ù.
If I am online you will see me as ¡°Available¡±. ¸¸¾à ´ç½ÅÀÌ "³ª¸¦º¸°í ¿Â¶óÀÎ ¿ÀÀü °¡´ÉÇÑ". All messages sent to me when I am ¡°Available¡± will be sent real time to my Yahoo! ¸ðµç ¸Þ½ÃÁö°¡ ³¯ ¶§ ³ª´Â "»ç¿ë °¡´ÉÇÑ"³» ¾ßÈÄ ½Ç½Ã°£À¸·Î º¸³»Áý´Ï´Ù! Messenger. On my side I can see from my Yahoo! ³» ¾ßÈÄ ¸Þ½ÅÀú. ³» Ãø¸é¿¡¼ º¼ ¼öÀÖ½À´Ï´Ù! Messenger all visitors browsing the page: ¸Þ½ÅÀúÀÇ ¸ðµç ¹æ¹®ÀÚµéÀÌ ÆäÀÌÁö¸¦ ºê¶ó¿ì¡ :
I sent a message from the Pingbox and it appeared on my screen as ¡°Visitor 1¡±: ³»°¡ Pingbox¿¡¼ ¸Þ½ÃÁö¸¦ Àü¼ÛÇÏ°í ±×°ÍÀ» ³» ȸéÀ¸·Î "¹æ¹®°´ÀÌ 1 ÀÏ Ã⿬":
I can then reply to ¡°Visitor 1¡± using the YM window above. Pretty cool isn¡¯t it? ±×¶§ ¹æ¹®ÀÚ 1 "·Î". ²Ï ¸ÚÁø À§ÀÇ YM âÀ» »ç¿ë ÇÒ ¼ö ȸ½Å ¾Æ´Ñ °¡¿ä?
To start making your own Pingbox just go to the URL below: ÀÚ½ÅÀÇ Pingbox ¹Ù·Î ¾Æ·¡ÀÇ URL·Î À̵¿À» ½ÃÀÛÇÏ·Á¸é :
http://ph.messenger.yahoo.com/pingbox/
Login using your own Yahoo! ·Î±×ÀÎÀ» »ç¿ëÇÏ¿© ³ª¸¸ÀÇ ¾ßÈÄ! account then click the ¡°Create Pingbox¡± button: ´ÙÀ½ "Pingbox ¸¸µé±â"¹öưÀ» Ŭ¸¯ÇϽʽÿÀ °èÁ¤ :
The first step pf creating a Pingbox is to chose a background theme. Choose what design suites your taste: °ø¿ë Æú´õ¸¦ ¸¸µå´Â ù ¹øÂ° ´Ü°è´Â Pingbox ¹è°æ Å׸¶¸¦ ¼±ÅÃÇÕ´Ï´Ù. ¾î¶² µðÀÚÀÎ ½ºÀ§Æ® ±ÍÇÏÀÇ ÃëÇâ ¼±Åà :
Make sure to enter your customized greeting, offline message, display name and name of Pingbox (will appear as a group in your YM contacts): »ç¿ëÀÚ Á¤ÀÇ Àλç, ¿ÀÇÁ¶óÀÎ ¸Þ½ÃÁö¸¦ Ç¥½ÃÇϰí À̸§°ú PingboxÀÇ À̸§À» ÀÔ·ÂÇß´ÂÁö È®ÀÎÇϽʽÿÀ (YM Á¢ÃË¿¡¼ ±×·ìÀ¸·Î)°¡ ³ªÅ¸³³´Ï´Ù :
Then click the Next button to access the next page where we could get the script. The second page allows you to choose which website to add Pingbox, choose ¡°Code only¡± if you want to directly paste to your HTML file otherwise choose your type of website. ´ÙÀ½ ¹öưÀ» ´©¸¥ ´ÙÀ½ ½ºÅ©¸³Æ®¸¦ ¾òÀ» ¼öÀÖ´Â °÷À» ¿ì¸®´Â ´ÙÀ½ ÆäÀÌÁö¿¡ ¾×¼¼½ºÇÒ ¼öÀÖ½À´Ï´Ù. µÎ ¹øÂ° ÆäÀÌÁö¿¡´Â Pingbox À¥»çÀÌÆ®¸¦ Ãß°¡ ¼±ÅÃÇϵµ·Ï ¼±Åà "ÄÚµå´Â"¸¸¾à ´ç½ÅÀÌ Á÷Á¢ HTML·Î ºÙ¿©³ÖÀ» ´Þ¸®ÇÏ¿© ¿øÇÏ´Â Çü½ÄÀÇ ÆÄÀÏÀ» ¼±ÅÃÇÒ ¼öÀÖ½À´Ï´Ù À¥»çÀÌÆ®.
The next step will be setting the size of the widget, in the example below I chose the recommended 240 X 240 px size. The third box will be the actual code, copy the code only AFTER you choose the size and type of website: ´ÙÀ½ ´Ü°è´Â, ¾Æ·¡ÀÇ ¿¹Á¦¿¡¼ 240 X´Â 240 Çȼ¿ Å©±â¸¦ ±ÇÀåÇÕ´Ï´Ù. ¼¼ ¹øÂ° »óÀÚ¿¡ ½ÇÁ¦ ÄÚµå, ÄÚµå ÈÄ¿¡¸¸ Å©±â¿Í À¥»çÀÌÆ®ÀÇ Á¾·ù¸¦ ¼±Åà º¹»çµË´Ï´Ù ¼±ÅÃÇÑ µµ±¸ÀÇ Å©±â¸¦ ¼³Á¤ÇÏ´Â °ÍÀÔ´Ï´Ù :
You can paste the code into your HTML files using your favorite HTML editor and test it using your web browser. Below is the screenshot of the steps I did: ±ÍÇÏÀÇ HTML ÆÄÀÏÀ» Áñ°Ü »ç¿ëÇÏ´Â HTML ÆíÁý±â¸¦ ÅëÇØ Äڵ带 ºÙ¿©³ÖÀ» ¼ö ÀÖ°í, ±ÍÇÏÀÇ À¥ ºê¶ó¿ìÀú¸¦ »ç¿ëÇÏ¿© Å×½ºÆ®ÇÕ´Ï´Ù. ¾Æ·¡´Â ³»°¡ ÇÑ °ÍÀÌ ¶ó°ï ±× ´Ü°èÀÇ È¸é ĸó :
Have fun adding your own Pingbox to your webpages. You can use it to gather realtime feedback from your viewers. Àç¹Õ°Ô ±ÍÇÏÀÇ À¥ÆäÀÌÁö¿¡ ÀڽŸ¸ÀÇ Ãß°¡ Pingbox. ´ç½ÅÀº ´ç½Å ½ÃûÀڷκÎÅÍ ½Ç½Ã°£À¸·Î ÀǰßÀ» ¸ð¾Æ ±×°ÍÀ» »ç¿ëÇÒ ¼öÀÖ½À´Ï´Ù.
Ben Carigtan shows you how it¡¯s done. Carigtan º¥ ¾î¶»°ÔÇϸéµÇ´ÂÁö º¸¿©ÁÝ´Ï´Ù.
» Filed Under »Ãâ¿ø¿¡¼ Cool Websites À¥»çÀÌÆ® Äð
Save this page ÀÌ ÆäÀÌÁö¸¦ ÀúÀå | Stir it up on Mixx Mixx¿¡ ¿Ã·Á ÆÄ¹® | |
Add to Reddit reddit¿¡ Ãß°¡ |
Related Posts °ü·Ã °Ô½Ã¹°
- Google Talk ChatBack Badge - Free chat for your website Google ÅäÅ© Chatback ¹èÁö - ±ÍÇÏÀÇ À¥»çÀÌÆ®¸¦À§ÇÑ ¹«·á äÆÃ
- No more multiple messenger mess with Trillian Æ®¸± ¸®¾ð°ú ÇÔ²² ´õ ÀÌ»ó ¿©·¯ ¸Þ½ÅÀú ¾û¸Á
- Chat with all of your IM buddies in Firefox using Meebo Firefox¿¡¼ äÆÃÀ» ¸ðµÎ »ç¿ëÇÏ¿© ±ÍÇÏÀÇ ÀνºÅÏÆ® ¸Þ½ÅÀú ´ëÈ »ó´ëÀÇ Meebo
- How to add Digg content to your site ±ÍÇÏÀÇ »çÀÌÆ®¿¡ ÄÜÅÙÃ÷¸¦ Ãß°¡ÇÏ´Â ¹æ¹ý µð±×
- How to log into Yahoo Messenger and Google Talk with multiple ids on the same computer ¾î¶»°Ô ¾ßÈÄ ¸Þ½ÅÀú¿Í °°Àº ÄÄÇ»ÅÍ¿¡ ¿©·¯ °³ÀÇ ID¸¦ °¡Áö°íÀÖ´Â Google ÅäÅ©¿¡ ·Î±×ÀÎÇÒ ¶§























Thanks. °¨»çÇÕ´Ï´Ù.