โค้ดฝังเอกสาร จาก Google Drive บนเวบไซต์

<p>ดิฉันเองไม่ได้มีเวบไซต์  แต่มีเวบบล็อกเป็นส่วนใหญ่  แต่ทั้งเวบไซต์และเวบบล็อก ในการฝังเอกสารเพื่อเล่นโชว์ก็มักจะใช้โค้ด HTML เพื่อฝังโค้ดบนเวบ   ปัจจุบันเอกสารบน Google Drive ที่เราฝากไว้สามารถแชร์บนเวบไซต์ เวบบล็อกได้ง่ายๆ เพราะมีโค้ดในรูปแบบ HTML ที่ Google Drive มีให้ใช้งานได้  เพียงแต่เอกสารเหล่านั้นต้องตั้งค่าแชร์เป็นสาธารณะ  ซึ่งในการแชร์เอกสาร สามารถแชร์เอกสาร Google Drive ได้ทั้งของเอกสารของเราเอง หรือเอกสารของคนอื่นที่ตั้งค่าแชร์สาธารณะไว้  </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJfKpsFq_z1l7XNzjCIDPE_fW6jhP_cHiyzbTLzz2HDitvB5hj9oIt0IKh3nc2yQj6WmqrzdbKox0E1qlNgeDxOYuPhZZHPDgJj_3sRoqomXY9UqdgBhacfjc6g4CRGqjs9ZddnaI5NfZN/s1600-h/image%25255B15%25255D.png"><img alt="โค้ด html ฝังเอกสารจาก Google Drive บนเวบ" border="0" height="159" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT7JAJfKGL8m7oEeLzXZlZMxwjjShQtNOphbW_R-yhOOuRqkoldYxWSIh1yspkKv2EbwZ5LfKIFq4gUBdjg2fr_cuGuZlGnz8NoLSbHQXpiObroWa2qxyCZR80W9JkHHe0n3RFxSuiO9C1/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="โค้ด html ฝังเอกสารจาก Google Drive บนเวบ" width="476" /></a></p> <p>วิธีการนำเอกสาร จาก Google Drive เหล่านี้ไปแชร์บนเวบไซต์   สามารถทำได้โดย  เมื่อคลิ๊กลิงค์ไปยังเอกสารนั้นๆ  ให้คลิ๊กไปที่ไอคอน จุดสามแถบดังรูปด้านบน    จะปรากฏมีเมนูย่อยให้เลือก ฝังรายการ</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIjDDlygis2VYXHc1fgLV5okiPdRBdnPs069LZWXOwx6wQtUf6BZ1H3_qsRKOaRweF9AWPtjBMSjTBCC5yETfAM1nq5EJ82oB5IWt8G-MwHhIdgY0cDjuTgJABYFZfI1fe0pYgex2pSSgo/s1600-h/image%25255B9%25255D.png"><img alt="อ่านเอกสารบน Google Drive ออนไลน์บนเวบ" border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufIN-rQDINpgQ3k_WYpCc07lNIooe2RzguLDY0CHM3TLdjLHIzYtCpUBBRvjm1ROQKDoDuDQsRL-Ys3SwhtMGWjtdK2Tg0scGCPmYN3nKQKM1WMo6OhdcjSi_aipm4rLFxK0747ybOi03/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="อ่านเอกสารบน Google Drive ออนไลน์บนเวบ" width="490" /></a></p> <p>แล้วจะปรากฏโค้ด HTML สำหรับนำไปฝังหรือวางบนเวบไซต์หรือเวบบล็อก เพื่อนำเอกสารขึ้นเล่นโชว์ในเวบนั้นๆ  เพียงเท่านี้คุณก็สามารถนำเอกสาร จาก Google Drive เล่นออนไลน์บนหน้าเวบได้ง่ายๆ แล้วค่ะ </p>

โค้ดฝังเอกสาร จาก Google Drive บนเวบไซต์

ดิฉันเองไม่ได้มีเวบไซต์  แต่มีเวบบล็อกเป็นส่วนใหญ่  แต่ทั้งเวบไซต์และเวบบล็อก ในการฝังเอกสารเพื่อเล่นโชว์ก็มักจะใช้โค้ด HTML เพื่อฝังโค้ดบนเ...

อ่านเพิ่มเติม »

การคัดลอกและ วาง url ใน smartphone และ tablet

<div class="wlWriterHeaderFooter" style="float:none; margin:0px; padding:4px 0px 4px 0px;"><iframe src="http://www.facebook.com/widgets/like.php?href=http://www.aphsara.com/2014/07/how-to-copy-and-paste-url-on-android.html" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe></div><p>โดนสะกัดดาวรุ่งอนาคตนักเขียนออนไลน์   เหตุเพราะ Tot บริการอินเตอร์เน็ตที่นักเขียนบ้านนอกอย่างดิฉันใช้เป็นเครื่องมือสื่อสารงานเขียนของตน  เกิดอยู่ในช่วงเข้าพรรษาไม่ยอมให้บริการ  แจ้งซ่อมเกือบ 3 เดือน tot สุรินทร์ ท่านก็นิ่งสนิท   จนใจเพราะบริการอินเตอร์เน็ตอื่น ๆ ยังไม่มีสัญญาณเข้าถึงบ้านป่า   เลยหันไปซบอก ais ใช้บริการเน็ตผ่าน smartphone  เค้าว่า 3g แต่สัญณานที่บ้านป่ายังเป็นแค่ครึ่ง g อยู่นั่นหล่ะ  ทำไงได้แก้้ปัญหาอะไรได้ก็ทำ ๆ ไป รับสภาพบ้านนอก  อากาศดี อาหารดี ชุมชนดี เทคโนโลยีอยู่ที่โหล่ย   นั่นทำให้ต้องเรียนรู้การใช้งาน Smartphone มากขึ้น  วันหนึ่งเกิดนึกอยากนำเอา url ของเวบบล็อกตนแชร์หากใช้งานผ่าน Windows เรื่องจิ๊บ ๆ   แต่ว่าผ่าน smartphone เครื่องจิ๊บนี้ มันไม่ใช่เรื่องจิ๊บๆ เสียแล้ว  ว่าแต่ไอ้ปุ่มคัดลอกมันอยู่ไหน  แล้วเค้าใช้อย่างไรกันละเนี่ย   ป้า..งง…    </p> <p></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR_75ZvyGyvvWxDHZm_f0JV3Ku_PIQM0w2sx6dKZJmqAbN9x2al4hrPgeVt-qFYdEGimTy92PJqek6XqPZ5lhdWutDc1fjqSyVc3KovNsHUYsuU2MCSHpjcPLxJQizzTwfH6QbPTNgszyK/s1600-h/image%25255B3%25255D.png"><img alt="คัดลอกและวาง url ใน android" border="0" height="337" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTs2MwNUpx8REp-_3dOVLSBUHUdVk3n4dRMt-BJ1NZo3pbvx-GzJ5H97H7cYp6TwgPeyYc6tQFwA2UHGJGjzxIU2n9ndX9OHY3DRacjQxghIfsgLJj1eAVNoxSEYqayQ8P2a23W5rLgFV/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="คัดลอกและวาง url ใน android" width="226"></a></p> <p>นั่นเป็นที่มาของบทความคอมพิวเตอร์และอินเตอร์เน็ตเบืองต้นวันนี้ค่ะ  <strong><font style="background-color: #ffff00">เรียนรู้การคัดลอก (copy) และวาง(paste)  url ใน smartphone หรือ tablet ในระบบปฏิบัติการ andorid นั่นเอง</font></strong></p> <p>วิธีการคัดลอก url ใน smartphone หรือ tablet เพียงแตะนิ้วที่ url address ค้างไว้สักครู่</p> <p>ต่อจากนั้นจะมีเมนูปรากฏขึ้นให้เลือกใช้ จะ ตัด <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH1Dy-MD03c_WIdO_juOvBDAMtOHtHCOtpYP6QO963XIWwIG_z4qx6aJBn2J28PedgdLICeYXP_b71s7RKGSIT5sW5VQ5d8e5IS_ukKMOqFXkzlSihC_MKNQe9d_sWC3DbSH94_EgvDfdF/s1600-h/image%25255B7%25255D.png"><img alt="image" border="0" height="42" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTT0wHXNv-zB2TuR-8RJRRNTb2-HaM5R_qL9uHJNotn40A9OMfo4Vvjc-tOx6vdsr5vIvht6OAz7OyG1xPhDIn5NLM2SLDpreUFcVcfGfpHUxW8fnGtJrss6eYBaPba49Z2DeTSbhNR5gb/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" title="image" width="42"></a>  คัดลอก <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmPOnSLXCGLwbM9JuBrHPRMtJlcPSlQ16Wyjwdk0jvgKR1iLrh0F4pevrFekhAIOskje3s0yg_FxHDAUxH31zSARfhvbtPuyBhMCqbuvRsNMpkPpP7dgaZSQDn8iBjri8g7CL68obsgAmy/s1600-h/image%25255B11%25255D.png"><img alt="image" border="0" height="36" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnH399TOD5XOSdGROO45wIuSlB7I4p1qo6nIVPMAPqUyKl-_fLBsQ2A-N1Z38p9InsZAkd3PtLol_v_9faWQ4D-14JJd1LSDtcgUFg5n0LvM8ghJxfzUBpV6_VuJcOLeoLAfGQ8A67jKRC/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" title="image" width="41"></a> หรือคัดลอกนำไปใช้ในลักษณ์ของ clipboard  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsF5AFZK85Z6S_7HwZZEFU2E0S0QqLAYqE2j_GtDGhFvZ2iVM4CBNz8mySk3alOCX9Wcq-s2l4_bbzfC7enXArsQRjmmRyrvcGqd72hyphenhyphenpBdhUR7u260fOebRSpTH8Rt7Ni-V_Un3rESai1/s1600-h/image%25255B15%25255D.png"><img alt="image" border="0" height="36" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVySbhn_xXE30v3hc0B6n2Dhx6xugGrkMSWBz5-T7SpHomdiKWHcq8GQWf9t1R56iNn2hFs-8W9LoR4W-NNqquhPQ-DC3TaQppL301OILmBcqoWSdQcgcBxzeEolCEIdlHss2uG_UZQ3ip/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" title="image" width="32"></a></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdm9i3eyrSIi99h-XQs0qwI1IZMg0gq-WptMzvXcUaN1EdhjCT_e0N2N0uRrUzfFugVbfwrlxkj90dm7BAq8p-x_anxizf6cNw87b0lXw9l5dZAp0cSNX9DgBGsGZ5fzPlJsbpdEa4O-xT/s1600-h/image%25255B20%25255D.png"><img alt="คัดลอกเวบ address ใน smartphone และ tablet" border="0" height="409" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv3BnFjhbrzPpx_gSshPQ3ORb9cWzEaFoCvyV9OP6ZHHCRX2FiVa7lYnh1B-3ppvLCzaqKnJNv83VKATMEBrZn4nuRGO2FvAElTg3BX6TUrmZ1MDPNBmoy0w8YKb552KFW44lnXZC0EZ6N/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="คัดลอกเวบ address ใน smartphone และ tablet" width="273"></a></p> <p>หลังจากเลือกคัดลอก แล้วจะนำไปวางแชร์ที่ใด เพียงใช้นิ้วแตะค้างไว้ เมนู Paste จะปรากฏขึ้น  แตะที่ Paste  หลังจากนั้น url ที่เราคัดลอกมาก็จะถูกนำมาวางเรียบร้อยแล้วค่ะ</p>

การคัดลอกและ วาง url ใน smartphone และ tablet

โดนสะกัดดาวรุ่งอนาคตนักเขียนออนไลน์   เหตุเพราะ Tot บริการอินเตอร์เน็ตที่นักเขียนบ้านนอกอย่างดิฉันใช้เป็นเครื่องมือสื่อสารงานเขียนของตน  เกิ...

อ่านเพิ่มเติม »

ปลั๊กอินจับภาพจาก Snagit วางใน Windows Live Writer

<div class="wlWriterHeaderFooter" style="float:none; margin:0px; padding:4px 0px 4px 0px;"><iframe src="http://www.facebook.com/widgets/like.php?href=http://www.aphsara.com/2014/04/snagit-windows-live-writer.html" scrolling="no" frameborder="0" style="border:none; width:130px; height:80px"></iframe></div><p>เริ่มหัดเขียนบทความเมื่อ 7 ปีก่อนเริ่มแรกเขียนในบล็อกของ Windows Live ปัจจุบันเค้าเปลี่ยนมาใช้ wordpress ไปแล้ว ส่วน Blogger เริ่มต้นเขียนมาได้หลังจาก Windows Live  1 ปีให้หลัง  แต่ไม่ว่าจะใช้ blog ในรูปแบบใด ที่ไม่เคยเปลี่ยนใจก็คือโปรแกรมช่วยเขียนบทความบนคอมพิวเตอร์ นั่นคือโปรแกรม Window Live Writer แรก ๆ ที่ใช้เพราะเห็นว่าอินเตอร์เน็ตตนเองที่ต่อจากมือถือแค่ 115 kb ไม่สามารถเขียนและอัพโหลดรูปภาพแบบออนไลน์ได้ จึงได้ค้นพบ Window Live writer แต่จนปัจจุบันถึงแม้ความเร็วของเน็ตจะไวขึ้นมาบ้าง แต่ก็ยังใช้ Windows Live Writer เป็นเครื่องมือสำคัญเสมอมา </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcX0NU9JH8AJ2m8QoFIWY4tzDoIp8JBhyfybAEz8pA9G7C7Msz6w2OFFqZ1l5uwVL2kMuDx0BaF6y6puQ3t2qdoOETyZHygYUDw5PV5qn4LX1RIEHx5ZLCCEoMSYXeXSYuYbGEP9LbJTE1/s1600-h/image%25255B14%25255D.png"><img alt="ปลั๊กอินวางภาพหน้าจอใน Windows Live writer" border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjug5GzyKFv26goEEdkkP6HFAayekvqzWR17z1EIIN0CzEIXCc8LbnNb0Srcn8VSnCQVWa_bujCbevEdE3MMRbVy6Hp3jEvxrx4HsDz5RYIEFP-gFX1jtha0DD0rD8sZAmBvGXhVumWECq3/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="ปลั๊กอินวางภาพหน้าจอใน Windows Live writer" width="550" /></a> </p> <p>นอกจากจะใช้งานง่ายยังมีปลั๊กอินที่ช่วยให้มือใหม่ ในการเขียนบทความในเวบบล็อก และมือขั้นเทพทำงานได้รวดเร็วและสะดวกขึ้น  ที่เมนูแทรก จะมีปลั๊กอินมากมายให้เลือก และอีกหนึ่งปลั๊กอินที่ตัวดิฉันเองพึ่งจะได้มีโอกาสใช้ เพราะได้ใช้โปรแกรม Snagit 11 ในการจับภาพใช้งาน จึงพบว่ามีปลั๊กอินฟรี <a href="http://software.aphsara.net/2013/12/snagit.html" target="_blank">Snagit  screen capture</a> สำหรับโปรแกรม Windows Live Writer ที่ทำงานร่วมกันระหว่าง Windows Live Writer และ Snagit ทำงานร่วมกัน  เพียงคลิ๊กที่ปลั๊กอิน Snagit Screen Capture คลิ๊ก Capture  </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_6UqXuz2H5cq76VFIziwBpefOHaWBOn72ijpUJ8Esoz4Bol1kumnyvsC7Q5H5zrM6_2Tf2uZnh-4X2jyMpcc-2tPkPvy2dmh577t9SE2rlEeIIK9KUiJ21eJgUUtk0uGEzhoiPDaUBg7o/s1600-h/image%25255B17%25255D.png"><img alt="จับภาพหน้าจอใน Windows Live writer" border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHwDrwEjPnOMIZJ-r32SNdT4NG0vEhmndm-dMSSoSB3uFWFsc4nNDOxMPJzqTDY1d5SNO1vLXbb_SU3xYTNw2WLqEshZmsQ5hHz5nGaKiX3hkxAWsFVjXwJp7pBUHwPkLEvz-e7G4QSSrM/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="จับภาพหน้าจอใน Windows Live writer" width="422" /></a></p> <p></p> <p> </p> <p>จะสามารถจับภาพหน้าจอแล้วไปแสดงผลในโปรแกรม Snagit สามารถใช้เครื่องมือ Snagit ในการปรับแต่ง หลังจากแต่งได้จนพบใจ คลิ๊ก Finish ภาพที่แต่งใน Snagit จะไปปรากฏใน บทความบนโปรแกรม Windows Live writer โดยทันที  ดาวน์โหลดและใช้งานปลั๊กอินได้ที่  <a href="http://plugins.live.com/writer/detail/snagit-screen-capture-plugin" rel="nofollow" target="_blank">Snagit screen capture plugin Windows Live writer</a></p>

ปลั๊กอินจับภาพจาก Snagit วางใน Windows Live Writer

เริ่มหัดเขียนบทความเมื่อ 7 ปีก่อนเริ่มแรกเขียนในบล็อกของ Windows Live ปัจจุบันเค้าเปลี่ยนมาใช้ wordpress ไปแล้ว ส่วน Blogger เริ่มต้นเขียนมา...

อ่านเพิ่มเติม »

การสร้างเกมส์จิ๊กซอว์แบบออนไลน์ง่าย ๆคุณก็ทำได้

<div class="wlWriterHeaderFooter" style="float:none; margin:0px; padding:4px 0px 4px 0px;"><iframe src="http://www.facebook.com/widgets/like.php?href=http://www.aphsara.com/2014/02/how-to-create-online-jigsaw-puzzle.html" scrolling="no" frameborder="0" style="border:none; width:130px; height:80px"></iframe></div><p>โดยนิสัยแล้วไม่ใช่คนชอบเล่นเกมส์ค่ะ  โดยเฉพาะอย่างยิ่ง request เกมส์ใน Facebook ที่คือที่สุดของความรำคาญ  แต่ที่มาคิดสร้างเกมส์ กะเอาไว้สอนเด็ก ๆ เพราะใช่ว่าเกมส์จะมีข้อเสียเพียงอย่างเดียว  ข้อดีของเกมส์คอมพิวเตอร์ ก็มีให้เลือกใช้ค่ะ   วันนี้ได้เข้าไปเรียนรู้การสร้างเกมส์จิ๊กซอว์ ซึ่งดิฉันเองเคยใช้ Software ตัวหนึ่ง นั่นคือ Flash Jigsaw producer ใน<a href="http://teach.learnfreeware.com/2011/01/flash-jigsaw-producer.html" rel="nofollow" target="_blank">การสร้างเกมส์จิ๊กซอว์</a>แล้วอัพโหลดเล่นบนเวบบล็อกของตน  </p> <p><iframe style="width: 100%; height: 500px" title="ระบบสุริยจักรวาล - online jigsaw puzzle - 18 pieces" src="//www.jigsawplanet.com/?rc=play&pid=059d893ead99&view=iframe" frameborder="0">[Your web browser does not support frames or is currently configured not to display frames. However, you may visit <a href="http://www.jigsawplanet.com/?rc=play&pid=059d893ead99" target="_top">the related page</a>.]</iframe></p> <p> </p> <p>แต่ว่าวันนี้ได้มีโอกาสใช้งานสร้างเกมส์จิ๊กซอว์แบบออนไลน์  ดังนั้นจึงนำมาร่วมแชร์  ถามว่า สร้างแบบออนไลน์ดีอย่างไร   ดีตรงที่ว่า สร้างเกมส์ Jigsaw แบบนี้สร้างง่าย ไม่ต้องอัพโหลดไฟล์หลังการสร้างเสร็จ ไม่ต้องหาเวบฝากไฟล์ เพื่อแสดงผล  บริการนี้ฟรี สามารถนำ embed code จากเกมส์จิ๊กซอว์ ไปวางใน เวบไซต์ เวบบล็อก หรือ เวบบอร์ดเพื่อประกอบกระทู้ต่างๆ ได้ตามชอบใจ  แต่ทว่า ของฟรีก็มีข้อจำกัดบ้าง เช่น หากชิ้นงานที่สร้างไม่ถูกใช้งานภายใน 6 เดือนก็จะถูกลบ เป็นต้น แต่อย่างไรเสีย รู้ไว้ใช้ว่าใส่บ่าแบกหาม มาลองดูวิธีการสร้างเกมส์จิ๊กซอว์แบบออนไลน์กันหน่อยดีกว่าค่ะ</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtD9ttYvtj2qOoPaRWuP13QbHxghiTt8OcE2Lg1oEZTIoT-LxWVKgAD3W-x4M1VF8VMY4vf_6CZBecoz-REtc2DstDgiEYP4ym22FIsOM46PjmRyaa92e0byjcfpDuOJZWBvD64SpJV02/s1600-h/image%25255B5%25255D.png"><img alt="create jigsaw puzzle" border="0" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-4RWXxqqedOWuw7cP-i5gG1BcGVYwtAZC2YHg_3G-QuHo6Gq1Jdu60CJ74t_1LZO-vWdRpGLkufLtyWniqlNgifZkHkzCm9gKEwdBojDaGeB27FUjoCwmRSJlV6tgH12e_IKV2e-O2S1q/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="create jigsaw puzzle" width="411" /></a> </p> <p>1. คลิ๊ก Create ที่เมนูด้านบนสุดของเวบไซต์  <a href="http://www.jigsawplanet.com/?rc=createpuzzle&ret=%2F" rel="nofollow" target="_blank">Jigsaw Planet - Create Puzzle</a></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-iyviC5lUU8LW3Suy7R-N8nNObID5pWDzcBbLgvb1dO4owrM7e8sfbo8IKJfNkoqLeZv3KT0fhHnWZ1I1yfZfxTwY8b5fYtwFzNm0xXZtSzu9x6TdkhqgaYcN5bteYKmXTU9582h0VLW8/s1600-h/image%25255B11%25255D.png"><img alt="สร้าง jigsaw" border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMSleM5wXYDEX8w_q3mgV9koiMcPocFNKTachxpN8l8FnV-3kwgN2ckK8v279oN1jD1exKLLBO0zGBUzcqpcJpt9ia9c-w2a7zw61OJ84f-8JTywbEj7rSCTVzyX0R6duI6kTPcwFgqm1e/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="สร้าง jigsaw" width="319" /></a> </p> <p>2.ตั้งชื่ออัลบั้มจิ๊กซอว์ที่จะสร้างค่ะ หากต้องการเผยแพร่ เกมส์จิ๊กซอว์ดังกล่าวเลือก Public ค่ะ </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcbLPuuSapnzCIBeAN4B2J92xtSNAK0RDIlaECrggvzR9AMSHLZhsS0dnh6CVjm3-4Nf_kz717Lh887-MpDekymwwOydyeeoDoPKVA0frm5Cjmezay7ZZa40_VXjar5Fze0P3nl3W3Bj_u/s1600-h/image%25255B17%25255D.png"><img alt="สร้างเกมส์จิ๊กซอว์แบบออนไลน์" border="0" height="414" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYeYrwgUKy-fHDV-7NlvooIJJWo3DynQviFj29eWYT-cDsJ1quOfTdI62f5zDBiuQqNCB47EqjAsVirOGh5TRXzKrp5RIvvrvOHtQUDhOHU2FMot1rtZlQH5FvU_tra7EsqUp_nLYSpEfX/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="สร้างเกมส์จิ๊กซอว์แบบออนไลน์" width="417" /></a> </p> <p>3.เริ่มต้นสร้างเกมส์ จิีกซอว์โดยการอัพโหลดรูปภาพ โดยคลิ๊กที่เรียกดู</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLZ6bRu4wLNEvQkjw4Anywh3hYc1iZcdF_Qw9VCsyLef3G9xChdb5K0TEu6Io3pRa1o_pV9E-y28RSPELQIoo0e39ITuc-tOP4bQByIDK2fSHVEhmDOJ3SZKYjUg3O1WVBs5mYihWe_fs4/s1600-h/image%25255B23%25255D.png"><img alt="วิธีการสร้างเกมส์จิ๊กซอว์แบบออนไลน์" border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkh7KmvQYJIHFjwE0ah0w4VIiTCB8clxM41TzvKvbOCZIxyz1uRbEgk_uyFamQzFW-XI2uitFe_CS-M617OFXRQJ0K2vZZhG3CRujXJPawJSivLjBcBZX9XA0xKEWaIpEWeeh3pySQozqc/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="วิธีการสร้างเกมส์จิ๊กซอว์แบบออนไลน์" width="420" /></a> </p> <p>4. เลือกภาพที่ต้องการนำมาทำเกมส์จิ๊กซอว์ คลิ๊ก Open</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK9WqQjTz4QgMH2992w3WKM-72Va1KIqXItcCl1gecFh8ySwMwnYcUB8GDJeoQ4oBOBKLejT3BIP8oXilvcomhcfuJhyphenhyphenIedAOXOKEwD_Hk96RZHl2mS5jcyUPTOQiu1klzzpKoX34_6gkY/s1600-h/image%25255B29%25255D.png"><img alt="การสร้างเกมส์จิ๊กซอว์" border="0" height="421" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOVbUdlaCFX_b3r9KSsnOyxO5KXWL57c8MkBGTcdsEStwBzRBCdEoFXYO04yG3sF9XV1qOa1cH8FBqUy099ywlmUiHzDYX8bQTqK0slPiMSdK1Jot_u14yzH7pMy3MQSCZGm9gYkRIFL9C/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="การสร้างเกมส์จิ๊กซอว์" width="457" /></a> </p> <p>5. ปรับแต่งค่าให้กับชิ้นงานจิ๊กซอว์</p> <p>Name : ตั้งชื่อ </p> <p>Pieces : ตั้งค่าให้กับจำนวนชิ้นของจิีกซอว์ เลื่อนปรับแต่ง ยาก ( Hard) หรือ ง่าย ( easy ) ตามชอบใจ</p> <p>shape : รูปร่างของชิ้นงานที่จะถูกตัดเป็นชิ้น</p> <p>Rotation : หากต้องการให้มีการหมุนชิ้นงานได้</p> <p>Tags : คำสำคัญระบุชิ้นงาน</p> <p>หลังปรับแต่งค่าต่างๆ เลือก Create เพื่อเริ่มต้นสร้างชิ้นงาน</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEDZRflWhBQXZCFcZ4QGc5yYW8QmWtHNhg5yGhG7erviOnUrUxUWOevgifEqW1wd8h2Ong57kubJtMD5bZkmSe7anghzU2egfCLorW57f5dXmd7gGym89Pem5Cne1kTTIJi07JP6DO5MSv/s1600-h/image%25255B39%25255D.png"><img alt="แชร์เกมส์จิ๊กซอว์บนเวบบล็อก" border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKQWFy2Qc44Af3YqcnDvl8qUzLZeOelzrhvSOCKfkBWDe7GSB0OcajdzX7u7xa57EK3rBHHQViUM1sCTKzkB84ho938nPYZzUh21jKSCgQX5QmuLmbNcRbe4Tg3eOGPCl0mVQAfGw70uwr/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="แชร์เกมส์จิ๊กซอว์บนเวบบล็อก" width="442" /></a> </p> <p> </p> <p>6. หลังการสร้างเกมส์เสร็จสิ้น อาจเลือกปรับแต่ง ( Edit ) หรือแชร์เพื่อใน facebook,twitter,google+ หรือนำ embed code มาวางในเวบบล็อก เวบไซต์หรือเวบบอร์ดต่าง ๆ </p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbKG5YS6-joC_YI7X3cq-PaBm6sgICAGEFtGVUeoVtg90lq6e9JnrJG6u560O7UlFEITwdRMavbe-5wkjnrs5u2yVOg5YCtuy1_APF1p0V1APMGfapMuMX7wMaRyjjzQXRB0krE_zHfwzv/s1600-h/image%25255B45%25255D.png"><img alt="การนำเกมส์จิ๊กซอว์มาวางในเวบบอร์ด" border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0sKO4shUyhj9H6ivcACkxlrAB9WQnt0o_h1mdJCSZLAoIPNNwLRyQ44jpdUzuWxWhNGOAC15DjAHX-wAuC2yiedcNK3jQ12eA74Dk8mgRKJ7MJtbtO894VKqGermd6j_SSaoYsyT6Bu7x/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="การนำเกมส์จิ๊กซอว์มาวางในเวบบอร์ด" width="491" /></a> </p> <p>โดยการคัดลอก โค้ด iframe มาวางในเวบบล็อก เวบไซต์ หรือเวบบอร์ด ค่ะ ทดลองเข้าไปสร้างผลงานกันดูนะคะ  :)</p>

การสร้างเกมส์จิ๊กซอว์แบบออนไลน์ง่าย ๆคุณก็ทำได้

โดยนิสัยแล้วไม่ใช่คนชอบเล่นเกมส์ค่ะ  โดยเฉพาะอย่างยิ่ง request เกมส์ใน Facebook ที่คือที่สุดของความรำคาญ  แต่ที่มาคิดสร้างเกมส์ กะเอาไว้สอนเ...

อ่านเพิ่มเติม »

แก้ปัญหา blogger ได้ redirect ไปยัง helperblogger.com โดยอัตโนมัติ

<div class="wlWriterHeaderFooter" style="float:none; margin:0px; padding:4px 0px 4px 0px;"><iframe src="http://www.facebook.com/widgets/like.php?href=http://www.aphsara.com/2014/02/how-to-fix-blogger-redirect-to.html" scrolling="no" frameborder="0" style="border:none; width:130px; height:80px"></iframe></div><p>ตกใจแทบตาย เมื่อจู่ ๆ  <a href="http://www.aphsara.com">www.aphsara.com</a> ที่เปิดมา กลายไปเป็นเวบอะไรก็ไม่รู้  helpper.com เฉยเลย อ้าว ! blog เราเกิดอะไรขึ้น </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpF5YtchkD1Y1BnpDde9TSluPVFIuiLqb0miuds1gBk0JND_dIpRrbIwnN9_IdRwFhhM9vimfTBAQq1HYgvyvSQfYCTFkotRkRiMMk7OvLsHY1C1j6uDuL7rbIWp_iyYoTowaxlJRS9Mde/s1600-h/image%25255B18%25255D.png"><img alt="แก้ปัญหา blogger เกิด redirect ไป helperblogger.com" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqkmn0MADwOUviJ13g8S069SLkhYVt2QkuJ3O8HQmu-oPuQp0AwSHFudJO6kmMdGiTbehlQld0wYPfa2cELhiROHY1qX7aGbZvfqdExggwpQ3hVe8a7C4r3Sjxr28ojCM0n9SwprdqJERo/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="แก้ปัญหา blogger เกิด redirect ไป helperblogger.com" width="426" /></a> </p> <p>ทีแรกว่าเป็นที่ตัวเครื่องคอมพิวเตอร์ติดไวรัส สแกนก็แล้ว อะไรก็แล้ว เอ ? มันชักยังไง ใช้เวลาเป็นวันเต็มๆ จึงได้เจอคำตอบที่ forum help ของ blogger วิธีแก้ไข กรณีที่ blogger ได้ redirect ไปยังเวบ helperblogger.com มีวิธีแสนง่ายดังนี้ค่ะ</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCklf_K6AB_43Yc1fxfb9Hd6wk3WQ0GHcHjNfC2j6QhFbGGw3rKiytIfJj3tyY2cJzHyo_59EJYftsML9s6RBFHcHBDDKLuh8zzr35mM7dqCqQiNXOGOWBOPUgbyEDVMzjMMZ1y1YCsBdO/s1600-h/image%25255B11%25255D.png"><img alt="แก้ปัญหา blogger มีการ redirect ไปเวบอื่น" border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGeKtvgvRAMrrppSdLi2_U8gdLH-h0mFHc3BHpd5XfnATkKgYHMgrsqI8JCjZ6xbE7bVXIlNq_YQuUd8qNFwfora9BRfw2q_GaTCRJHCIyDqSXpIT1Rnf1epS3VT3toRi8oTH9VgyTbkAN/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="แก้ปัญหา blogger มีการ redirect ไปเวบอื่น" width="538" /></a> </p> <p>ให้ล็อกอินเข้าไปยัง blogger ที่เมนู รูปแบบ </p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNGJhoVUQBYYuRPV97ySrtWGJwwrSBy6phkQmYA1MVM93wp_2O9pqSnlE1piFbIDWF2-zkxgB3Zq1GU9dfII4g4_3YmK8ANF7EimTr0dIbPpQdvNypBXnx2cl21j0ng6-Y8OqMKmAOnItM/s1600-h/image%25255B17%25255D.png"><img alt="ลบ gadget ของ blogger" border="0" height="437" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiWt29OJc7Qy3q8X3ZYN-81H4wl8Y9o8OWllu9Q551DZldroGTUBgImziYQHvfugh4kZsIbngjqJfQiMyhWx9lCa24sqRVKdAry9G0etQGUx4lBa88B1OtdvcdoBYr17htLX9gG1yT2Zbj/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="ลบ gadget ของ blogger" width="384" /></a> </p> <p>ค้นหา gadget ใด ที่มีโค้ด  code.helperblogger.com ดังภาพด้านบน ให้ลบ Gadget นั้นออกไป </p> <p>ทันทีที่ลบ Gadget ดังกล่าวออกไป   blogger ที่เรามีอยู่ ก็จะสามารถเข้าใช้งานได้ตามปกติ โดยไม่มีการ redirect ไปที่หน้าเวบอื่นใดแล้วค่ะ </p>

แก้ปัญหา blogger ได้ redirect ไปยัง helperblogger.com โดยอัตโนมัติ

ตกใจแทบตาย เมื่อจู่ ๆ  www.aphsara.com ที่เปิดมา กลายไปเป็นเวบอะไรก็ไม่รู้  helpper.com เฉยเลย อ้าว ! blog เราเกิดอะไรขึ้น ทีแรกว่าเป็...

อ่านเพิ่มเติม »

การนำวีดีโอใน Google Drive แชร์เล่นออนไลน์บนเวบไซต์

<div class="wlWriterHeaderFooter" style="float:none; margin:0px; padding:4px 0px 4px 0px;"><iframe src="http://www.facebook.com/widgets/like.php?href=http://www.aphsara.com/2014/01/how-to-embed-video-in-google-drive-on.html" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe></div><p></span></span><a href="http://www.tipfornet.com/2013/02/google-drive.html" rel="nofollow" target="_blank">Google Drive</a> เป็นบริการ Cloud service ที่หลายๆ เริ่มเข้ามาใช้บริการ เพราะมีพื้นที่ฟรีให้ใช้ แถมเครื่องมือเป็นตัวช่วยครบครัน ไม่ว่าจะสามารถสร้างเอกสาร Googel Doc แบบออนไลน์ ไฟล์งานนำเสนอ mindmap หรืออื่นๆ ก็สามารถใช้งานผ่าน Google Drive ได้ วันนี้ได้มีโอกาสอัพโหลดวีดีโอฝากใน Google Drive จึงทำให้ทราบว่า เราสามารถนำ Embed code ไปฝังในเวบไซต์ หรือเวบบล็อก เพื่อเล่นออนไลน์ผ่านหน้าเวบโดยทันที จาก Google Drive ค่ะ  เพียงแต่ว่า วีดีโอนี้ตั้งอตั้งค่าสถานะเป็น สาธารณะนะคะ </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX3JqcMgmopFmT7z2QVP0yIcxQshyphenhyphenSQNdH0GJwW2oJtDamr5A4BFtnZS239x99AQfAYOcPqfvMclf8egg9tgMFOEwwaBBbOnAB_r4tCwuM32dvilbmftdzj5NDRxrrN-sSy_W-K_HsXPqE/?imgmax=800"><img alt="การนำ embed code จากวีดีโอใน google drive วางในเวบไซต์" border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikH1KgL1ThooXOM8NgQdjq4B6ot2jy9NxEP4qDhNDG89gbIcFoMKuJd7EorROB4KiHKg7aLmvp48Lu-DXeM2OZfzP8AbWuCR3uWxnpe0OmY1wsoygppHru-buag08cHgx7Krd-V1HTzR-w/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="การนำ embed code จากวีดีโอใน google drive วางในเวบไซต์" width="553"></a></p> <p><strong>วิธีการในการนำไฟล์วีดีโอจาก Google Drive เล่นบนเวบไซต์มีขั้นตอนดังนี้ค่ะ</strong></p> <p>1. คลิ๊กขวาที่วีดีโอใน Google Drive ที่ต้องการเล่นออนไลน์ในหน้าเวบไซต์ > เปิดด้วย > เครื่องมือดู Google ไดรฟ์ </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmThj8Ow-jEIFxO_y2jPibRlJMlS6bG-afpdM_PfAKvGJIn7JIT-2s9YAHFBjGZXxzRx9nydP7OXUEmvr61-FprzkQjwJqTvfHNo60PMBkBLOTAY9b36Ihh-_jMxp9S-aPKo4-pR0FMMXr/s1600-h/image%25255B9%25255D.png"><img alt="วางวีดีโอใน google drive ในเวบไซต์" border="0" height="271" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI4gXQqGEz50NWrQQSbpo1Y5qeP6FF9vFeAvc8qvuJRzY6a1YgHyCvy4mNYAduLhSFs6p99Vgwf1Stnrc2qYfmvpffQ4CKyNbHpd5ZDmV2hTd_3uvwpK1jK590DDxB0zcW2J72fOSy2inr/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="วางวีดีโอใน google drive ในเวบไซต์" width="455"></a></p> <p>2. ต่อจากนั้นจะปรากกหน้าต่างเล่นวีดีโอให้คลิ๊กที่ ไฟล์ เลือก ฝังวีดีโอนี้</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjopxRaFLxiRtRvmKFtoKeDgoGMLe01rfb-ahqNfO4Jx0G5d-0aX5AB-3TUmLnxpvWCjp78P4h164AjFOawhcOV2NWcHjkId_bf_S4tHWOFGHxLYPKMxr7yFuFADsfH8xVj_oQSaTRv1vZb/s1600-h/image%25255B14%25255D.png"><img alt="embed code จาก google drive วีดีโอ" border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsOinx8rMcWsAI06MmKU9ZTGnJsoGup9d4SrPAXYsu76jrdXgT1zfHUL2Zlv1zX3PGPURjV2-K_aeQWWUHztI2clnVuD0fmzkCxBvQp-wVCJkLY2xwq557x9uQThmosYBygxDOGUilVpH1/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="embed code จาก google drive วีดีโอ" width="425"></a></p> <p>3. ต่อจากนั้นหน้าต่าง embed code แบบ html สำหรับวางในเวบไซต์ก็จะปรากฏขึ้น ให้นำไปวางในเวบไซต์ได้เลยค่ะ  โดยอาจจะปรับตัวเลข ความกว้างของวีดีโอ ที่ width และ ความสูงของ วีดีโอที่ height </p> <p>เรียบร้อยแล้วค่ะ สำหรับการนำวีดีโอจาก Google Drive ไปวางในหน้าเวบไซต์</p>

การนำวีดีโอใน Google Drive แชร์เล่นออนไลน์บนเวบไซต์

Google Drive เป็นบริการ Cloud service ที่หลายๆ เริ่มเข้ามาใช้บริการ เพราะมีพื้นที่ฟรีให้ใช้ แถมเครื่องมือเป็นตัวช่วยครบครัน ไม่ว่าจะสามารถส...

อ่านเพิ่มเติม »

สร้างปุ่มบริจาค Donate button ใน Paypal

<div class="wlWriterHeaderFooter" style="float:none; margin:0px; padding:4px 0px 4px 0px;"><iframe src="http://www.facebook.com/widgets/like.php?href=http://www.aphsara.com/2014/01/donate-button-paypal.html" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe></div><p>คิดเรื่องนี้อยู่นาน เอ ? เราเพิ่มปุ่มบริจาคในเวบบล็อกเราดีไหม เผื่อมีเศรษฐีใจบุญหลงเข้ามา เห็นว่าบทความเราช่วยเค้าได้บ้าง  แล้วอยากให้กำลังใจเล็ก ๆ กับเรา คิดแล้วคิดอีก  มาตัดสินใจแปะไอคอนบริจาคในเวบบล็อกของตน เพราะไปเห็นบทความที่ตนเขียน บทความที่ไม่ค่อยกล้าโชว์นักเพราะคิดว่ามันไม่ดีพอ ในเวบไซต์ขนาดใหญ่แห่งหนึ่ง  เค้าคัดลอกไปแปะ ก็เลยคิดว่า เวบบล็อกเล็ก ๆแห่งนี้อาจมีค่าพอกับการขอบริจาค ดังนั้นจึงได้เรียนรู้วิธีการสร้างปุ่มบริจาค ใน Paypal  แล้วเอามาร่วมแชร์ค่ะ </p> <p></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYdsPOsOGve1AUDLj9RqAWhWUaiabJHaxRolXS_sGNT_EN9RjGlpbUtdlDN0ahjer-xIQTlP9O6GHwEXv-IogT8XYAjghMLgx3X1FiLsrKjxO3uJ71Q-a_Vx-7isbK6FPvwXUlYQiynA2t/s1600-h/image%25255B5%25255D.png"><img alt="สร้างปุ่ม Donate button ใน paypal" border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrP_inSncidWQOkjYSYYFjOXl1Os5Mqg1jff3dUNa_lk7mpI-f7173BPZ5UPi6cJ47G_Qm4CdpzuCEfcDNBOa6z9WSVmo7l8eBnF3O6H8o4Fsj-wLxiK9xoY1uogk0jga8oRJpHW9wVxlk/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="สร้างปุ่ม Donate button ใน paypal" width="396"></a></p> <p>แรกเริ่มที่คิดจะสร้างเมนุบริจาคนี้ เข้าไปค้นหาในเวบ Paypal ซะเมื่อย จึงทำให้รู้ว่าประเทศไทยไม่มีปุ่ม Donate เราจำเป็นต้องปรับแต่งเอาเอง <strong>สำหรับวิธีการสร้างโค้ดบริจาคในเวบไซต์ paypal แล้วเอาไปวางในเวบไซต์หรือเวบบล็อกมีวิธีการดังนี้ค่ะ</strong></p> <p><strong>1.</strong>ขั้นแรกให้ ล็อกอินเข้าใช้งานในเวบ Paypal ก่อนค่ะ ใครยังไม่สมัครเป็นสมาชิก <a href="http://software.aphsara.net/2009/11/paypal-be.html" rel="nofollow" target="_blank">แวะเข้าไปสมัครก่อนนะคะ</a></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnfCtINS6shSAiBvsA-a7aT8z6RQm7gPMbNxY5f_pi-sPmdicu9TR7tDKqbRrm3JZSU5lPUVNpL-uN2yRLgPROWZWliokYuM7aXe5DRPe0gRU983h6mDJoBTubi5vdbjY7rJYa4hlkRYu/s1600-h/image%25255B10%25255D.png"><img alt="ติดเมนุการบริจาคในประเทศไทยสำหรับ paypal" border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTMNyid0Q7FdjoUsFeGnv2uAoDaHADYgakfo2pYyYbYW8DW5GOFalLxecU_UE4Zle_sCjLwqjhdCJKDljCG9TGsrhl5L4cOVeGqDyRoaRVRBCNP8QlIk-hAquLwjC740kXp3vT_4Kmvago/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="ติดเมนุการบริจาคในประเทศไทยสำหรับ paypal" width="377"></a></p> <p>2. คลิีกไปสร้างโค้ดบริจาคใน Paypal ได้ที่นี่ค่ะ <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donate-intro-outside" rel="nofollow" target="_blank">ปุ่มการบริจาค – PayPal</a>  คลิ๊กสร้างปุ่มของคุณทันที</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUxuboOhtFLCc-6PD-sCmzow2y1IklQCe2NkdFOJXhkfzGN2yx8sFuxTkUCVJjcul5WC9OOBdbqhmb7CbbAI4MNO2V2hZ65Z1vu-QnWGKJok4pr0XUf6KzegzA3CqDwETmpNya1B8ZlSJl/s1600-h/image%25255B15%25255D.png"><img alt="สร้าง code บริจาคใน paypal" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSq8KIqm9YogdS3A279wjDG3Z1yFgxKrxgE4xb2CND_pxdCx_t0aHqyW0oKCXq2i1LvNNYp9QeftEdYY6Ethce9E65x1kNZafroDd45oxPZgzy41xBPdxNhUMGhgD9f8TSVbY1qKi9YKP_/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="สร้าง code บริจาคใน paypal" width="417"></a></p> <p>3. ขัั้นตอนที่  1 เลือกปุ่มเป็นซื้อทันทีค่ะ   เพราะเราไม่สามารถใช้ปุ่มบริจาคได้</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEnAjoq0iEedfFmHh6yleuCpzTWKhXsLfkbT7vKMsy0Qab0u7EURLAtCMOeEqwrq_1zs94sbImVKfoTUlhKBoMZ1WkmTfz7J2ONTbrN0XSp2ZRCvSvmNnKQgdLI5kid0lMb92BBLZs5bs1/s1600-h/image%25255B20%25255D.png"><img alt="สร้าง code บริจาคใน paypal" border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGvUnHYFVbZQ7YkgeU1TE9HVn7IU2532hVwm9gDk0ZgYjPdrw2z-III5jjY9Vyl-EsUulmYAURMExxkgr4nv9lXIZWcCPwUNdpU8Bxt-czlq14qzQcSFYtFsfDnwDDDR-1zTPQT19NAiOy/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="สร้าง code บริจาคใน paypal" width="418"></a></p> <p><strong></strong></p> <p>4. เพราะอยากให้มีเมนูดรอปดาวน์สามารถเลือกบริจาคตามกำลังทรัพย์  ที่ปุ่มกำหนดเองจึงสร้าง เมนูดรอปดาวน์  เพิ่มชื่อ และ ข้อความพร้อมด้วยราคา ที่ต้องการบริจาค หลังเพิ่มเสร็จ คลิ๊ก เสร็จค่ะ</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_eA738BdzwEu47p4_JSINfRSfn-m9bZVjT5rAjLLElbvr2Ko9zbW7yTrL5I_de-xLgSNkCuIBunZxtsL5cuMTBXfNzyJ-eol9du2cdi2pGAyOx5aYzrOSWceCSqoxczD1DH4pNorf3H0w/s1600-h/image%25255B25%25255D.png"><img alt="สร้าง code บริจาคใน paypal" border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLpqbfnq_mOedHlx0FD7w6SrwNISs01ZoS-cLwD1Rz64GByULt1nSlclwiH9boVusJ82rIPWFIb44Yd2TJumD4xOLVkjDS2E-40oOAw1MQKRCzhq9xs2-ReD0Y5Vo6cSwoJH6jePQ9CIXw/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="สร้าง code บริจาคใน paypal" width="460"></a></p> <p>5.หลังจากได้ราคาบริจาคเสร็จแล้ว ที่เมนูปรับแต่งข้อความหรือลักษณะที่ปรากฏ คลิ๊กใช้รูปภาพปุ่มของคุณเอง  ให้หารุปภาพที่ต้องการทำเป็นไอคอน บริจาค </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdV9kz-qmpE44eT7ilwYJr2Ft7TaKeoeceeg0zy7ylPA5I3bg3obTfnBfe27v6_NI6nRbpdZNRIjiUEoBvNdtCmQs0-XSuLVeT50P7KfFEmOPp4qqvi3cNypco-rhE2SRmYgWB6H1Y6HCy/s1600-h/tumblr_inline_mwkm8w4B1G1rxzg7g%25255B6%25255D.gif"><img alt="how to donate button on paypal" border="0" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ5sb5OJzlWr2kFZqMFFI4LoBsRxt3WABxkR3Cojd6y6_JCGdLPsa2zsozquBNOii13q2Nrf3-8uf1NuC8tJ_mqinY7X9TFMvAYmnMXbzzbexM9CUzRPuatzDEY5KLvQGe1ahpHyjGAqYi/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="how to donate button on paypal" width="206"></a></p> <p>อาจนำรูปภาพจากด้านบนนี้  ใส่ url ลงไปในเมนูใช้รูปภาพปุ่มของคุณเอง  url อยู่ที่นี่ค่ะ <a href="https://dl.dropboxusercontent.com/u/23747861/photos/tumblr_inline_mwkm8w4B1G1rxzg7g.gif" rel="nofollow" target="_blank" title="https://dl.dropboxusercontent.com/u/23747861/photos/tumblr_inline_mwkm8w4B1G1rxzg7g.gif">https://dl.dropboxusercontent.com/u/23747861/photos/tumblr_inline_mwkm8w4B1G1rxzg7g.gif</a></p> <p>6. หลังเพิ่ม url เสร็จแล้ว คลิ๊กเสร็จท้ายสุดของการปรับแต่ง โค้ด Donate เป็นการบันทึกการตั้งค่า</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz9pz6R03CI3UizE09q8RjlfjQwkDmISd-lhkH3czUV1eyqiRxYHpz3ZvKYQx_BzFfSJBM0wxCuxE15wOdSX1idOAi8tCvhOdUTZWJ8Tfdy0t6IMZC2AKsxiLlinU_2v6cKoEYv8GCL-LF/s1600-h/image%25255B30%25255D.png"><img alt="image" border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheLoSqQDV9Oz6iNaXOWDkksQGSp7oi4wOevcCfFjZxovPqalGtA9RoXjsKIAsy1sFG7bkmW7W2LK4_FmVBdS9rWK1pSHWHZQ18Q7xm7lufeUQLRaOlXxqGNukHI9CyayNGzf-RiermYgOY/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="image" width="424"></a></p> <p>7.ต่อจากนั้น Paypal จะพามายังหน้าที่่สร้างโค้ดเสร็จแล้ว ให้คัดลอกโค้ดดังกล่าว ไปวางในเวบไซต์หรือเวบบล็อกได้เลย  เพียงเท่านี้ก็จะมี ปุ่ม บริจาคในเวบไซต์หรือเวบบล็อก ของคุณ ๆ กันแล้วค่ะ</p>

สร้างปุ่มบริจาค Donate button ใน Paypal

คิดเรื่องนี้อยู่นาน เอ ? เราเพิ่มปุ่มบริจาคในเวบบล็อกเราดีไหม เผื่อมีเศรษฐีใจบุญหลงเข้ามา เห็นว่าบทความเราช่วยเค้าได้บ้าง  แล้วอยากให้กำลังใ...

อ่านเพิ่มเติม »

ฟรีอัพโหลดและแชร์ไฟล์ PPT หรือ PDF ใช้งานแสนง่าย

<div class="wlWriterHeaderFooter" style="float:none; margin:0px; padding:4px 0px 4px 0px;"><iframe src="http://www.facebook.com/widgets/like.php?href=http://www.aphsara.com/2013/12/ppt-pdf.html" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe></div><p>เคยนำเสนอการใช้งาน <a href="http://www.aphsara.com/2011/09/slideshare.html" target="_blank">slideshare</a></span> ที่ให้บริการอัพโหลดและแชร์ไฟล์ pdf และ ppt รวมทั้ง <a href="http://teach.learnfreeware.com/2013/09/scribd.html" rel="nofollow" target="_blank">Scribd</a> ที่แชร์ไฟล์เอกสาร pdf วันนี้มาขอแชร์อีกหนึ่งเวบ <strong>ที่ให้บริการ อัพโหลดและแชร์ไฟล์รูปภาพ ไฟล์จาก powerpoint (ppt) และ เอกสาร pdf  โดยสามารถเข้าใช้งานได้ฟรี แถมที่สำคัญไม่ต้องสมัครเข้าเป็นสมาชิกก็สามารถใช้งานได้เลย</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0x0Zg1km2iWbp4mmrCde3G3gzdtGz3niAnTATCgwFNbWjZ3YCRoWYnpEDrrTMIKD9NUZ9OZTu6AS6QWWSDMH_jDXRHQ4MWAxYvy-Qfx-SmE0TixWOXALSZ2AogjcnIvXb90YCAkJx-ID/s1600-h/image%25255B17%25255D.png"><img alt="อัพโหลดและแชร์ไฟล์ powerpont" border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6VuoKEUaVF1yqa5ImuVgiR7y1-sT8TrR3eTVelcOvHeEmoXNGoJKg6yoX9iKr251jkOqITCB1Kny2jUTPJK5da3EQLmjrGVS2CgnTK47p2S3vyFT0KUvYFC9Iv6e9bEPkAyhT89zq7qMI/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto 15px; display: block; padding-right: 0px; border-top-width: 0px" title="อัพโหลดและแชร์ไฟล์ powerpont" width="424"></a></p> <p>เวบไซต์ฟรีที่ให้บริการอัพโหลดและแชร์ไฟล์ image ,ppt และ เอกสาร pdf ที่ว่านี้ ชือ่ว่า  <a href="http://www.reelapp.com/" rel="nofollow" target="_blank">Reel</a>  เมื่อต้องการอัพโหลดไฟล์ใด ๆ คลิ๊ก อัพโหลด </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSf4AOZLlo-tQq7BUX6xK731joMjB9R3OAIHv2TmJs7Y1yYVSA1fnjWEsUm2Hsn1Rwxtzj7mYcp3pIMSaTxBX3iCTyBD-Y35i8T2DTo4JflErEhPvohh-F791YhIFqkSCwLd1Ce9xovsjw/s1600-h/image%25255B22%25255D.png"><img alt="เวบไซต์อัพโหลดและแชร์ไฟล์พาวเวอร์พอยท์" border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpmtqYmiwFycDWcbPBN99ZkCC6hnMT6m6unS_oP_da9y54UCL72fopy0_9ptuWBX3meZLYQXt_NKoOdnN9xYkVg76pn3_-K4Nzaqo7ffR3lFvufZVB081uegPngQrnS8TF9eAvEqwWZI0U/?imgmax=800" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto 15px; border-left: 0px; display: block; padding-right: 0px" title="เวบไซต์อัพโหลดและแชร์ไฟล์พาวเวอร์พอยท์" width="412"></a></p> <p> </p> <p>เลือกไฟล์ที่ต้องการอัพโหลดและแชร์ คลิ๊ก open</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqdpg0S52NH4o1v0jVNqWC3Fj2pyOoGrfTurNJR8AMb6t6DEsWjnIobLNcGvScZFZjoWpT2Cmf4yNxgFhq0fHVjBpE4i5qR-xHJxyzxIirwF7sx5FJrYtYG5B3_xSRDpibMLlEvkS-JHYL/s1600-h/image%25255B21%25255D.png"><img alt="image" border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5KRL539FVDIVI7Kq0PRQl3UzHd-LBmUM3Yuh_rVaNPba8hURNi_dQq4BoemHgUhm-ha6eXNXbdd5Xh0OWAbGjaCACxx47Uchh3Btwiz67o04Rqr7Kl5jlIJ2At6C6EDkOhFuUsjBuRRXE/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto 15px; display: block; padding-right: 0px; border-top-width: 0px" title="image" width="415"></a></p> <p> </p> <p>เพิ่มเติมรายละเอียดของเอกสาร ppt,pdf หรือรูปภาพ</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyovs3T1IXI4tcmCU34iEQt24HtwrVOT2AOuA4TjrXvxXLmu1BXGNjVaqcXntbjinyeAHUUWw5LHXxxHLRiYWmXJ-4KVjpkSeHmJEFFeDpxIGYlbeWkjFNWWO2cbt8OaOkjW26UxAI_mfw/s1600-h/image%25255B20%25255D.png"><img alt="เวบไซต์อัพโหลดและแชร์ไฟล์พาวเวอร์พอยท์" border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBeOCBSwBPjXSV34IeaMIx-Bu2pQ6mT_CZpEeLEPSmy7VFTZJwofA-vUdxjKuQoyMzPDMOPi-OqHH7Rg2xJyEpmtr8zbKAsffiLX6PIAJVzJIQIevIOFoy1x4z78JgzvNxOYETej7BYWl3/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto 15px; display: block; padding-right: 0px; border-top-width: 0px" title="เวบไซต์อัพโหลดและแชร์ไฟล์พาวเวอร์พอยท์" width="467"></a></p> <p>เพียงเท่านี้ก็สามารถแชร์ไฟล์ ppt,pdf, หรือรูปภาพ ผ่านลิงค์  หรือแชร์ผ่าน twitter,facebook ได้ทันที หรือ นำ embed code ไปวางในเวบไซต์หรือเวบบล็อกได้ค่ะ </p>

ฟรีอัพโหลดและแชร์ไฟล์ PPT หรือ PDF ใช้งานแสนง่าย

เคยนำเสนอการใช้งาน slideshare ที่ให้บริการอัพโหลดและแชร์ไฟล์ pdf และ ppt รวมทั้ง Scribd ที่แชร์ไฟล์เอกสาร pdf วันนี้มาขอแชร์อีกหนึ่งเวบ ที...

อ่านเพิ่มเติม »

การตั้งค่า Domain จาก Godaddy กับ Blogger 2014

<div class="wlWriterHeaderFooter" style="float:none; margin:0px; padding:4px 0px 4px 0px;"><iframe src="http://www.facebook.com/widgets/like.php?href=http://www.aphsara.com/2013/12/domain-godaddy-blogger-2014.html" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe></div><h6> </h6> <p>หลังจากลืมต่ออายุโดเมนเนมให้ aphsara.net หลังจากนั้น  นับเวลาได้ 1 ปี เข้าไปดักซื้อมาได้ในราคาราว 15 เหรียญโดยซื้อผ่าน Godaddy วันนี้จึงได้นำมาตั้งค่ากับเวบบล็อกของตนอีกแห่งหนึ่ง  ปรากฏว่าจากที่เคยตั้งค่าชี้โดเมนเนมจาก Godady ไปยัง blogger ได้แบบง่ายๆ คราวนี้ ใช้เวลาไปตั้งครึ่งค่อนวัน เพราะเมนูต่างๆ และวิธีการตั้งค่าที่เปลี่ยนไปจากที่เคยใช้งาน   งงพักใหญ่ ๆ จึงสามารถตั้งค่าได้ วันนี้นำมาร่วมแชร์บนเวบบล็อกค่ะ</p> <p><strong>วิธีการตั้งค่าการใช้งาน Domain name จาก Godaddy กับ </strong></span></span></span></span></span><a href="http://www.aphsara.com" target="_blank" title="blogger"><strong>blogger</strong></a><strong> มีวิธีการดังนี้</strong></p> <h4>ขั้นตอน การ Park โดเมนเนม มีขั้นตอนดังนี้ </h4> <h6><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1y_u3sDH_0fDguuoSyoovLp01jBnaA1CmcrxoH9M8oQGaKvuT8I4yGPlGPkaLj6XjIgatZx_2iiGxvpqggxOBIyy5C3GCQ0-9xLGt2B2khyQ9oJBw0GQxl_96zVU69W4a9ij9MnaXZt_U/s1600-h/image%25255B19%25255D.png"><img alt="ตั้งค่าโดเมนเนมใน godaddy ให้ใช้ได้กับ blogger" border="0" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz6g6FFEPo-NKLGKz4-81FD5hwkxOsZ-4gJ5uXfYWNnjOsBnbZvCVjVkDS_sjd8rcJC4on1NvMf6hftoUxk0iQ818zDNfkni2XNEK3zyZAd-G-VT4LXh-SBb32LDCSin4De1fqf6PhnP9v/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="ตั้งค่าโดเมนเนมใน godaddy ให้ใช้ได้กับ blogger" width="428"></a></h6> <ol> <li>ล็อกอินเข้าใช้งานใน Godaddy แล้วไปที่  <a href="http://x.co/aphsara" target="_blank">Account Manager</a>. <li>ดูที่เมนู <strong>Domains</strong>, คลิ๊ก <strong>Launch</strong>. </li></ol> <p> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMiHwKhe93p8QhpavyIRHMvEmXIWY0N44WmFfO2cNXxfTPQusf3N3moZfwBmvjdYx9he0HtRLX3ohPJLI7ZWXEn00hGOX-eOjJNmNpldIuIPss4wepY8lbu0MBrlmOuXTcVGI2ZKD6-REj/s1600-h/image%25255B23%25255D.png"><img alt="ตั้งค่า domain name ให้ชี้ไปยัง blogger" border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhezpbSfzVL415F48vWH2A2aEXGdT1Se8Hs1WPqzAeRLuxliFmjm_LS9TP5WMjj8K-K4oIIDtaLiILyPZiYYZGGlsb8-mM21l12fjFsYU7WlAlHLdIqF_Nw2Jtr2enHqJA-vskzW__lGgGz/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="ตั้งค่า domain name ให้ชี้ไปยัง blogger" width="372"></a></p> <p>3    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqE7sAnsZLbp_Kwonk2r-inezXG9AJxNi2UPcyPP2BpREj6DSOnKZN2Jbn1giaUK-qYGCF4Se90HsZwmjxjuvVyMGiHnhzGu75HpuQ6DbADEiw5NMtUuNZffuEsam2kUFAf3UAN7lzilVj/s1600-h/image%25255B25%25255D.png"><font color="#666666">เลือกโดเมนเนมที่ต้องการนำไปใช้ร่วมกับ blogger</font></a></p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZqcpJDh1v5NPwEAWyyn6-m7NY2b0j85wvbsLsZeraksUIWUJscPdnJ8gZ5vvns99WJh8beqTUYHE91rwQzftDoXQxeFvCABVrGVHCtgE3fsCukl9jD73uExhE3TZHIlhoB4akb2-oK2gf/s1600-h/image%25255B30%25255D.png"><img alt="image" border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6TrKvLVywZjI4s2aiucPy_oapkNQsLd87L7oYHVYF24_KiuAFyduuTgwyVQ19J6tnOr3VttqniHipzA0GthfjFJ52J1suyK64CFNcBqodmfET1Nnk7bNrYhBYm9qsWAKuljebgV8DTSmo/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="image" width="351"></a> <p>4   ที่ Domain detail แทบ settings   เลือกคลิ๊กที่ Manage ในการแก้ไข Namesevers</p> <p><img alt="ตั้งค่า domain name ให้ชี้ไปยัง blogger" border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-k9zSZfyYkgekVe7qXh8ISnEhUuyImLRqXyrpcceWo5pSXagglXNiIIwOq4wnM1fR6rg8GP7gvZfVHGN4Wv82goApmqdhsyMWVKG8x4SgJ2WaXqc13VKU3bYpEd6vTs1fb5taeMtkFDKN/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="ตั้งค่า domain name ให้ชี้ไปยัง blogger" width="354"></p> <p>5    เลือก standard คลิีก save .</p> <h3><strong>ขั้นตอนที่ 2 ตั้งค่า CNAME record</strong></h3> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0oe98vqa_5ZekDpoCH1rA0-p4wfLctSKasRW0Tcm8QYhdTiwxs3bCrGj7fKVdRiOzysWXJZ3MnPIUrHNt6M6lnuiMLu4PFwYCItDGJukaYq0yv8fqU_WCSOWe6kGe5FghWI0yazXK21Lr/s1600-h/image%25255B21%25255D.png"><img alt="ตั้งค่า godaddy ให้ใช้ได้กับ blogger" border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEuTKur9bubVM7-e7wtE82HZK_SJ0HkZvAVhi-RKba9qNDw1kLHbk2_8gHvr5o62VOdH-0X30hspBXkVqmgyP5bESBONSrJXqqxntVYgDbnhMmqkMUjkovc-6uq4YUjbNQtVKs8zCJptd-/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="ตั้งค่า godaddy ให้ใช้ได้กับ blogger" width="370"></a></p> <p>เราสามารถตั้งค่าโดยอัตโนมัติด้วยเครื่องมือนี้ค่ะ  <a href="http://www.godaddy.com/blog/bloggerdnssetup.aspx" rel="nofollow" target="_blank">คลิ๊กเพื่อตั้งค่า</a> </p> <p>หลังจากคลิ๊กไปแล้วจะปรากฏหน้าต่างให้ใส่โดเมนเนมทีต้องการนำมาใช้ร่วมกับ blogger แล้ว คลิ๊ก Confirm </p> <h3>ขั้นตอนที่ 3 ตั้งค่าให้กับ blogger ให้สามารถใช้งานกับ Godaddy ได้</h3> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmpWKJtQzco2eSvdlPx_x90WchP1wlDjvCVvhx5QRZF7B4OE1xCLOLxOKtcHk2fLGzDxf_PZ8DxIpY8yofJWXDnv2zMqmv8dtLkyF03F1xsq-rGEbc5btSYphIy23Pw4mx_f73P01d-UrR/s1600-h/SNAGHTML1125507%25255B5%25255D.png"><img alt="การตั้งค่า customer domain ใน blogger" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0KENbk8F2-JxTsjYih6ycL5QlQSlobPxHSS2QzGcXWl8jskEMQrfT5qlD7cVXAB15MImBjdkOIC6Mr3FbBpauk_EJKpB5i9V6LxEjC8ihHEjAcaL8MpmOZNKIn81jInFmt9MIGDgoAs5o/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="การตั้งค่า customer domain ใน blogger" width="455"></a></p> <p>1. ให้ล็อกอินไปใน blogger แล้ว คลิ๊กที่เมนุ > การตั้งค่า > พื้นฐาน > เพิ่มโดเมนที่กำหนดเอง</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBDXVkueYagUEuO3h_ZYI4ASV_3xZAKtM9mwpvq4Y55OFhyphenhyphen7vhBO1GbCPtWKEL7l_rddpK-nJj4bdKkjN79ajftugQisNUt9_X_t6gb5TTPyS4iAjx64yaEagbeGYtyenIy6f67DH1FV7H/s1600-h/SNAGHTML12c0044%25255B6%25255D.png"><img alt="ชีโดเมนเนมจาก godaddy ไปยัง blogger" border="0" height="259" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjmwa5klGHfhaOn8YAkS3yDXy5a-o01tGfBswZqd8oxrLxGahVhGGUm-zdvamMY6XHD7sBnUz31NrJR0YeD-xkomN2TuYXNIryGhWYb6f01w9j4iRIGMFO00Z38Y5hc91CZRNFHLB4UsXl/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="ชีโดเมนเนมจาก godaddy ไปยัง blogger" width="457"></a></p> <p>2. เพิ่มโดเมนเนมจาก Godaddy ลงไปในกรอบสี่หลี่ยม คลิีกบันทึก จะปรากฏข้อความแจ้ง error</p> <p>3. คัดลอก ข้อความที่แจ้ง error 2 บรรทัดที่ปรากฏไปเพิ่มใน CNAME( Alias)</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUpuArR4cQFFwIbK-Hnqtnjj0dhBfAaR0NeFDGPrIxJgJNC0yQYQAph67j5vjOQgAPvM3Lrx4QpIKTP6Ry7lrrv5XY4p32G47eQFx69_i9V4OXzwFUhSuWp8RuwXyaOFfnZF0DxkeNS683/s1600-h/image%25255B40%25255D.png"><img alt="การใช้งาน godaddy" border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSgPge5R6njj-hWiGcJ55JDmfYLp58cpv5bqBAvu5RwC4CukJ1q-udGknt38aVZTS3_pQkTAGzAdltYn7a1l_kE3Gpozuiqe1j3kVD3XIiQ65jdpX7Kpesap4yekH_bjFEpm6HjZoP1qk7/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="การใช้งาน godaddy" width="465"></a></p> <p>4. กลับมาที่ Godaddy อีกครั้ง ที่ Domain detail คลิ๊กที่ DNS ZONE File >Edit</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg81ulUZf60pHRbFgc_rJ7izZgDqA5IkGABg7RkQgPS-o_H0RrL_FX3mjdQR6Bvlbuc-w6cewTd-bSVJKJl-4GyyK_EmTEo6E22ZGKqC-YzSRFol7odStzO8-DaMvtri0HxsXWKWymeWytg/s1600-h/SNAGHTML12e0bb9%25255B5%25255D.png"><img alt="ตั้งค่าโดเมนเนมจาก godaddy ให้ใชได้กับ bloger" border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrSmXvjmxSeYsCqBoIijEAXpadaSJo_wj-lvbQkIeXMa8waaBwA54l5o1zN4fp20fKbl4FJg2r-Q8XzpNpeF76FF9rMq8UcgDnDFlBov1942qPizbHQtpGWmEmj3NaF_inZSqHC8xhnIFt/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="ตั้งค่าโดเมนเนมจาก godaddy ให้ใชได้กับ bloger" width="477"></a></p> <p>5.เลื่อนลงมาที่การแก้ไข CNAME (Alias) คลิีกที่ Quick add แล้วคัดลอกข้อความ 2 บรรทัดที่แจ้ง error ใน blogger วางลงไปทั้ง สอง ต่อจากนั้นคลิีก Save Zone File</p> <p>6. กลับไปที่ blogger อีกครั้ง คราวนี้บันทึกโดเมนที่กำหนดไว้ ได้แล้ว  จะเห็นว่า สามารถบันทึกได้โดยไม่มีข้อความแจ้ง error</p> <p>ต่อจากนั้นก็รอสักหน่อย อาจไม่กี่นาทีหรือถึง 2 ชั่วโมงโดเมนเนมใน blogspot ของเราก็จะเปลี่ยนไปเป็นโดเมนเนมใหม่ที่ได้มาจาก Godaddy แล้วค่ะ</p>

การตั้งค่า Domain จาก Godaddy กับ Blogger 2014

  หลังจากลืมต่ออายุโดเมนเนมให้ aphsara.net หลังจากนั้น  นับเวลาได้ 1 ปี เข้าไปดักซื้อมาได้ในราคาราว 15 เหรียญโดยซื้อผ่าน Godaddy วันนี้จึงไ...

อ่านเพิ่มเติม »

การตั้งค่ากรองคำหยาบใน Facebook page

<div class="wlWriterHeaderFooter" style="float:none; margin:0px; padding:4px 0px 4px 0px;"><iframe src="http://www.facebook.com/widgets/like.php?href=http://www.aphsara.com/2013/10/facebook-page.html" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe></div></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT8p2Q4SjUuEWjOBLSOEbUTLn-A8OcrYL_6g23HANrQ1eDjPbKAEr2P9WdDEAO-f9azmgMfMb6TkB7Q5ERT6HyTmwTR5sRdjXdAhGHA7tsnxRU8hLv8ozgW231VgUNuXEo9qA5UfFhciSA/s1600-h/image%25255B15%25255D.png"><img alt="การตั้งค่ากรองคำหยาบใน facebook" border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSQyHX__OmqtQgGiWlTcUiXvOHEtyacDmncw1d26LspkFtQHG0csFc0PsD_-Mi06zFCzmaeCbKzleZTcXMjdKg9x1U3u5uo42dW4qzrAdGCXyLbwEMG6U52U2Mj5o3NVsjiG2Ynr_vt55-/?imgmax=800" style="background-image: none; border-right-width: 0px; margin: 0px auto 15px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="การตั้งค่ากรองคำหยาบใน facebook" width="400"></a> <p> </p> <p>                                                        ภาพที่ 1  เมนูแก้ไขเพจสำหรับตั้งค่าใน facebook </p> <p>วันนี้ผ่านไปเจอความรู้ดี ๆ จากเวบไซต์แห่งหนึ่ง ที่เล่าเรื่องการตั้งค่าการโพสต์ข้อความ ความคิดเห็นในส่วนที่ไม่น่าจะอวดโชว์บน แฟนเพจค่ะ   สำหรับเพื่อนท่านใดที่เป็น admin ของ Facebook page  หากท่านใด แฟนเพจได้รับความนิยมเช่น ขายสินค้าดี หรือมี traffic เยอะ ๆ ต้องบอกว่าเป็นธรรมดาที่จะมี comment แปลก ๆ ที่อาจไม่พึ่งประสงค์เช่น คู่แข่งเข้ามา post ข้อความทำให้สินค้าหรือ ร้านเราเสียชื่อเสียง  บางทีก็เป็นประเภทแวบมาฝากโฆษณา  พวก spam ทั้งหลาย  ยิ่งดัง ยิ่งขายดี ก็เจออุปสรรคเยอะหน่อย   อย่างว่าหล่ะน๊อ….คนเรามันมีหลายแบบ หลายประเภท  ส่วน แฟนเพจดิฉันแทบไม่มีคำประเภทนี้   พอ ๆ กันกับคลิ๊ก Like ก็ไม่มีให้เห็น <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg27cHDnFnDo_UEPwpMiFNG2ZKtbdVuj_1C_RYDZmn3Zov8F1-ueNLcqeih4EUiVXktcSlvtduQxPw11vxf0sUNnADVzKqZUEPz_Epe77pY5m-XN6nQ6KiOA4ojNWHp0W5sxeoN8oSaST9T/s1600-h/haha%25255B5%25255D.png"><img alt="haha" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvR5x2qk-GAv0rs2NfvQPT_FgHfADUIOn452XPDNZDtjM5fGOYg1jNsmW0xdYc35ZaFd7sQJDXE2KLkT8D1Zt3t97-xoshyphenhyphenY4BynlHeuZnAOHdv64nQNqXNS8nhWcO5fCwOVGqU69QFvaf/?imgmax=800" style="background-image: none; border-right-width: 0px; margin: 0px 0px 15px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="haha" width="32"></a> อันนี้ปกติค่ะ  </p> <p>เอาหล่ะไม่โม้นาน <strong>มาดูการตั้งค่าสำหรับกรองคำหยาบ หรือคำที่ไม่ต้องการให้แสดงโชว์บน Timeline ในส่วนของแฟนเพจเฟสบุ๊คกันค่ะ </strong></p> <p>1. หลังจาก Login เข้าใช้งานในเฟสบุ๊ค  ไปที่เมนูแก้ไขเพจ ดังภาพที่ 1  ด้านบนค่ะ</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwMQb6mtST0HtLGC3LoUInk1Z-IHlh6OWz-QGCJ6xZSCllzBWLejbQUJu4ELoMjzj37A5sKvxHkNQO697unigukTp7zAW1bfAowQmW0ys3kSTJPTgkMnpc5X_1l-0YYLuDLJhYnvlQUcAt/s1600-h/image%25255B17%25255D.png"><img alt="กรองคำที่ไม่ต้องการในเฟสบุ๊คเพจ" border="0" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-L7-U5E8alkxyQYGGU_V6YdkFZ-mvNCPexNSmDpyOzVLr8wFah2TMHK7JwgjfN206E8Wr87iV4I8gP-b-jSC3XWvAKqRpBqLYrK7IH5tvMS7GByY5QLcSsyqn16cCTDYtXRHPapa5dFzt/?imgmax=800" style="background-image: none; border-right-width: 0px; margin: 0px auto 15px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="กรองคำที่ไม่ต้องการในเฟสบุ๊คเพจ" width="373"></a></p> <p>                                                        ภาพที่ 2 เลือกระดับการกรองคำหยาบ</p> <p></span></p> <p> </p> <p>2. เลื่อนมาที่  เมนู กรองคำหยาบ (ขอสารภาพ ก็พึ่งรู้ว่ามันมี )  เลือกเป็นเข้มงวด แล้วคลิ๊ก บันทึกการเปลี่ยนแปลง</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJkQAuFkCO68SkP2tvO7dRuat58Nr7qur1MOcG41QlawpsR5iiNfgAR_5yz2PvjRrEpT7W9VuvGmpO7uMDwC2F68fU6y5G7Y1Tg78ZJ8d4QUpA45mXMsiDTKhRa80Iw1grhVVN-MKWSyKZ/s1600-h/image%25255B9%25255D.png"><img alt="กรองคำหยาบใน fanpage" border="0" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl-4izRwll1zbbQc-G6wwu83ONBaVDhKS8nIkypXzi9hX-jpSi3mTl7MUU8J9NaHYtGy_Lb0vOuba2f7GfajKeNe52J500pF3JdfDpawswRXAru_Ovk5s4q0YvWUyu0JqnZvZX4-CunODr/?imgmax=800" style="background-image: none; border-right-width: 0px; margin: 0px auto 15px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="กรองคำหยาบใน fanpage" width="424"></a></p> <p>                                              ภาพที่ 3 เลือกบล็อกข้อความที่ไม่ต้องการในแฟนเพจ</p> <p>3. ไปที่เมนู ความพอดีของหน้า  ข้างบนเมนู กรองคำหยาบ เลือกคำที่ต้องการบล็อกค่ะ   คั่นข้อความเหล่านั้นด้วยเคครื่องหมายคอมม่า, บล็อกโฆษณาลดความอ้วน,บล็อกการทำเนียนโปรโมทเวบหรือโฆษณาของตน,บล็อกคำพูดหยาบ,หรือบล็อกคำที่ไม่ต้องการให้ปรากฏใน แฟนเพจของตน หลังจากนั้นเลือก บันทึกการเปลี่ยนแปลง</p> <p>เสร็จแล้วค่ะ สำหรับการตั้งค่ากรองคำหยาบใน facebook ,ข้อความที่บล็อก จะปรากฏให้เห็นเฉพาะ admin และคนที่โพสต์ข้อความดังกล่าว แต่จะไม่ปรากฏบน timeline ให้สาธารณะชนได้รับทราบ ….</p>

การตั้งค่ากรองคำหยาบใน Facebook page

                                                          ภาพที่ 1  เมนูแก้ไขเพจสำหรับตั้งค่าใน facebook วันนี้ผ่านไปเจอความรู้ดี ๆ จากเ...

อ่านเพิ่มเติม »

การเพิ่ม Tab twitter ใน Facebook Pages

<div class="wlWriterHeaderFooter" style="float:none; margin:0px; padding:4px 0px 4px 0px;"><iframe src="http://www.facebook.com/widgets/like.php?href=http://www.aphsara.com/2013/10/tab-twitter-facebook-pages.html" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe></div><p></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKir3nDu6X3U-DV4rvfOlqzzw3HJhRxInzifU6jmN3ZjX8beuclOpnIiIcuxLkZLPSgJFMYTw-MUKianI0C5rrlbPvBOYjiXfFG4CjEKaq27DWFdZ7UuVZFDfqpVS8F3Oi6oe9Cmxu3MSR/s1600-h/image%25255B9%25255D.png"><img alt="tab twitter ใน facebook page " border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl924_u9k_6WuSwWua07UQ0BAlBhpdIp7GehN-tnKSA7UTBQb3Z0q9UBTIMf-IbT4B20BkuWHtXv9QuxIpmQtoINpu42Hjpnzw3MygfWCfXAEFMYCwsg1BGZMJ3VW8fwHW-ecTj9EjHI4y/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="tab twitter ใน facebook page " width="403"></a></p> <p>เพราะเป็น <a href="http://www.aphsara.com" target="_blank" title="blogger">blogger</a> และมี Fanpage ในการโปรโมทบทความของตน เกิดความคิดอยากจะเพิ่ม twitter เป็นแท็บใน Fage book page ของตน  นั่นน่าจะเป็นอีกหนทางในการติดตามบทความ ผ่านช่องทาง twitter ได้อีกทาง   หลังจากเรียนรู้วิธีการเพิ่มแท็บทวิตเตอร์  จึงได้บันทึกเพื่อแบ่งปันบนเวบบล็อกแห่งนี้ </p> <p>                                             ภาพที่ 1 tab twitter ใน facebook page </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhSVhLvxTf4CJZQ92fWeDW75OTlmwCkqW70-vai5tDcbMLWDaYhyphenhyphen3O86VlaJOzZaa_Tux3Vfy4D55qxz0MCsDwu-04xvweubrMgvD_09IHzMfBVafhD0hCVfX18x7p6lnbnTFtwEi-8119/s1600-h/image%25255B4%25255D.png"><img alt="เพิ่ม page tab ใน fanpage " border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3V1SUsyTiZcfmfT2CGWtkkl7FW22NNQHXYIwqSPrmmkBbwngclStsfMF2QfKJ6f20J-dgAyWi_iLShxvBcQlc2RvGpiVjxfxdG9nWxbcWHyqiGTTi9-78pgO5BXHYmGtjYrB6G-P-h9-0/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="เพิ่ม page tab ใน fanpage " width="313"></a></p> <p><strong>                                     ภาพที่ 2 เพิ่ม page tab ใน fanpage </strong></p> <p><strong>การเพิ่ม Tab twitter ใน Facebook Pages มีวิธีการง่ายๆดังนี้ค่ะ</strong></p> <p>1.  หลังจาก Login เข้าใช้งานใน Fanpage ของตน  คลิ๊กไปที่ app  ที่  <a href="https://apps.facebook.com/iframehost/" rel="nofollow" target="_blank">เพิ่ม twitter tab</a>.</p> <p>2. คลิ๊กที่  Install page Tab เพื่อเพิ่ม ทวิตเตอรืแท็บใน Fagebook page </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAKG5kPZP9OhlHdDn3ded4080maKZi6cacaczLfMjoBj3IzpsqeBj0jil5JhKS_qs097iTMdXkqb-EAUnMoy2xy4ZLAvZ3uUOpwZALooFtXP7e4LyHA7kNiafZ6oVLu_gggEb7W99ktXL/s1600-h/image3%25255B5%25255D.png"><img alt="facebook page ที่ต้องการเพิ่ม Tab" border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx4XqQPfcddjX-Dm_CiLtKfnqOmBHk23QUhHDCo6cMhN2S22jKYkDi1CrwOjibPJK7j217YOhbVP6hER6_14TgTyQuMiBSjB_Unem6usjy0xtE_QX0ToNMUQlDdYDq1H8zcPr757sCf_Hm/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="facebook page ที่ต้องการเพิ่ม Tab" width="373"></a></p> <p>                                            ภาพที่ 3 เลือก facebook page  ที่ต้องการเพิ่ม Tab</p> <p>3. เลือก Facebook page ที่ต้องการเพิ่มทวิตเตอร์แท็บ  แล้วคลิ๊ก add page tab  ต่อจากนั้นจะเข้าสู่การตั้งค่า Tab setting หยุดไว้ทีหน้าเพจนี้ก่อน  เพื่อไปสร้าง code ใน twitter ค่ะ</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidYoYrNTQI66Te9m2_xgwYWi8ip09aaDM4GCOXfpl57n0RwE1OtJiZ1J1W_Q5iMJ-u02gODkdftXn81fASZiP48DNrgPLWlD02NmQEHbHpZk8-9RF4MEclfTjc5JVWZ8JFdjKJt2eOKDEd/s1600-h/image12%25255B3%25255D.png"><img alt="ล็อกอินเข้า twitter " border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBeybSr1DZ_5yVpktlSbD9b5xtaVljNaqgKPufpMugP_5RDTUwf0tunMNu2naAFg1CmlcnqghcK0Dt6OtJ0wZxfHKYY7N5upnGk6e8KaGuNmmvTMPrlDHKxSj5DFkXCyWhMktp7bClopPC/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="ล็อกอินเข้า twitter " width="312"></a></p> <p>                                        ภาพที่ 4 ล็อกอินเข้า twitter </p> <p>4. ต่อจากนั้นให้ ล็อกอินเข้าใช้งาน twitter </p> <p>               <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij0-T7SiR7DHaLeCA4lEsAVmtjMGhEwh_pLoZ2Ayz33n20Q0cqT2vSB6cVD4sqWWyNRooRtjC9_e5cu5AHBsKCh7wvciiF1kQu2sqDwNFXERlw2AU_bLQcMHimRVL_CmqiH-Vi09ZlNA60/s1600-h/image%25255B14%25255D.png">                               <img alt="เลือกเมนู setting สร้าง widget" border="0" height="58" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHs-LmB6_2yiIgW0Q4S6MqIfxnLd57-GhMMzr8ubkR7KVOOlprVcc5F-E2XuntLfjmDLf_OQ496N3A-mIDIDnPGnXEMbnZgBLhz3xQgiyl88gUi0Yg0fGdyeQ6tNjO8vwBL1L9-UFtCCZ6/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="เลือกเมนู setting สร้าง widget" width="476"></a></p> <p>                                       ภาพที่ 5  เลือกเมนู setting สร้าง widget</p> <p>5 คลิ๊กไปที่ ไอคอนเฟือง ดังภาพที่ 5 เลือก setting > widgets > create widget<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidvDAWHc-qePiDvKKZmsbS4-LUhjb7cmsFZSE1MjJyMHD9V7pOlTQSp7wE01qkANScffHA3yLfLPdBSD8mmhZqMb0kAFmKzJ7C1q9S0Oe6RDrSSuTBY8gpdV9i2avx0-CX7SBEfXdoFAQY/s1600-h/image18%25255B3%25255D.png"><img alt="create widget เพื่อสร้างเครื่องมือนำไปวางใน Facebook page" border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_DgU_AAMfMALuqRr8VV5VRIhzLV_7WP9QLyY1zz82FFGctrUbV9_j3wCyOPsYC5wplXUlsGw4VUggPb1OV1rsNl-zZ3ftbmeiCBthFO6jqhOpfAiZ7ZBz-BFLiWrNw7PrGKIYnu_YluZo/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="create widget เพื่อสร้างเครื่องมือนำไปวางใน Facebook page" width="370"></a>             ภาพที่ 6 คลื๊กเลือก create widget เพื่อสร้างเครื่องมือนำไปวางใน Facebook page</p> <p>6 เลือกปรับแต่งรูปแบบการแสดงผล ของ twitter จนพอใจแล้วคลิีก create widget </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgrjey-ccKf_3kGfI0fvrN_ysO5Wbei6nK0_7CfGKUSl-EZ601GwPGFSzTt3sa0OnlZHX3pnSyysQ4qRiJd0exhcOGF_Hts8QoPQqk9nMs7bWiUsEnICXUTwv2iNqjCNwS_Gf2E1ZDj1or/s1600-h/image21%25255B4%25255D.png"><img alt="คัดลอกโค้ดจาก twitter widget" border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7iVuPr0hW3Jghr2vGyMj_nbXEBe-TO8c5pKxWtImKRkBY-RH5oY_4vDF4VGTjCUh7LjAsJTd-mjoP8PuJWRbnENatnjiVbXWq2k2LBDzCVDXctlif8nhHtAgjcwS-xe4rFfGa0H13MjR8/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="คัดลอกโค้ดจาก twitter widget" width="413"></a></p> <p>                             ภาพที่ 7  คัดลอกโค้ดจาก twitter widget</p> <p>7.เสร้จแล้วคัดลอกโค้ดที่ได้จาก twitter นำไปวางใน fancebook page ค่ะ</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh9Ibafra2Zh2zOtikynS3BxRDbuz5f5lhyN5CWMWxsGgn5wY9GoQybhQemeSID7T7LQU21cOH9qok-E2R30htGMB3tPUyFCoDuo-fWPfKt8zB-hgF-tUOsUTHRCUKRfjTIwv-SycgDP9Q/s1600-h/image24%25255B2%25255D.png"><img alt="นำโค้ดจาก twitter วางใน tab setting" border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFnFQdrHMqwiGPud9qFrf-jjKb-BEEKwRSPlxFknFUxQTtHf5Lz3GF06OZFTvw4RkW3bK-g_MO4XHA36BbdDvFlGV5bPMZw4K1U8IutVA4EFjFJ6stMf7h3XfEBB-C83yQ7sjQg5qCZYSX/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="นำโค้ดจาก twitter วางใน tab setting" width="518"></a></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLlPVyDtCvsehKaRxGyBqe3uokoRfsuiQq98l8gqPkVLCp8s_h05riLc-C6J2yaDhXgROoGSGxU2bxY5AA8OWAy8CXSH-duto1NapbHHvK1jrKERfiZcqoR0N0kuxvhJ1a29mbpDxqNGvQ/s1600-h/image17.png"><img alt="image" border="0" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb_6BVZapGjFDTUJMcIXIEUAj27nRexTfV1p9RzH1FpOc-fNln3xHqak5KxLFahaqKNAyrtfV2hBWClUodXpjHvRQOflh_CUf4KiItgOJIuRy_i7H2cRB-5tnSHDm1aQnWBbxC-DYcE0ge/?imgmax=800" style="background-image: none; border-right-width: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" width="0"></a></p> <p>                              รูปที่  8 นำโค้ดจาก twitter วางใน tab setting</p> <p>8 ต่อจากนั้นตอนที่  2 หน้าเพจในส่วนของ Tab setting ใน fanpage ให้นำ โค้ดที่ได้จาก twitter ในขั้นตอนที่ 7 วางลงไปในส่วนของ Enter the html for your page ดังภาพที่ 8</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaxxuWaV-JtV3_K2ZvbSwnTzZq_TB3UKUmL-ADZDs1X-7RB87MrBDGP6pxg4lc4Ax6dJpqM1UUSDG03OGH5zo_CK5Y5WHysgc_AbQ-GPw_rQLxZtGuD27vY0vIaJoxm31XpC7NrRidUXWX/s1600-h/image27%25255B3%25255D.png"><img alt="บันทึกการตั้งค่า tab setting ใน facebook page" border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA_8B12WfLsOSbBjO1wtxgHlpw9ZlaeM7zjymoBtvS-Pw7cvsbjHGw3juxfEWk1n-212eLCeXczhU-TBENPFofNAJVGli3wHd-g6U3IJPTDMoxskXLakOpfrYPcrBPoyrst9mnA-R4ftL-/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="บันทึกการตั้งค่า tab setting ใน facebook page" width="451"></a></p> <p>                                ภาพที่ 9 บันทึกการตั้งค่า tab setting ใน facebook page</p> <p> </p> <p>9. หลังวางโค้ดจาก twitter เสร็จแล้วคลิ๊ก save settings </p> <p>เรียบร้อยแล้วค่ะ สำหรับการวาง twitter tab ใน fanpage </p>

การเพิ่ม Tab twitter ใน Facebook Pages

เพราะเป็น blogger และมี Fanpage ในการโปรโมทบทความของตน เกิดความคิดอยากจะเพิ่ม twitter เป็นแท็บใน Fage book page ของตน  นั่นน่าจะเป็นอีกหนท...

อ่านเพิ่มเติม »