การปรับปรุงเครื่องมือค้นหาการจัดอันดับ

<div class="section sticky " id="intro" style="background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); line-height: 25px; margin: 0px 0px 25px; padding: 27px; position: relative; word-wrap: break-word;"><h1 class="firstHeading" itemprop="name" style="-webkit-font-smoothing: antialiased; color: #222222; font-family: Helvetica, arial, sans-serif; font-size: 35px; line-height: normal; margin: 0px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;"><a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/Improve-Search-Engine-Ranking&usg=ALkJrhiAD8WPRG3_swa-9lguya0_EyRZZA" itemprop="url" style="color: #222222; margin: 0px; padding: 0px; text-decoration: none;">วิธีการปรับปรุงเครื่องมือค้นหาการจัดอันดับ</a></span></h1><div id="originators" style="-webkit-font-smoothing: antialiased; color: #212121; font-family: Helvetica, arial, sans-serif; font-size: 11px; line-height: normal; margin-bottom: 25px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;"><span style="margin: 0px; padding: 0px;">แก้ไขโดยทรูแมน Hedding, พริกไทย, เดฟครอสบีเจนและ</span> 65 คนอื่น ๆ</span></div><div style="-webkit-font-smoothing: antialiased; font-family: Helvetica, arial, sans-serif; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">แสดงขึ้นในเครื่องมือค้นหาเป็นหนึ่งในวิธีที่สำคัญที่สุดในการ <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/Increase-Website-Traffic&usg=ALkJrhiFBNCXp3fwNx41JtAzP9PU5Bm7-w" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none;" title="เพิ่มการเข้าชมเว็บไซต์">เพิ่มอัตราการเข้าชมเว็บไซต์</a> และแสดงเนื้อหาของสินค้าหรือบริการของคุณให้กับผู้ที่อาจจะสนใจในสิ่งที่คุณมีให้</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ที่สุดของเครื่องมือค้นหาสำคัญใช้ขั้นตอนวิธีการตรวจสอบที่จัดอันดับเว็บไซต์</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เครื่องมือค้นหาที่มีการตั้งค่าเกณฑ์ที่ระบุว่าเว็บไซต์จะต้องตอบสนองความต้องการที่จะได้รับไปด้านบนของรายการ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เกณฑ์ที่แตกต่างกันสำหรับทุกเครื่องยนต์ แต่เครื่องมือทั้งหมดร่วมกันหลาย commonalities</span> <span class="notranslate" style="margin: 0px; padding: 0px;">จำเป็นอย่างยิ่งที่ลงไปชนิดและปริมาณของเนื้อหาให้กับเว็บไซต์ที่กำหนดระดับของการเพิ่มประสิทธิภาพการดำเนินการบนเว็บไซต์และความนิยมของเว็บไซต์ (นิยม link / PageRank)</span> <span class="notranslate" style="margin: 0px; padding: 0px;"><b style="margin: 0px; padding: 0px;">ปรับปรุงเว็บไซต์ของคุณสำหรับการจัดอันดับของเครื่องมือค้นหาที่ดีขึ้นเป็นที่รู้จักกันอย่างกว้างขวางว่าเป็นเพิ่มประสิทธิภาพของเครื่องมือค้นหาหรือ</b></span><a class="anchor" href="https://draft.blogger.com/blogger.g?blogID=5330910640471930874" name="Steps" style="color: #336633; margin: 0px; padding: 28px 0px 0px; visibility: hidden;"></a></div><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div><div class="wh_ad_inner adunitintro" style="margin: 0px; padding: 0px;"></div></div><div class="section steps sticky " style="background-color: #f6f5f4; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); line-height: 25px; margin: 0px 0px 25px; padding: 62px 27px 27px; position: relative;"><h2 class="sticking" style="-webkit-font-smoothing: antialiased; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #222222; font-family: Helvetica, arial, sans-serif; font-size: 20px; left: auto; line-height: 62px; margin: 0px 0px 10px -27px; padding: 0px; position: fixed; top: 39px; width: 723px; z-index: 998;"><span class="notranslate" style="margin: 0px 0px 0px 27px; padding: 0px;"><a class="edit" href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/index.php%3Ftitle%3DImprove-Search-Engine-Ranking%26action%3Dedit%26section%3D1&usg=ALkJrhjwMjLL553a-YPmPN_AS94Q8ePCuw" id="gatEditSection" style="color: #336633; float: right; font-size: 12px; font-weight: normal; height: 25px; margin: -5px 27px 0px 0px; padding: 0px; text-decoration: none;" title="แก้ไขส่วน: ขั้นตอน">แก้ไข</a></span></h2><div class="section_text" id="steps" style="background-color: inherit; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: none; margin: 0px; padding: 0px;"><ol class="steps_list_2" style="margin: 0px; padding: 0px 0px 16px;"><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">1</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">วิจัยคำหลัก.</b> ตัดสินใจว่าการค้นหาที่คุณต้องการที่จะแสดงขึ้นสำหรับ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ทำวิจัยเกี่ยวกับวิธีการที่หลายคนจริงค้นหาเว็บไซต์ของคุณบาง</span> <span class="notranslate" style="margin: 0px; padding: 0px;">หลายครั้งที่มันเป็นดีที่สุดเพื่อให้คำปรึกษา "การเพิ่มประสิทธิภาพเครื่องมือค้นหาธรรมชาติ" มืออาชีพในระหว่างกระบวนการนี​​้</span> <span class="notranslate" style="margin: 0px; padding: 0px;">มีเครื่องมือหลายอย่างจาก Google, Overture, และนักพัฒนาซอฟต์แวร์ของบุคคลที่สามที่สามารถทำให้กระบวนการวิจัยคำหลักที่ง่ายขึ้น</span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div><div class="wh_ad_inner adunit0" style="margin: 0px; padding: 0px;"><ins style="background-color: transparent; border: none; display: inline-table; height: 60px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 629px;"><ins id="aswift_0_anchor" style="background-color: transparent; border: none; display: block; height: 60px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 629px;"><iframe allowtransparency="true" frameborder="0" height="60" hspace="0" id="aswift_0" marginheight="0" marginwidth="0" name="aswift_0" scrolling="no" style="left: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px;" vspace="0" width="629"></iframe></ins></ins></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">2</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">กำหนดเป้าหมายคำหลักเฉพาะมีการแข่งขันต่ำ.</b> พยายามที่จะใช้ Google Adwords ในการตรวจสอบวิธีการแข่งขันก่อนที่จะตัดสินใจเกี่ยวกับมัน</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ตรวจสอบให้แน่ใจว่าคำหลักที่มีการค้นหามากพอ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ลองใช้คำสำคัญกว้างเกินไป</span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">3</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">คิดนอกกรอบ.</b> ไม่เพียง แต่มุ่งเน้นไปที่คำหลักของคุณ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">สิ่งแรกที่ต้องตระหนักถึงเมื่อกำหนดเป้​​าหมายคำหลักก็คือว่ามันไม่ได้เป็นทั้งหมดที่เกี่ยวกับการจัดอันดับสำหรับคำหลักที่นิยมมากที่สุด</span> <span class="notranslate" style="margin: 0px; padding: 0px;"><b style="margin: 0px; padding: 0px;">แคมเปญการตลาดของเครื่องมือค้นหาและการเพิ่มประสิทธิภาพประสบความสำเร็จมากที่สุดกำหนดเป้าหมายคำหลักที่เกี่ยวข้องมากที่สุด</b></span> <span class="notranslate" style="margin: 0px; padding: 0px;">ตัวอย่างเช่นถ้าคุณเป็นนายหน้าในพื้นที่โดยเฉพาะอย่างยิ่งไม่เพียงแค่เพิ่มประสิทธิภาพเว็บไซต์ของคุณสำหรับ "อสังหาริมทรัพย์." เพิ่มประสิทธิภาพเว็บไซต์ของคุณสำหรับทันตแพทย์, ร้านดอกไม้ในโรงภาพยนตร์ ฯลฯ คุณจะต้องประหลาดใจจำนวนผู้เข้าชมที่ไม่ซ้ำกันจะมาถึง ไปยังเว็บไซต์ของคุณเมื่อ "นอกกล่อง" ความคิดที่เกิดขึ้น</span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">4</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">มุ่งเน้นไปที่ผู้ใช้.</b> หากคุณใช้เวลามากเกินไปพยายามที่จะโปรดแมงมุม Search Engine คุณอาจลืมเกี่ยวกับผู้ใช้</span> <span class="notranslate" style="margin: 0px; padding: 0px;">คิดเกี่ยวกับสิ่งที่ตลาดเป้าหมายของคุณต้องการที่จะบรรลุเป้าหมายของพวกเขาและจากนั้นใส่ไว้ในเว็บไซต์ของคุณเพื่อให้พวกเขาสามารถหาได้</span> <span class="notranslate" style="margin: 0px; padding: 0px;">วลี "เนื้อหาเป็นกษัตริย์" เกิดมาประมาณ 6 ปีที่ผ่านมาและจะยังคงถือจริงวันนี้</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ถ้าคุณต้องการที่จะเกี่ยวข้องกับคำหลักที่เฉพาะเจาะจงกว่าที่คุณต้องการเนื้อหาที่ดีกว่าหรืออย่างน้อยก็มีการแข่งขันสูง</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เขียนเกี่ยวกับ 225-300 คำพูดของสำเนาสำหรับแต่ละคำหลักและปลูกมันในเว็บไซต์ของคุณในแต่ละวัน</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เติบโตเติบโตและเติบโต</span> <span class="notranslate" style="margin: 0px; padding: 0px;">โดยเฉลี่ยแล้วหนึ่งสามารถกำหนดเป้​​าหมายระหว่าง 3-5 เช่นวลีคำหลักต่อหนึ่งหน้า</span><span class="notranslate" style="margin: 0px; padding: 0px;">ทำให้มันเป็นธรรมชาติมากที่สุดและเครื่องมือค้นหาจะตอบแทนคุณด้วยการจัดอันดับแรกหน้า</span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">5</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">ให้แน่ใจว่าทุกหน้าของเว็บไซต์ที่มีชื่อและคำอธิบายที่กำหนดเอง.</b> หากเว็บไซต์ของคุณโดยใช้แท็กเดียวกันสำหรับทุกหน้าคุณจะไม่ได้ช่วยให้เครื่องมือค้นหาคิดออกเรื่องหรือความเกี่ยวข้องของแต่ละหน้าของคุณ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เกี่ยวกับ Meta Tags มี 2 สาขาที่สำคัญมาก</span><ul style="margin: 0px; padding: 5px 5px 20px 55px;"><li style="-webkit-font-smoothing: antialiased; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: none; clear: both; list-style: disc; margin: 0px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ชื่อแท็ก - เนื้อหาที่แท็ก SEO ที่สำคัญที่สุดสำหรับเว็บไซต์ใด ๆ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">Google สนับสนุนประมาณ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">60 ตัวอักษรในชื่อเรื่องในขณะที่ Yahoo ให้ได้ถึง 110 ตัวอักษรในชื่อ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">มันเป็นสิ่งสำคัญที่จะกำหนดเป้​​าหมายคำหลักที่สำคัญที่สุดในชื่อเรื่อง</span> <span class="notranslate" style="margin: 0px; padding: 0px;">หน้าทุกคนควรมีชื่อที่ไม่ซ้ำกัน</span></li><li style="-webkit-font-smoothing: antialiased; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: none; clear: both; list-style: disc; margin: 0px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">META Tag รายละเอียด - เหล่านี้มีความสำคัญอีกครั้ง แต่จะไม่</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เครื่องมือบางคนไม่แสดงรายละเอียดที่กำหนดไว้ในขณะที่คนอื่นทำไม่ได้</span> <span class="notranslate" style="margin: 0px; padding: 0px;">บางเครื่องมือค้นหาจะอ่านแท็กคำอธิบายและไม่ใช้เนื้อหาที่พบภายในในการจัดอันดับ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">Google, MSN และ Yahoo ให้น้ำหนักน้อยมากที่จะไม่มีน้ำหนักสำหรับเหล่านี้</span></li></ul><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">6</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">เพื่อให้แน่ใจว่าคุณไม่ได้พลาดแท็กหรือเสียหายเชื่อมโยงใด ๆ ในขั้นตอนการใช้เครื่องมือตรวจสอบที่จะมองผ่านเว็บไซต์ของคุณ.</b> ในขั้นตอนของการตรวจสอบคุณยังจะได้รับการให้มาพร้อมกับแผนที่ (ดูขั้นตอนที่ 7 สำหรับความสำคัญ )</span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">7</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">ให้โครงสร้างโครงสร้างการนำทางและ URL ของเว็บไซต์ของคุณง่ายพอสำหรับเครื่องมือค้นหาที่จะทำตาม.</b> โปรดจำไว้ว่าเครื่องมือค้นหาไม่สามารถแยกนำทางของคุณถ้ามันใช้แฟลชหรือจาวาสคริปต์</span> <span class="notranslate" style="margin: 0px; padding: 0px;">จึงพยายามที่จะอยู่ใกล้ชิดกับมาตรฐาน HTML เมื่อมันมาถึงนำร่อง</span><span class="notranslate" style="margin: 0px; padding: 0px;">URL ที่มีพารามิเตอร์แบบไดนามิก (? & sid) มักจะไม่ได้ดำเนินการเมื่อมันมาถึงการจัดอันดับของเครื่องมือค้นหา</span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">8</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">สร้างแผนที่เว็บไซต์ที่จะบอกคนที่ทุกอย่างในเว็บไซต์ของคุณ.</b> คุณจะได้รับประมาณ 1% อัตราการคลิกผ่านเว็บไซต์ของคุณแผนที่</span> <span class="notranslate" style="margin: 0px; padding: 0px;">แต่ก็จะทำสิ่งมหัศจรรย์สำหรับผู้ที่รู้ว่าสิ่งที่ทำแผนที่เว็บไซต์และเครื่องมือค้นหาจะชอบมันเช่นกัน</span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">9</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">สร้างความนิยมของคุณ.</b> ดังนั้นตอนนี้คุณได้กำหนดคำหลักที่เหมาะสมบนหน้าเว็บที่ถูกต้องที่คุณได้สร้างทั้งหมดของเนื้อหาที่จำเป็นและคุณได้ดีที่สุดทั้งหมดของเนื้อหาที่ดีที่สุดของความสามารถของคุณ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ขอแสดงความยินดี - คุณตอนนี้อยู่ในร้อยละ 80 ด้านบน (จากมุมมองการเพิ่มประสิทธิภาพ) ของเว็บไซต์ที่ระบุไว้สำหรับคำหลักที่คุณกำลังพยายามที่จะกำหนดเป้​​าหมาย</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ดังนั้นวิธีที่คุณได้รับวันที่ 1, 2, หรือรายชื่อหน้า 3?</span> <span class="notranslate" style="margin: 0px; padding: 0px;">? คำตอบคือค่อนข้างง่าย: คุณจะต้องได้รับความนิยมมากที่สุดอีกด้วย</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ที่เหมาะสมก็ประกวดความนิยม</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ในคำอื่น ๆ วิธีการหลายเว็บไซต์อื่น ๆ รู้ว่าคุณ (เชื่อมโยงไปยังคุณ) และวิธีการที่ได้รับความนิยมที่พวกเขา</span> <span class="notranslate" style="margin: 0px; padding: 0px;">นี้มักจะเรียกว่าเชื่อมโยงความนิยมหรือที่เรียกว่า PageRank โดย</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เว็บไซต์ที่เชื่อมโยงไปยังเว็บไซต์ของคุณดีขึ้นและได้รับความนิยมมากขึ้นเว็บไซต์ที่เชื่อมโยงไปยังคุณคุ้มค่ามากขึ้นคุณจะได้รับจากการเชื่อมโยงความนิยมของคุณ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ชนิดที่ดีที่สุดของ "สร้างการเชื่อมโยง" มีการลงทะเบียนไดเรกทอรีโฆษณาลิงค์ข้อความและการจัดจำหน่ายแถลงข่าว</span> <span class="notranslate" style="margin: 0px; padding: 0px;">พยายามที่จะให้ข้อมูลที่มีค่าหรือเครื่องมือเพื่อให้คนอื่น ๆ ที่มีแรงจูงใจที่จะเชื่อมโยงไปยังเว็บไซต์ของคุณ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เว็บไซต์ที่มีการเชื่อมโยง (ที่ไม่ใช้สแปม) ทำดีในเครื่องมือค้นหา</span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li class="final_li" style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px; padding: 20px;"><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">10</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">สร้างเนื้อหาที่มีคุณภาพดี.</b> นี้จะดึงผู้เข้าชมเว็บไซต์ของคุณปกติ</span></li></ol><div><span style="color: #545454; font-family: Georgia, Times New Roman, serif; font-size: x-large;"><br /></span></div><div><span style="color: #545454; font-family: Georgia, Times New Roman, serif; font-size: x-large;"><br /></span></div><ol class="steps_list_2" style="margin: 0px; padding: 0px 0px 16px;"><li class="final_li" style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; list-style: none; margin: 0px; padding: 20px;"><div class="section_text" id="tips" style="border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); margin: 0px; padding: 15px;"><h2><ul style="margin: 0px; padding: 5px 5px 20px 25px;"><li style="-webkit-font-smoothing: antialiased; clear: both; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="font-weight: normal; margin: 0px; padding: 0px;"><span style="font-family: Georgia, Times New Roman, serif; font-size: x-large;"><u>เคล็ดลับ</u></span></span></li></ul></h2><ul style="margin: 0px; padding: 5px 5px 20px 25px;"><li style="-webkit-font-smoothing: antialiased; clear: both; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ตอนนี้เมื่อขุดลึกลงไปในการทำความเข้าใจรูปแบบการจราจรของบางคำใช้ Wordtracker ของ GTrends เครื่องมือ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">คุณจะได้รับความคิดเกี่ยวกับจำนวนของการแข่งขันใน Google เมื่อเทียบกับปริมาณของการค้นหา</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ตอนนี้ตัวเลขเหล่านี้อยู่ห่างไกลจากความถูกต้อง แต่ถ้าคุณชนิดของสามารถย้อนกลับไปและใช้เวลามองที่กว้างสิ่งที่ไม่ต้องกังวลมากเกี่ยวกับตัวเลข แต่เปรียบเทียบแนวโน้มเพราะมันแสดงให้เห็นถึงประวัติศาสตร์ที่ผ่านมา</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ดูว่าการจราจรอย่างต่อเนื่องการจราจรที่กำลังจะสูญพันธุ์หรือการจราจรเพียงการเริ่มต้นที่จะจุดสูงสุด</span> <span class="notranslate" style="margin: 0px; padding: 0px;">โดยใช้เครื่องมือนี้คุณสามารถหาหลายครั้งบางโอกาสทอง</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">หนึ่งในสิ่งที่สำคัญที่คุณสามารถทำได้สำหรับการจัดอันดับในเครื่องมือค้นหาการจราจร</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ประเภทของการจราจรใด ๆ ที่จะทำงานและไม่สามารถรับผลกระทบจากอัลกอริทึมเพราะเพื่อป้องกันการจราจรใด ๆ ในขั้นตอนวิธีอาจมีผลกระทบต่อผลิตภัณฑ์เครื่องมือค้นหาของตัวเองเช่นในกรณีของ Google และจ่ายเงินของพวกเขาต่อคลิกโฆษณา</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ขั้นตอนวิธีการส่วนใหญ่จะใช้อัตราการตีกลับของการเข้าชมของคุณเป็นวิธีการของการปิดกั้นการจราจรแลกเปลี่ยนการจราจรซึ่งเป็นอัตราการเข้าชมการตีกลับเกือบ 100%</span> <span class="notranslate" style="margin: 0px; padding: 0px;">หากโฆษณาของคุณเท่านั้นที่มาจากการแลกเปลี่ยนการจราจรแล้วคุณจะทำเสียหายมากกว่าดี</span> <span class="notranslate" style="margin: 0px; padding: 0px;">หนึ่ง soulution นี้คือการใช้บริการเช่น Just10Time หรือการจราจรไซโคลนโฆษณาที่ให้เข้าชมการตีกลับฟรี 100% เพื่อให้เว็บไซต์ของคุณที่สามารถลดผลกระทบและได้เปลี่ยนอัตราตีกลับของคุณในเว็บไซต์ของคุณไปยังจุดที่การจราจร Traffic Exchange ของคุณจริงจะเริ่มต้นให้ความช่วยเหลือ การจัดอันดับของ</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ตัวเอียงตัวหนาและสามารถทำให้คำหลักของคุณโดดเด่นมากขึ้นด้วยเครื่องมือค้นหา</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">แม้ว่าจะไม่ได้เป็นสิ่งที่สำคัญที่พวกเขาใช้เป็นที่เชื่อมโยงซึ่งกันและกันจะยังคงมีความสำคัญกับ</span><span class="notranslate" style="margin: 0px; padding: 0px;">ตอบสนองกับเว็บไซต์ที่คล้ายกันและมีคำใกล้การเชื่อมโยงในเว็บไซต์ของคุณ</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ทุกคนที่สามารถไปที่ google และพิมพ์ "คำหลักวิจัย" จะพบเครื่องมือหลายอย่างที่ผสมกับสามัญสำนึกควรจะพอเพียงค่อนข้างดี</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ขาดการเชื่อมโยงที่ถูกต้องเครื่องมือค้นหาไม่ชอบปลายตาย</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ขั้นตอนวิธีการของเครื่องมือค้นหาการประเมินความเกี่ยวข้องของหน้าเว็บของคุณกับคำหลักใด ๆ โดยเนื้อหาในหน้าเว็บของคุณ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ตัวอย่างเช่นถ้าคุณขาย "เครื่องมือ widgety" ในเว็บไซต์ของคุณและคุณไม่ได้พูดถึง "เครื่องมือ widgety" กับข้อความที่หน้าเว็บของคุณเครื่องมือค้นหามีน้อยมากที่จะทำงานร่วมกับ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ยังให้แน่ใจว่าคุณไม่ได้สแปมเครื่องมือค้นหาโดยใช้คำหลักเดียวกันกว่าและมากกว่า</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">เชื่อมโยงภายในภายในเว็บไซต์ของคุณจะปรับปรุง SEO; Sitemaps เป็นวิธีที่ดีในการสร้างการเชื่อมโยงภายในและทำให้เว็บไซต์ของคุณดีขึ้นด้วยเช่นกัน</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">จริงๆมันลงไปเพียงแค่ใช้สามัญสำนึกมา</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เพียงแค่นั่งลงและคิดว่า "สิ่งที่คนอื่น ๆ จะค้นหาเพื่อหานี้ฉันจะค้นหาอะไรที่จะหานี้"</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ลองวลีในเครื่องมือวิจัยของคำหลักที่จะได้รับความคิดใหม่ ๆ และหาค้าสูงกว่าวลีที่กำหนดเป้​​าหมายมากที่สุด</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ไม่ได้ดูที่ตัวเลขที่ถ่มน้ำลายกลับออกที่คุณโดยโปรแกรมเหล่านี้เป็นตัวเลขที่ถูกต้องพวกเขาไม่ค่อยมี</span> <span class="notranslate" style="margin: 0px; padding: 0px;">คุณยังสามารถใช้เครื่องมือเหล่านี้จะได้รับความคิดเกี่ยวกับคำหลักใหม่รูปแบบการค้นหาของผู้ใช้และสิ่งอื่น ๆ ที่ผสมกับข้อมูลของแนวโน้มในพื้นที่ที่จริงๆสามารถช่วยให้คุณ</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">สิ่งที่สำคัญที่สุดที่ต้องจำคือวัตถุประสงค์ของการโฆษณาออนไลน์เกือบทั้งหมดที่จะได้รับเว็บไซต์ของคุณไปด้านบน 3 หน้าของเครื่องมือค้นหาเพื่อที่ว่าเมื่อใครกำลังมองหาสิ่งที่คุณขายหรือให้หน้าของคุณจะปรากฏขึ้น</span> <span class="notranslate" style="margin: 0px; padding: 0px;">นี้ในการโฆษณาฟรีที่มีประสิทธิภาพมากที่สุดในโลก แต่ก็ไม่สามารถที่จะซื้อมันจะต้องได้รับ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">คนจ่ายเงินหลายพันล้านดอลลาร์ต่อปีให้กับ บริษัท เช่น Google สำหรับโฆษณาเล็ก ๆ น้อยที่ไม่ได้ให้ข้อมูลเพียงพอที่จะดึงดูดความสนใจได้อย่างถูกต้องของลูกค้า</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เหตุผลว่าการทำงาน แต่เป็นเพราะโฆษณาที่มีขนาดเล็กมาก</span> <span class="notranslate" style="margin: 0px; padding: 0px;">โฆษณาเล็ก ๆ ที่คว้าความสนใจของคนนอกจากนี้ยังจะทำให้พวกเขาคลิกที่สิ่งที่อยู่ในเว็บไซต์ที่กำลังมองหาสิ่งที่พวกเขาคิดว่าการโฆษณาบอกว่า</span> <span class="notranslate" style="margin: 0px; padding: 0px;">นั่นคือการเข้าชมที่มีคุณค่าที่แล้วเพิ่มการจัดอันดับในเครื่องมือค้นหาเพราะมันไม่ใช้เวลามากของการเข้าชมของจริงที่จะได้รับหน้าของคุณ 3 หน้าแรกของเครื่องมือค้นหา</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ในขณะที่เว็บไซต์บางแห่งได้รับตันของการเข้าชมทุกเดือนส่วนใหญ่ไม่ได้จึงเป็นเรื่องง่ายสวยที่จะทำให้เว็บไซต์ส่วนใหญ่ออกมาจากด้านบนและได้รับเว็บไซต์ของคุณเห็น</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ถ้าคุณต้องการที่จะเพิ่มประสิทธิภาพได้ดีสำหรับเมืองที่รัฐอื่น ๆ ของคุณให้ตรวจสอบการโรยคำค้นหาทางภูมิศาสตร์ตลอด</span> <span class="notranslate" style="margin: 0px; padding: 0px;">รวมไว้ในข้อความเช่นเดียวกับที่ตั้งอยู่ห่าง</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เครื่องมือค้นหาที่ไม่ทราบว่าคุณจนกว่าคุณจะบอกพวกเขา</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">หากคุณมีกว่า 30 คำหลักที่หมายถึงธุรกิจกับคุณแล้วคุณอาจต้องการที่จะจ้างมืออาชีพ บริษัท Search Engine Copywriting หรือภายนอกให้ฟรีแลนซ์</span></li></ul></div></li><li class="final_li" style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-size: 16px; list-style: none; margin: 0px; padding: 20px;"><div class="clearall" style="clear: both; font-family: Helvetica, arial, sans-serif; margin: 0px; padding: 0px;"></div><div class="wh_ad_inner adunit1" style="margin: 0px; padding: 0px;"><span style="font-family: Helvetica, arial, sans-serif;"><span style="height: 180px;"><ins style="background-color: transparent; border: none; display: inline-table; height: 180px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 627px;"></ins></span></span><br /><h3></h3><h4></h4><h3></h3><h2><ul style="margin: 0px; padding: 5px 5px 20px 25px;"><li style="-webkit-font-smoothing: antialiased; clear: both; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="font-weight: normal; margin: 0px; padding: 0px;"><span style="font-family: Trebuchet MS, sans-serif;">คำเตือน</span></span></li></ul></h2><ul style="font-family: Helvetica, arial, sans-serif; margin: 0px; padding: 5px 5px 20px 25px;"><li style="-webkit-font-smoothing: antialiased; clear: both; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ไม่เคยมีส่วนร่วมในชนิดของการแลกเปลี่ยนลิงค์กับเว็บไซต์อื่น ๆ ซึ่งอาจนำไปสู่​​การห้ามจากเครื่องมือค้นหา</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ไม่ได้สร้างเว็บไซต์ที่ซ้ำกัน</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ถ้าคุณจะใช้ฟรีแลนซ์ระวังของเนื้อหาที่ซ้ำกัน</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เสมอให้แน่ใจว่าการตรวจสอบเนื้อหาที่คุณได้รับโดยการค้นหาเนื้อหาบน Google, Yahoo, MSN</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">จำไว้ว่าถ้าคุณใช้เทคนิค SEO หมวกดำคุณจะเสี่ยงต่อการได้รับการลงโทษโดยเครื่องมือค้นหาและมีเว็บไซต์ของคุณออกจากดัชนีของพวกเขาอย่างถาวร</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ไม่เคยมีการเชื่อมโยงหลายมิติเช่น "คลิกที่นี่" เชื่อมโยงหลายมิติควรจะเป็นคำหลักที่เชื่อมโยงหลายมิติยาวกับคำหลักหลายคำที่ดียิ่งขึ้น</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ไม่ซ่อนเนื้อหา</span></li></ul></div></li></ol></div></div><div style="text-align: center;"><span style="font-size: x-large;"><u>วีดีโอ</u></span></div><div style="text-align: center;"><span style="font-size: x-large;"><u><br /></u></span></div><div style="text-align: center;"><span style="font-size: x-large;"><u><br /></u></span></div><div style="text-align: center;"><iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/5aq9SpctxLo" width="560"></iframe><br /><br /><br /><br /><div style="text-align: left;"></div><a name="more"></a><br /><br /><div style="text-align: left;"><br /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">เครดิตบทความ>>http://www.wikihow.com/</div></div>

การปรับปรุงเครื่องมือค้นหาการจัดอันดับ

วิธีการปรับปรุงเครื่องมือค้นหาการจัดอันดับ แก้ไขโดยทรูแมน Hedding, พริกไทย, เดฟครอสบีเจนและ  65 คนอื่น ๆ แสดงขึ้นในเครื่องมือค้นหาเป็นหนึ่งใ...

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

วิธีการส่งเว็บไซต์ DMOZ

<span class="notranslate" style="background-color: white; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px;">หลาย <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/Search-the-Internet&usg=ALkJrhh-LO93DyGC2kyFKblAzlqESEurzw" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none;" title="ค้นหาข้อมูลทางอินเทอร์เน็ต">เครื่องมือค้นหา</a> เช่น <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/Use-Google&usg=ALkJrhgHTilqpJ0wo4WPzgAr24R7cWpayg" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none;" title="ใช้ Google">Google</a> และ AOL ใช้ข้อมูลดัชนีค้นหาเว็บไซต์จาก <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/Use-Dmoz&usg=ALkJrhjqxSW7SJwPDwzhZ3-M0A4wM6LShQ" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none;" title="ใช้ Dmoz">DMOZ</a> เรียกว่าโครงการ Open Directory, การให้ความช่วยเหลือกับเว็บไซต์ที่จัดทำดัชนี</span><span style="background-color: white; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 25px;"> </span><span class="notranslate" style="background-color: white; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px;">มันเป็นสิ่งสำคัญสำหรับผู้ดูแลเว็บไซต์หรือแม้กระทั่งเว็บไซต์ที่ 1 แฟนคลับที่จะส่งเว็บไซต์ของพวกเขาที่จะได้รับการจัดทำดัชนีใน DMOZ เพื่อให้เครื่องมือค้นหาสามารถค้นหาข้อมูลเพิ่มเติมเกี่ยวกับเว็บไซต์</span><span style="background-color: white; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 25px;"> </span><span class="notranslate" style="background-color: white; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px;">ส่งเว็บไซต์ที่จะได้รับการจัดทำดัชนีใน DMOZ อาจเป็นเรื่องยาก แต่ด้วยความช่วยเหลือบางส่วนก็สามารถสนุก</span><br /><span class="notranslate" style="background-color: white; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px;"><br /></span><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY8VykyRW_5mtm_v2se_DP_wFAcEWs2_vltQ31xwRM9AlESG-z7yvFht_G23ozoCJhBt9HcePOLoTFAh8qwacQ4BIVeNSs1TUYZlcD_m3omJZKyHfBwHUdgrJYJIJGgaIYk6PrsoWZ25Kf/s1600/home_experience_museum_scene_decorative_layered_4_177490.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="415" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY8VykyRW_5mtm_v2se_DP_wFAcEWs2_vltQ31xwRM9AlESG-z7yvFht_G23ozoCJhBt9HcePOLoTFAh8qwacQ4BIVeNSs1TUYZlcD_m3omJZKyHfBwHUdgrJYJIJGgaIYk6PrsoWZ25Kf/s1600/home_experience_museum_scene_decorative_layered_4_177490.jpg" width="640" /></a></div><span class="notranslate" style="background-color: white; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px;"><br /></span><span class="notranslate" style="background-color: white; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px;"><br /></span><span style="color: #545454; font-family: Helvetica, arial, sans-serif; font-size: large;"><span style="line-height: 25px;"><u><br /></u></span></span><div class="section steps sticky " style="background-color: #f6f5f4; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); line-height: 25px; margin: 0px 0px 25px; padding: 62px 27px 27px; position: relative;"><h2 class="" style="-webkit-font-smoothing: antialiased; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #222222; font-family: Helvetica, arial, sans-serif; font-size: 20px; left: 0px; line-height: 62px; margin: 0px 0px 10px; padding: 0px; position: absolute; top: 0px; width: 723px; z-index: 3;"><span class="notranslate" style="margin: 0px 0px 0px 27px; padding: 0px;"><span style="margin: 0px 0px 0px 27px; padding: 0px;">ขั้นตอน</span></span></h2><div class="section_text" id="steps" style="background-color: inherit; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: none; margin: 0px; padding: 0px;"><ol class="steps_list_2" style="margin: 0px; padding: 0px 0px 16px;"><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="mwimg largeimage floatcenter " style="border: 1px solid rgba(0, 0, 0, 0.0980392); line-height: 0px; margin: -21px -21px 20px; max-width: 670px; overflow: hidden; padding: 0px; position: relative;"><a class="image" href="http://www.wikihow.com/Image:Submit-a-Website-to-DMOZ-Step-1-Version-2.jpg" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="ส่งเว็บไซต์เพื่อ DMOZ ขั้นที่ 1 รุ่น 2.jpg"><img alt="" border="0" class="mwimage101" height="503" src="http://pad1.whstatic.com/images/thumb/b/bf/Submit-a-Website-to-DMOZ-Step-1-Version-2.jpg/670px-Submit-a-Website-to-DMOZ-Step-1-Version-2.jpg" style="border: none; height: auto; margin: 0px; padding: 0px; width: 667px;" width="670" /></a></div><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">1</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">เยี่ยมชม <a class="external text" href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://dmoz.org/&usg=ALkJrhh8YfwNxQqFSo6zJX2boyJKqRgmlQ" rel="nofollow" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="http://dmoz.org">DMOZ</a> เว็บไซต์ไดเรกทอรี</b></span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div><div class="wh_ad_inner adunit0" style="margin: 0px; padding: 0px;"><ins style="background-color: transparent; border: none; display: inline-table; height: 60px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 629px;"><ins id="aswift_0_anchor" style="background-color: transparent; border: none; display: block; height: 60px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 629px;"><iframe allowtransparency="true" frameborder="0" height="60" hspace="0" id="aswift_0" marginheight="0" marginwidth="0" name="aswift_0" scrolling="no" style="left: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px;" vspace="0" width="629"></iframe></ins></ins></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="mwimg largeimage floatcenter " style="border: 1px solid rgba(0, 0, 0, 0.0980392); line-height: 0px; margin: -21px -21px 20px; max-width: 670px; overflow: hidden; padding: 0px; position: relative;"><a class="image" href="http://www.wikihow.com/Image:Submit-a-Website-to-DMOZ-Step-2-Version-2.jpg" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="ส่งเว็บไซต์เพื่อ DMOZ ขั้นที่ 2 เวอร์ชัน 2.jpg"><img alt="" border="0" class="mwimage101" height="503" src="http://pad1.whstatic.com/images/thumb/0/07/Submit-a-Website-to-DMOZ-Step-2-Version-2.jpg/670px-Submit-a-Website-to-DMOZ-Step-2-Version-2.jpg" style="border: none; height: auto; margin: 0px; padding: 0px; width: 667px;" width="670" /></a></div><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">2</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">ตรวจสอบประเภทระดับบนและคลิกที่ประเภทที่เหมาะสมที่สุดเพื่อให้พอดีกับเว็บไซต์ที่คุณจะได้รับการส่ง</b></span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="mwimg largeimage floatcenter " style="border: 1px solid rgba(0, 0, 0, 0.0980392); line-height: 0px; margin: -21px -21px 20px; max-width: 670px; overflow: hidden; padding: 0px; position: relative;"><br /></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="mwimg largeimage floatcenter " style="border: 1px solid rgba(0, 0, 0, 0.0980392); line-height: 0px; margin: -21px -21px 20px; max-width: 670px; overflow: hidden; padding: 0px; position: relative;"><a class="image" href="http://www.wikihow.com/Image:Submit-a-Website-to-DMOZ-Step-3-Version-2.jpg" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="ส่งเว็บไซต์เพื่อ DMOZ ขั้นที่ 3 เวอร์ชัน 2.jpg"><img alt="" border="0" class="mwimage101" height="503" src="http://pad2.whstatic.com/images/thumb/2/25/Submit-a-Website-to-DMOZ-Step-3-Version-2.jpg/670px-Submit-a-Website-to-DMOZ-Step-3-Version-2.jpg" style="border: none; height: auto; margin: 0px; padding: 0px; width: 667px;" width="670" /></a></div><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">3</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">เลือกหมวดหมู่ย่อยซึ่งตั้งอยู่ด้านล่างเชื่อมโยงตัวอักษรในศูนย์ด้านบนของหน้า.</b>ตั้งแต่หลายประเภทมีความกว้างขวางในขนาดที่อาจจะมีหมวดหมู่ย่อยจำนวนมากที่จะเลือก</span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="mwimg largeimage floatcenter " style="border: 1px solid rgba(0, 0, 0, 0.0980392); line-height: 0px; margin: -21px -21px 20px; max-width: 670px; overflow: hidden; padding: 0px; position: relative;"><br /></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="mwimg largeimage floatcenter " style="border: 1px solid rgba(0, 0, 0, 0.0980392); line-height: 0px; margin: -21px -21px 20px; max-width: 670px; overflow: hidden; padding: 0px; position: relative;"><a class="image" href="http://www.wikihow.com/Image:Submit-a-Website-to-DMOZ-Step-4-Version-2.jpg" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="ส่งเว็บไซต์เพื่อ DMOZ ขั้นที่ 4 เวอร์ชัน 2.jpg"><img alt="" border="0" class="mwimage101" height="503" src="http://pad2.whstatic.com/images/thumb/f/fe/Submit-a-Website-to-DMOZ-Step-4-Version-2.jpg/670px-Submit-a-Website-to-DMOZ-Step-4-Version-2.jpg" style="border: none; height: auto; margin: 0px; padding: 0px; width: 667px;" width="670" /></a></div><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">4</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">ยังคงที่จะเลือกหมวดหมู่ย่อยจนกว่าคุณจะมีความเป็นไปได้ต่ำสุดหมวดหมู่.</b> แม้ว่าจะไม่ได้เสมอก็จะเป็นประเภททั่วไปขนาดเล็กที่มีการเชื่อมโยงประเภทย่อยมากขึ้นที่ด้านบน</span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="mwimg largeimage floatcenter " style="border: 1px solid rgba(0, 0, 0, 0.0980392); line-height: 0px; margin: -21px -21px 20px; max-width: 670px; overflow: hidden; padding: 0px; position: relative;"><br /></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="mwimg largeimage floatcenter " style="border: 1px solid rgba(0, 0, 0, 0.0980392); line-height: 0px; margin: -21px -21px 20px; max-width: 670px; overflow: hidden; padding: 0px; position: relative;"><a class="image" href="http://www.wikihow.com/Image:Submit-a-Website-to-DMOZ-Step-5-Version-2.jpg" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="ส่งเว็บไซต์เพื่อ DMOZ ขั้นที่ 5 เวอร์ชัน 2.jpg"><img alt="" border="0" class="mwimage101" height="503" src="http://pad2.whstatic.com/images/thumb/1/15/Submit-a-Website-to-DMOZ-Step-5-Version-2.jpg/670px-Submit-a-Website-to-DMOZ-Step-5-Version-2.jpg" style="border: none; height: auto; margin: 0px; padding: 0px; width: 667px;" width="670" /></a></div><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">5</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">คลิก <i style="margin: 0px; padding: 0px;">URL ที่แนะนำซึ่งเป็นลิงค์ที่สามจากซ้ายในแถบสีเทาของการเชื่อมโยงที่ด้านบนสุดของหน้าเว็บ</i></b></span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="mwimg largeimage floatcenter " style="border: 1px solid rgba(0, 0, 0, 0.0980392); line-height: 0px; margin: -21px -21px 20px; max-width: 670px; overflow: hidden; padding: 0px; position: relative;"><a class="image" href="http://www.wikihow.com/Image:Submit-a-Website-to-DMOZ-Step-6-Version-2.jpg" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="ส่งเว็บไซต์เพื่อ DMOZ ขั้นที่ 6 เวอร์ชัน 2.jpg"><img alt="" border="0" class="mwimage101" height="503" src="http://pad2.whstatic.com/images/thumb/9/90/Submit-a-Website-to-DMOZ-Step-6-Version-2.jpg/670px-Submit-a-Website-to-DMOZ-Step-6-Version-2.jpg" style="border: none; height: auto; margin: 0px; padding: 0px; width: 667px;" width="670" /></a></div><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">6</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">อ่านคำแนะนำและกฎระเบียบอย่างละเอียดที่อยู่บนหน้าการส่งเว็บไซต์.</b> ในขั้นตอนที่หนึ่งการเชื่อมโยงจะได้รับกับนโยบายการส่งและ <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/Write-Instructions&usg=ALkJrhjpK5-xtwSX5MxHV8GSCCjZn4adNw" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="เขียนคำแนะนำ">คำแนะนำ</a> ที่ควรจะระมัดระวัง <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/Read-Uninteresting-Books&usg=ALkJrhg66wwL2SGhPRFG77Z_gHXT8O0O_w" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="อ่านหนังสือไม่น่าทึ่ง">อ่าน</a> เพื่อให้รูปแบบการส่งเว็บไซต์ของคุณเต็มไปออกอย่างถูกต้อง</span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">7</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">กรอกข้อมูลการส่งเพื่อที่จะเสร็จสมบูรณ์ในขณะที่ต่อไปนี้ทุกแนวทางการส่ง</b></span><ul style="margin: 0px; padding: 5px 5px 20px 55px;"><li style="-webkit-font-smoothing: antialiased; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: none; clear: both; list-style: disc; margin: 0px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">หมวดหมู่แล้วควรจะเต็มไปด้วยประเภทที่ได้รับการแต่งตั้ง</span><div class="mwimg largeimage floatcenter " style="border: 1px solid rgba(0, 0, 0, 0.0980392); line-height: 0px; margin: 0px 0px 20px; max-width: 670px; overflow: hidden; padding: 0px; position: relative;"><a class="image" href="http://www.wikihow.com/Image:Submit-a-Website-to-DMOZ-Step-7Bullet1-Version-2.jpg" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="ส่งเว็บไซต์เพื่อ DMOZ ขั้น 7Bullet1 เวอร์ชัน 2.jpg"><img alt="" border="0" class="mwimage101" height="503" src="http://pad1.whstatic.com/images/thumb/8/82/Submit-a-Website-to-DMOZ-Step-7Bullet1-Version-2.jpg/670px-Submit-a-Website-to-DMOZ-Step-7Bullet1-Version-2.jpg" style="border: none; height: auto; margin: 0px; padding: 0px; width: 565px;" width="670" /></a></div></li><li style="-webkit-font-smoothing: antialiased; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: none; clear: both; list-style: disc; margin: 0px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ให้แน่ใจว่าได้รวมทั้งยังมีของคุณ <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/Create-a-Unique-Email-Address&usg=ALkJrhhw76X4NALnm_iCblyYK_4EW1MOKQ" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="สร้างที่อยู่อีเมลที่ไม่ซ้ำกัน">ที่อยู่อีเมลของ</a> ผู้ใช้และการตรวจสอบ</span><div class="mwimg largeimage floatcenter " style="border: 1px solid rgba(0, 0, 0, 0.0980392); line-height: 0px; margin: 0px 0px 20px; max-width: 670px; overflow: hidden; padding: 0px; position: relative;"><a class="image" href="http://www.wikihow.com/Image:Submit-a-Website-to-DMOZ-Step-7Bullet2-Version-2.jpg" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="ส่งเว็บไซต์เพื่อ DMOZ ขั้น 7Bullet2 เวอร์ชัน 2.jpg"><img alt="" border="0" class="mwimage101" height="503" src="http://pad1.whstatic.com/images/thumb/c/ca/Submit-a-Website-to-DMOZ-Step-7Bullet2-Version-2.jpg/670px-Submit-a-Website-to-DMOZ-Step-7Bullet2-Version-2.jpg" style="border: none; height: auto; margin: 0px; padding: 0px; width: 565px;" width="670" /></a></div></li></ul><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px 0px 30px; padding: 20px;"><div class="mwimg largeimage floatcenter " style="border: 1px solid rgba(0, 0, 0, 0.0980392); line-height: 0px; margin: -21px -21px 20px; max-width: 670px; overflow: hidden; padding: 0px; position: relative;"><a class="image" href="http://www.wikihow.com/Image:Submit-a-Website-to-DMOZ-Step-8-Version-2.jpg" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="ส่งเว็บไซต์เพื่อ DMOZ ขั้นที่ 8 เวอร์ชัน 2.jpg"><img alt="" border="0" class="mwimage101" height="503" src="http://pad1.whstatic.com/images/thumb/2/2e/Submit-a-Website-to-DMOZ-Step-8-Version-2.jpg/670px-Submit-a-Website-to-DMOZ-Step-8-Version-2.jpg" style="border: none; height: auto; margin: 0px; padding: 0px; width: 667px;" width="670" /></a></div><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">8</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">อ่านข้อตกลงการส่งและสมบูรณ์แบบครั้งเดียวและคุณเห็นด้วยกับมันกดส่ง</b></span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></li><li class="final_li" style="-webkit-font-smoothing: antialiased; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); clear: both; color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; list-style: none; margin: 0px; padding: 20px;"><div class="step_num" style="float: left; font-size: 43px; font-weight: bold; margin: 0px; padding: 8px 15px 3px 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">9</span></div><span class="notranslate" style="margin: 0px; padding: 0px;"><b class="whb" style="margin: 0px; padding: 0px;">รอให้เว็บไซต์ที่จะจัดทำดัชนี.</b> ทั้งหมดของการส่งเว็บไซต์สำหรับแต่ละประเภทได้รับการทบทวนโดยอาสาสมัครที่ใช้เวลาของพวกเขาในการตรวจสอบการส่งเว็บไซต์</span><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div><div class="wh_ad_inner adunit1" style="margin: 0px; padding: 0px;"><ins style="background-color: transparent; border: none; display: inline-table; height: 180px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 627px;"><ins id="aswift_1_anchor" style="background-color: transparent; border: none; display: block; height: 180px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 627px;"><iframe allowtransparency="true" frameborder="0" height="180" hspace="0" id="aswift_1" marginheight="0" marginwidth="0" name="aswift_1" scrolling="no" style="left: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px;" vspace="0" width="627"></iframe></ins></ins></div></li></ol><div class="lone_p" style="-webkit-font-smoothing: antialiased; font-family: Helvetica, arial, sans-serif; margin-bottom: 15px; padding: 0px;"><br style="margin: 0px; padding: 0px;" /></div><div style="-webkit-font-smoothing: antialiased; font-family: Helvetica, arial, sans-serif; padding: 0px;"><a class="anchor" href="" id="Tips" name="Tips" style="color: #336633; margin: 0px; padding: 28px 0px 0px; visibility: hidden; word-wrap: break-word;"></a></div><div class="clearall" style="clear: both; margin: 0px; padding: 0px;"></div></div></div><div class="section tips sticky " style="background-color: #f6f5f4; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); margin: 0px 0px 25px; padding: 62px 27px 27px; position: relative;"><h2 class="sticking" style="-webkit-font-smoothing: antialiased; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #222222; font-family: Helvetica, arial, sans-serif; font-size: 20px; left: auto; line-height: 62px; margin: 0px 0px 10px -27px; padding: 0px; position: fixed; top: 39px; width: 723px; z-index: 998;"><span class="notranslate" style="margin: 0px 0px 0px 27px; padding: 0px;"><a class="edit" href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/index.php%3Ftitle%3DSubmit-a-Website-to-DMOZ%26action%3Dedit%26section%3D2&usg=ALkJrhinIvmcaKuVffhxH_MwpgBOQRyZ4A" id="gatEditSection" name="gatEditSection" style="color: #336633; float: right; font-size: 12px; font-weight: normal; height: 25px; margin: -5px 27px 0px 0px; padding: 0px; text-decoration: none;" title="แก้ไขส่วน: เคล็ดลับ">แก้ไข</a></span></h2><div class="section_text" id="tips" style="background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); margin: 0px; padding: 15px;"><ul style="color: #545454; font-family: Helvetica, arial, sans-serif; line-height: 25px; margin: 0px; padding: 5px 5px 20px 25px;"><li style="-webkit-font-smoothing: antialiased; clear: both; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;"><span style="font-size: large;"><u>เคล็ดลับ</u></span></span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ตรวจสอบทุกประเภทเป็นไปได้สำหรับเว็บไซต์ที่คุณกำลังจะส่ง</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เลือกประเภทแรกที่คุณพบว่าอาจจะไม่ดีที่สุด - มันสามารถชะลอเวลาการทบทวนการส่ง</span> <span class="notranslate" style="margin: 0px; padding: 0px;">โปรดทราบว่าแต่ละเว็บไซต์สามารถสร้างดัชนีเพียงครั้งเดียวเป็นหนึ่งในหมวดหมู่</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">โปรดจำไว้ว่าการแก้ไขหมวดหมู่ทั้งหมด (ที่มีผู้ใช้ที่ตรวจสอบการส่งเว็บไซต์) มีทั้งอาสาสมัคร</span><span class="notranslate" style="margin: 0px; padding: 0px;">บางประเภทอาจจะดูมากขึ้นอย่างละเอียดและดูกว่าคนอื่น ๆ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เว็บไซต์ <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/Write-an-Acceptance-Speech&usg=ALkJrhiKoVYlAv89OuIf5W-1XlJ85tGWuA" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="เขียนยอมรับคำพูด">การยอมรับ</a> อาจใช้เวลาหลายสัปดาห์ถ้าไม่เดือน</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ไม่ได้ทั้งหมดส่งเว็บไซต์ได้รับการยอมรับโดยไม่คำนึงถึงวิธีการที่ดีแบบฟอร์มการส่งออกจะถูกเติมเต็ม</span> <span class="notranslate" style="margin: 0px; padding: 0px;">มีเหตุผลต่างๆเช่นการเข้าสู่เว็บไซต์ที่มีการ <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/Find-out-if-Something-Is-Illegal-Before-You-Do-It&usg=ALkJrhhO0QP3h4FsNVktwk3ylluY0slb2Q" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="หาคำตอบว่าสิ่งที่เป็นสิ่งผิดกฎหมายก่อนที่คุณจะทำมัน">กระทำที่ผิดกฎหมาย</a> ที่เว็บไซต์จะถูกปฏิเสธการจัดทำดัชนี</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ส่งเว็บไซต์จะอ่านอย่างละเอียดโดยคนจริง</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ปฏิบัติตามกฎระเบียบเช่นนี้จะช่วยให้คุณและบรรณาธิการหมวดหมู่</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">หากเว็บไซต์ของคุณมีการเปลี่ยนแปลงหลังจากที่ได้มีการจัดทำดัชนีโดยเฉพาะอย่างยิ่งเว็บไซต์ชื่อ / ชื่อหรือคำอธิบาย DMOZ มีตัวเลือกในการ <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/Update-Your-Look&usg=ALkJrhiF_Fx7UwAdNlYwYxqnWMH5Mi8vnQ" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="ปรับปรุงรูปลักษณ์ของคุณ">ปรับปรุง</a> รายการ</span> <span class="notranslate" style="margin: 0px; padding: 0px;">เช่นเดียวกับการส่งเว็บไซต์ปรับปรุงสามารถใช้ในขณะที่ได้รับการทบทวนและควรจะส่งเฉพาะเมื่อมีความจำเป็น</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">DMOZ มีดัชนีเว็บไซต์มานานกว่าเจ็ดสิบภาษาและมักจะเพิ่มภาษาใหม่</span> <span class="notranslate" style="margin: 0px; padding: 0px;">หากคุณเป็นเจ้าของหรือรู้ของเว็บไซต์ใน <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/Translate-and-Pronounce-in-Another-Language&usg=ALkJrhiAsW00xyWOVj1PYr9mSrlPpG3tMw" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="แปลและออกเสียงในภาษาอื่น">ภาษาอื่น</a> ส่งไปเช่นกัน</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">มันจะดีกว่าที่จะใช้ชื่อ บริษัท หรือชื่อแบรนด์ในชื่อแทนคำหลัก. <sup style="line-height: normal; margin: 0px; padding: 0px;">[ <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/Reference-Sources-on-wikiHow&usg=ALkJrhgrzOtI5l1n72U1dOLesc2UcA6HAg" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="แหล่งที่มาอ้างอิงใน wikiHow"><i style="margin: 0px; padding: 0px;">อ้างจำเป็น</i></a> ]</sup></span></li></ul><div><span style="color: #545454; font-family: Helvetica, arial, sans-serif; font-size: x-small;"><br /></span></div><div><span style="color: #545454; font-family: Helvetica, arial, sans-serif; font-size: x-small;"><br /></span></div><div><span style="color: #545454; font-family: Helvetica, arial, sans-serif; font-size: x-small;"><br /></span></div><div><h2 style="-webkit-font-smoothing: antialiased; background-color: #f6f5f4; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #222222; font-family: Helvetica, arial, sans-serif; font-size: 20px; left: 0px; line-height: 62px; margin: 0px 0px 10px; padding: 0px; position: absolute; top: 0px; width: 723px; z-index: 3;"><span class="notranslate" style="margin: 0px 0px 0px 27px; padding: 0px;"><span style="margin: 0px 0px 0px 27px; padding: 0px;">คำเตือน</span></span></h2><div class="section_text" id="warnings" style="border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(229, 229, 229); color: #545454; font-family: Helvetica, arial, sans-serif; line-height: 25px; margin: 0px; padding: 15px;"><ul style="margin: 0px; padding: 5px 5px 20px 25px;"><li style="-webkit-font-smoothing: antialiased; clear: both; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;"><span style="font-size: large;"><u>คำเตือน</u></span></span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">อย่าใช้ <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dwww.dmoz.%26biw%3D1366%26bih%3D676&rurl=translate.google.co.th&sandbox=0&sl=en&u=http://www.wikihow.com/Design-a-Successful-Promotional-Product-Strategy&usg=ALkJrhjbn96bjsy2MVlV_paRXW7Bm4YOGQ" style="color: #336633; margin: 0px; padding: 0px; text-decoration: none; word-wrap: break-word;" title="การออกแบบที่ประสบความสำเร็จกลยุทธ์การส่งเสริมการขายสินค้า">โปรโมชั่น</a> และรายละเอียดคำเมื่อกรอกในการส่งเว็บไซต์</span> <span class="notranslate" style="margin: 0px; padding: 0px;">ถ้าคุณทำมันจะใช้เวลานานสำหรับการส่งของคุณจะได้รับการทบทวนและมีโอกาสสูงที่จะได้รับการส่งของคุณปฏิเสธการเป็น</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">มีอยู่มากกว่าสองล้านส่งเว็บไซต์ก่อนสอบทานในเวลาปัจจุบัน - <i style="margin: 0px; padding: 0px;">เพียงส่งเว็บไซต์ของคุณอีกครั้ง!</i></span><span class="notranslate" style="margin: 0px; padding: 0px;">หากคุณซ้ำส่งเว็บไซต์จะมีความล่าช้ามากขึ้นสำหรับการแก้ไขหมวดหมู่ในการตรวจสอบการส่งเว็บไซต์และมีโอกาสน้อยที่จะได้รับการจัดทำดัชนีเว็บไซต์ของคุณ</span></li><li style="-webkit-font-smoothing: antialiased; clear: both; font-size: 16px; line-height: 28px; margin: 0px 0px 5px; padding: 0px;"><span class="notranslate" style="margin: 0px; padding: 0px;">ไม่เคยส่งเว็บไซต์ที่ไปกับแนวทาง DMOZ - <b style="margin: 0px; padding: 0px;">เว็บไซต์ลามกและเถื่อนที่ไม่ได้รับอนุญาต</b></span></li></ul></div></div><div class="wh_ad_inner adunit2a" style="color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px;"><ins style="background-color: transparent; border: none; display: inline-table; height: 180px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 607px;"></ins><br /></div><div class="wh_ad_inner adunit2a" style="color: #545454; font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px;">   เครดิต>ข้อมูลจาก>>http://www.wikihow.com/Submit-a-Website-to-DMOZ</div></div></div>

วิธีการส่งเว็บไซต์ DMOZ

หลาย  เครื่องมือค้นหา  เช่น  Google  และ AOL ใช้ข้อมูลดัชนีค้นหาเว็บไซต์จาก  DMOZ  เรียกว่าโครงการ Open Directory, การให้ความช่วยเหลือกับเว็...

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

เคล็ดลับการทำกำไร ตลาดพันธมิตร (Affiliate Marketing Profits Unleashed )

<div class="separator" style="clear: both; text-align: center;"></div><iframe height="1200" src="https://docs.google.com/a/oxsicom28.com/file/d/0B8nlYQHMBtG-T0xsOEtFRUFpbkE/preview" width="1200"></iframe><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://business.oxsicom28.com/wp-content/uploads/2013/09/1-2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="279" src="http://business.oxsicom28.com/wp-content/uploads/2013/09/1-2.gif" width="320" /></a></div><br /><br />

เคล็ดลับการทำกำไร ตลาดพันธมิตร (Affiliate Marketing Profits Unleashed )

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

การแทรกเครื่องมือแบบหลายคอลัมน์ไว้ระหว่างปุ่มเลือกหน้าและบทความ

<div style="text-align: center;"><span id="goog_346005419"></span><img height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihJYg3Ug5LgbXfl3MqwuC4kYrQrxVIe4vVIPVauQMo3fRGp3s7NuSbU30mLjpx9dekr12Java3bZBP6oFYil0krEtFSybOJLLz44ChtyarKyGVk0OQdawMoA9N_Yp525x0KzNzQaF6MdU/s640/blogger-multi-column-between-page-navigation-and-post-001.png" width="640" /><span id="goog_346005420"></span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;">บทความนี้จะอธิบายวิธีแทรกช่องใส่เครื่องมือ Gadget แบบหลายคอลัมน์ไว้ระหว่างปุ่มเลือกหน้ากับบทความ รวมทั้งการปรับขนาดของคอลัมน์เครื่องมือเหล่านั้น และการเพิ่มจำนวนคอลัมน์</span><br /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;">ซึ่งบทความนี้สามารถแบ่งได้เป็น 2 สว่นคือ</span><br /><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;" /><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;">ส่วนที่ 1 คือ</b><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;"> ขั้นตอนที่ 1-6 เป็นการสร้างช่องเครื่องมือ Gadget แบบสองคอลัมน์ โดยสำหรับผู้ที่ไม่ชอบความยุ่งยากก็สามารถหยุดอยู่แค่ขั้นตอนที่ 6 นี้ก็พอแล้ว ซึ่งพอจบขั้นตอนดังกล่าวจะได้บล็อกในลักษณะแบบนี้</span></div><div style="text-align: center;"><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;"><br /></span></div><div style="text-align: center;"><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;"><br /></span></div><div style="text-align: center;"><img height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwmk2y8t9np_ZK7A2guNuABZ_fnXxhjNYrm6Snu9dbutbIvdcmryQFDRBJV5MSgLwF4-W19f1lYmmTsSTv4g6SG6D8JwNzxEyuJB5LnfD3aX2DUQUHda0vWZxabK1dGYfQlOHX5SHO25k/s1600/blogger-multi-column-between-page-navigation-and-post-006.png" width="640" /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;">ส่วนที่ 2 คือ</b><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;"> ขั้นตอนที่ 7-10 จะเป็นวิธีปรับแต่งรายละเอียดของช่องใส่เครื่องมือนี้</span></div><hr style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><div style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: center;"><b>อธิบายเพิ่มเติม</b></div><div style="text-align: center;"><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;" /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;">ในตามปกติแล้วเมื่อเริ่มสร้างบล็อกขึ้นมาด้วยเทมเพลทพื้นฐาน ที่ไม่ใช่เทมเพลทแบบ Dynamic ก็จะพบว่าในหน้าเมนู 'รูปแบบ' มีลักษณะคล้ายแบบนี้</span><br /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;"><br /></span><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;"><br /></span></div><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtxbSmo_NZOvCuVf2aQhwvEuocaGWCLs5ngnPLvVlxn6b0liVeNBdnKbP7xpgiKt3TPt8NG5Kuo_O7XIyVKjTO9djwKVe4EAa1reWyOBiEl3XRqYvXj6qNTVTOChfiloD9-HMUtnAynEI/s1600/blogger-multi-column-between-page-navigation-and-post-002.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" /></div><div style="text-align: center;"><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;" /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;">โดยหลังจากเปิดใช้แถบปุ่มเลือกหน้า (Page Navigation) โดยใช้คำสั่ง</span><br /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;">หน้าเว็บ > แสดงหน้าเว็บเป็น > แท็บด้านบนสุด</span><br /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;">ก็จะพบว่าเมนู 'รูปแบบ' จะกลายเป็นดังนี้</span><br /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;"><br /></span><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;"><br /></span></div><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: center;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirq12N7cOBJ4cQ7F6OyipEU8Yw91dH4manu_rUfsM5XjSJBXEsOxCrKWV7i6JZTzPD4t2DdF6ti-qyw1MSl2gbK6nwJz51QRc5W4nJjxmXOBoPteIKNTgRtlAy6K9sjIodgZKnVl2ty2w/s1600/blogger-multi-column-between-page-navigation-and-post-003.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" width="640" /></div><div style="text-align: center;"><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;" /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;">ซึ่งบทความนี้มีจุดสนใจในบริเวณพื้นที่ระหว่างแถบปุ่มเลือกหน้าและบทความ เหมือนในกรอบข้างล่างนี้</span><br /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;"><br /></span></div><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIerUe-eXQ_Yysc25LdWCMheeiajgnB9yB5r6TQLIqINiI7yNbbz4d7lHJMkNG-84XSNr4dptWzXAlYaYm73zPMADwRcmyWHTkvxYzYZ-WAhPKV9gOwDUVzJ-j0Q99vVS-VIyrGQ5UAJQ/s1600/blogger-multi-column-between-page-navigation-and-post-004.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" /></div><div style="text-align: center;"><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;" /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;"> ดังนั้นเป้าหมายในการเพิ่มช่องใส่เครื่องมือ Gadget แบบหลายคอลัมน์ก็จะเป็นดังภาพข้างล่างนี้</span><br /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;"><br /></span></div><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4gixhSfP1TVICO1Tv88oAqAlYQiwl-11VeNEP9uQ8hV1R0_Qc4yCFBxgFXo-1CbtZ43ru0kSDuWmmCVAilu8BYkFh92vjhPcjtCQbTfgVbFBumjdUcARcIcIYZSyXpkKepexkVo5v2as/s1600/blogger-multi-column-between-page-navigation-and-post-005.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" /></div><div style="text-align: center;"><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;" /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;">ซึ่งวิธีแทรกเครื่องมือ Gadget แบบหลายคอลัมน์ดังกล่าวสามารถทำได้ดังนี้</span></div><hr style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><div style="text-align: left;"><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">ขั้นตอนที่ 1.</b><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"> เข้าสู่บล็อกของคุณจากนั้นไปที่</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">'แม่แบบ > แก้ไข HTML'</span><br /><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><hr style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">ขั้นตอนที่ 2.</b><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"> สั่งค้นหา</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">/* Widgets</span><br /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">แล้วแทนที่โค้ดที่หาเจอด้วย</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">/*</span><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"> </span><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Widgets</span><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"> Main Above</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">----------------------------------------------- */</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><!-- Main Above Style Start --></span><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">.main-above-outer {</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">  overflow: hidden;</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">}</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><br /></span><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">div#main-above-1.main.section,</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">div#main-above-2.main.section {</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">  margin: 0;</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">  padding: 5px 5px 0;</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">}</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><br /></span><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">div#main-above-1.main.section .widget,</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">div#main-above-2.main.section .widget {</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">  margin: 0;</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">  padding: 10px;</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">  border: solid 1px #c0c0c0;</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">  background-color: #ffffff;</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">}</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><!-- Main Above Style End --></span><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><br /></span><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"></span><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">/* Widgets</span><br /><hr style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">ขั้นตอนที่ 3.</b><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"> สั่งค้นหา</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">    </span><br /><div class="region-inner main-inner"></div><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"></span><br /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><br /></span><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">แล้วแทนที่โค้ดที่หาเจอด้วย</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><!-- Main Above Area Start --></span><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">    </span><br /><div class="main-above-outer"></div><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"></span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">    </span><br /><div style="float: left; width: 50%;"></div><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"></span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">      <b:section class="main" id="main-above-1" showaddelement="yes"></b:section></span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">    </span></div><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">    </span><br /><div style="float: right; width: 50%;"></div><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"></span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">      <b:section class="main" id="main-above-2" showaddelement="yes"></b:section></span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">    </span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">   </span><br /><div style="clear: both;"></div><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"></span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">    </span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><!-- Main Above Area End --></span><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><br /></span><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">    </span><br /><div class="region-inner main-inner"></div><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"></span><br /><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><hr style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">ขั้นตอนที่ 4. </b><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">กดปุ่ม 'บันทึกเทมเพลต' </span><br /><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><hr style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">ขั้นตอนที่ 5. </b><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">จากนั้นไปที่ปุ่มหัวข้อ 'รูปแบบ' ที่อยู่ด้านซ้ายมือของเมนูบล็อก</span><br /><div style="text-align: center;"><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;"><br /></span></div><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: center;"><img border="0" height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwmk2y8t9np_ZK7A2guNuABZ_fnXxhjNYrm6Snu9dbutbIvdcmryQFDRBJV5MSgLwF4-W19f1lYmmTsSTv4g6SG6D8JwNzxEyuJB5LnfD3aX2DUQUHda0vWZxabK1dGYfQlOHX5SHO25k/s1600/blogger-multi-column-between-page-navigation-and-post-006.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" width="640" /></div><div style="text-align: center;"><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;" /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: start;">แล้วจะเห็นว่าบริเวณข้างบนเหนือส่วน 'บทความบล็อก' จะมีช่องสำหรับใส่เครื่องมือ Gadget หรือ Widget เพิ่มขึ้นมาอีกสองอันโดยแบ่งควมกว่างกันฝั่งละครึ่งของคอลัมน์อันเดิมหรือก็คือ 50% โดยสามารถกดที่ปุ่ม 'เพิ่ม Gadget' ของช่องเหล่านั้นเพื่อเพิ่มเครื่องมือได้ตามต้องการ</span></div><div style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: center;"></div><div style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><hr /><b>ขั้นตอนที่ 6.</b><br />ถ้าลองใส่เครื่องมือ Gadget ลงไปในช่องคอลัมน์ที่สร้างขึ้นมาใหม่ฝั่งละหนึ่งอันก็จะมีลักษณะดังนี้</div><div style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNaMUSnNloIU3vJU46zLNq4IkhhdLK6gGPN1EWLp44NFmwsuQhOUOjBSGAGA5kySJZmh0DxPYiEt4Fjk8E1sXq2LcPsUCbd-CcRFPb2LgZh8ycD935XVD7fAWPBJBqZXegUjRxD56q_40/s1600/blogger-multi-column-between-page-navigation-and-post-007.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" width="640" /></div></div><div style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><div><hr /><div style="text-align: center;"><b>อธิบายเพิ่มเติม</b></div><br />เนื้อหาต่อจากนี้จะเป็นวิธีการตบแต่ง ปรับขนาด และเพิ่มลดจำนวนคอลัมน์ของ Gadget อันนี้ ซึ่งอาจจำเป็นสำหรับบางคน แต่สำหรับผู้ที่ไม่ต้องการประยุกต์ก็ให้หยุดอ่านอยู่แค่เพียงขั้นตอนที่ 6 ข้างบนนี้ก็พอแล้วครับ</div><div>เนื้อหาต่อจากนี้จะเป็นวิธีเพิ่มจำนวนคอลัมน์<br />โดยสำหรับผู้ไม่ชำนาญการแก้ไขสคริป แนะนำว่า<br />ก่อนเริ่มแก้ไขในขั้นตอนนี้หลังจากนี้<br />สำหรับผู้ที่ได้ทดลองเอา Gadget ต่างๆ เช่น<br />ข้อความ, HTML/Javascript เป็นต้น<br /><div>ใส่ลงไปในช่องที่สร้างไว้ด้วยวิธีในขั้นตอนที่ผ่านมานั้นแบบภาพในขั้นตอนที่ 6 ก็ควรไปที่หน้าจอ<br />'รูปแบบ'<br />แล้วกดลากย้ายเครื่องมือที่ได้ลองเพิ่มลงไปเหล่านั้น ไปฝากไว้ที่บริเวณแถบด้านข้างหรือบริเวณส่วนท้ายของบล็อกก่อน</div><div class="separator" style="clear: both; text-align: center;"><img border="0" height="404" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsIJuAbos3ds-EOkn2ORP2TKg_0_fJPi8rZgYYL-h0hGbtvoViKdvhtLA2iyLZe43Nf-OuAp-D8s7NoDzk4vYqqG_12v3QVM5Uf96mH_B03Y4ZVpb9qlAMQXFFoAVBGmVHticKs5unGng/s1600/blogger-multi-column-between-page-navigation-and-post-008.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" width="640" /></div><br />โดยพอแก้ไขเสร็จแล้วค่อยลากกลับมาใส่อีกทีหนึ่งจะดีกว่า เพราะโค้ดของเครื่องมือเหล่านั้นจะไปถูกเขียนปนอยู่รวมกับโค้ดในขั้นตอนที่ 3 ซึ่งบางคนอาจดูแล้วสับสนได้ จึงควรทำให้บริเวณกล่อง Gadget ที่เพิ่มลงไปไม่มีเครื่องมือแสดงอยู่แบบในรูปนี้<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4HGNt3VIDuN4QiFNhAtkOB8c6Asm41zx6d69s9yTO4Z25fUQRgWRlA6b0OL6QogIfEPQvlOrqc-tTYzKnoRppqOjZDrE5ZcI3qVZYbwkCwZCkL5mljqnLFWNrWb-tUVaOGMrDKqUKyxI/s1600/blogger-multi-column-between-page-navigation-and-post-009.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" width="640" /></div><br />หรืออาจลบเครื่องมือที่ได้เพิ่มลงไปเหล่านั้นทิ้งไปก่อนเพื่อให้เมนู 'รูปแบบ' มีลักษณะกลับไปคล้ายขั้นตอนที่ 5 อีกครั้งก็ได้เช่นกัน<br /><div><br /></div><hr /><b>ขั้นตอนที่ 7. </b>วิธีตบแต่งลักษณะกล่อง Gadget</div></div><div style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><b>ระยะห่างระหว่างกล่อง Gadget</b><br />กำหนดจากโค้ดในขั้นตอนที่ 2 บรรทัดที่ 11 ซึ่งเขียนว่า<br /><span style="color: red;">  padding: 5px 5px 0;</span><br /><br /><b>ลักษณะของกล่อง Gadget</b><br />กำหนดจากโค้ดในขั้นตอนที่ 2 บรรทัดที่ 16-19 ซึ่งเขียนว่า<br /><span style="color: red;">  margin: 0;</span><br /><span style="color: red;">  padding: 10px;</span><br /><span style="color: red;">  border: solid 1px #c0c0c0;</span><br /><span style="color: red;">  background-color: #ffffff;</span><br />โดยสามารถแก้ไขสีและเส้นขอบ รวมทั้งช่องว่างจากขอบกล่อง Gadget ได้ตามต้องการ<br /><br /><b>ลักษณะพื้นฐานของกล่อง Gadget</b><br />ถ้าหากต้องการให้กล่อง Gadget อันนี้ใช้การตบแต่งปรับไปตามลักษณะพื้นฐานของแต่ละบล็อก ซึ่งส่วนใหญ่มักจะถูกตั้งไว้ให้เหมือนกับลักษณะของแถบด้านข้างหรือ Sidebar ก็สามารถทำได้โดยเปลี่ยนโค้ดสำหรับแทนที่ในขั้นตอนที่ 2 เป็นโค้ดข้างล่างนี้ เพื่อล้างการตบแต่งที่ผมใส่ไว้ทิ้งไป<br /><span style="color: red;">/*</span><span style="color: red;"> </span><span style="color: red;">Widgets</span><span style="color: red;"> Main Above</span><br /><br /><span style="color: red;">----------------------------------------------- */</span><br /><span style="color: red;"><!-- Main Above Style Start --></span><br /><span style="color: red;">.main-above-outer {</span><br /><span style="color: red;">  overflow: hidden;</span><br /><span style="color: red;">}</span><br /><span style="color: red;"><br /></span><span style="color: red;">div#main-above-1.main.section,</span><br /><span style="color: red;">div#main-above-2.main.section {</span><br /><span style="color: red;">  margin: 0;</span><br /><span style="color: red;">  padding: 0 0;</span><br /><span style="color: red;">}</span><br /><span style="color: red;"><br /></span><span style="color: red;">div#main-above-1.main.section .widget,</span><br /><span style="color: red;">div#main-above-2.main.section .widget {</span><br /><span style="color: red;">  margin: 0 0 0;</span><br /><span style="color: red;">}</span><br /><span style="color: red;"><!-- Main Above Style End --></span><br /><br /><span style="color: red;">.main-outer {</span></div><div style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><hr /><b>ขั้นตอนที่ 8.</b> วิธีปรับสัดส่วนความกว้างกล่อง Gadget<br /><br />บางคนต้องการให้กล่อง Gadget ทั้งสองใบนี้มีความกว้างไม่เท่ากัน ก็สามารถปรับเปลี่ยนได้โดยแก้ไขโค้ดในขั้นตอนที่ 3 ในบรรทัดที่ 4 และ 6 โดยตรงจุดนี้จะเป็นตัวควบคุมความกว้างของกล่อง</div><div style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">ซึ่งโค้ดบรรทัดที่ 4 ซึ่งใช้ควบคุมขนาดของกล่องด้านซ้ายคือ</div><div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><div style="color: #333333;"><span style="color: red;">    </span></div><div style="color: #333333; float: left; width: 50%;"></div><div style="color: #333333;"></div><div style="color: #333333;">และเช่นเดียวกันโค้ดบรรทัดที่ 6 ซึ่งใช้ควบคุมขนาดของกล่องด้านซ้ายก็คือ</div><div style="color: #333333;"><span style="color: red;">    </span></div><div style="color: #333333; float: right; width: 50%;"></div><div style="color: #333333;"></div><div style="color: #333333;"><br /></div><div style="color: #333333;">โดยค่าที่ใช้กำหนดขนาดของกล่องทั้งสองใบก็คือตัวเลขที่เขียนว่า 50% ซึ่งสังเกตได้ว่ารวมกันทั้งสองใบก็จะได้ 100% ทำให้ใช้พื้นที่เต็มแถวพอดี เพราะการทำให้ผลรวมเกินกว่า 100% จะทำให้กล่อง Gadget</div><div style="color: #333333;">ถูกดันไปอยู่คนละแถวกัน</div><div style="color: #333333;"><br /></div><div class="separator" style="clear: both; color: #333333; text-align: center;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1lsGxUvVAxgYI0mjW_Njgznjux1lSvdYqMhAKAz0nSAu4bYJC0hHnRcD4pJbSLUY7umq6ZsAI2TmtrMhOkO9NDiacvdaAgIjzIxKdvB64NoEEPFrEU_CNqK9ty2YfmYpWroGJQqSIvoE/s1600/blogger-multi-column-between-page-navigation-and-post-010.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" width="640" /></div><div style="color: #333333;"><br /></div><div style="color: #333333;">ตัวอย่างเช่น ถ้าปรับให้กล่องทางซ้ายมีความกว้าง 75% แต่ว่ากล่องทางขวายังคงเป็น 50% เหมือนเดิมทำให้ผลรวมเกินกว่า 100% ก็จะเป็นดังรูปนี้</div><div style="color: #333333;"><br /></div><div class="separator" style="clear: both; color: #333333; text-align: center;"><img border="0" height="333" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2tfXYl-QiqMB56VOJ165qE1aJFu2IiTiWrUeOyrPAr70pbcQT5PsF-q6_QM7bC97MYrf9p36p_Y4wMeJw2EFlfyULBUWkstGvdLprsoeJOz474dom0ysEq__Tltt6U9lU-MzYZnlFyM0/s1600/blogger-multi-column-between-page-navigation-and-post-011.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" width="640" /></div><div style="color: #333333;"><br /></div><div style="color: #333333;">ดังนั้นเพื่อให้กล่องทั้งสองใบอยู่ในแถวเดียวกัน จึงตั้งค่าให้กล่องทางซ้ายใช้พื้นที่ 75% และกล่องทางขวาใช้พื้นที่ 25% ซึ่งบวกได้ 100% เหมือนเดิม ซึ่งจะทำให้การแบ่งพื้นที่ของกล่อง Gadget เปลี่ยนกลายเป็นแบบข้างล่างนี้</div><div style="color: #333333;"><br /></div><div class="separator" style="clear: both; color: #333333; text-align: center;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEzyZSSu_IVUeOLvgEFfJhSJLL_hCSZRqome7sodNKva92Kws5wPuplLVPoRN6Wl-giSUINvlkEuaHrWGHuEePxoGICEan8ifLVAZrto1pqeM53a8XmyGdpSgeyOfWQPDSNXnbw1iam04/s1600/blogger-multi-column-between-page-navigation-and-post-012.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" width="640" /></div><div style="color: #333333;"><br /></div><div style="color: #333333;">สามารถทำได้ด้วยการเปลี่ยนโค้ดสำหรับใช้แทนที่ในขั้นตอนที่ 3 เป็นแบบข้างล่างนี้</div><span style="color: red;"><!-- Main Above Area Start --></span><br style="color: #333333;" /><span style="color: red;">    </span><br /><div class="main-above-outer"></div><span style="color: red;"></span><br /><span style="color: red;">    </span><br /><div style="float: left; width: 75%;"></div><span style="color: red;"></span><br /><span style="color: red;">      <b:section class="main" id="main-above-1" showaddelement="yes"></b:section></span><br /><span style="color: red;">    </span></div><br style="color: #333333;" /><span style="color: red;">    </span><br /><div style="float: right; width: 25%;"></div><span style="color: red;"></span><br /><span style="color: red;">      <b:section class="main" id="main-above-2" showaddelement="yes"></b:section></span><br /><span style="color: red;">    </span><br /><span style="color: red;">   </span><br /><div style="clear: both;"></div><span style="color: red;"></span><br /><span style="color: red;">    </span><br /><span style="color: red;"><!-- Main Above Area End --></span><br style="color: #333333;" /><span style="color: red;"><br /></span><span style="color: red;">    </span><br /><div class="region-inner main-inner"></div><span style="color: red;"></span><br /><div><hr /><div style="text-align: center;"><div style="text-align: left;"></div></div><div><div style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><b>ขั้นตอนที่ 9.</b> วิธีเพิ่มจำนวนคอลัมน์สำหรับใส่กล่อง Gadget<br /><br />ถ้ารู้สึกว่าคอลัมน์สำหรับใส่กล่อง Gadget มีแค่สองอันมันน้อยไป ก็ใส่เพิ่มอีกได้<br />ซึ่งวิธีคือให้คัดลอกโค้ดที่มีอยู่แล้วนำไปวางต่อจากโค้ดเดิม จากนั้นก็ปรับหมายเลขและขนาดให้รวมกันได้ 100%<br /><br />ตัวอย่างวิธีการเพิ่มจำนวนคอลัมน์เช่น ถ้าผมต้องการให้จากเดิมที่มีอยู่ 2 คอลัมน์ให้กลายเป็น 3 คอลัมน์ก็ทำได้โดยปรับโค้ดในขั้นตอนที่ 2 และ 3 ใหม่ดังนี้</div><div style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><br /><b>ปรับจุดที่หนึ่ง</b><br />แก้ไขโค้ดขั้นตอนที่ 2 ซึ่งแบบเดิมเขียนไว้ว่า<br /><span style="color: red;">div#main-above-1.main.section,</span><br /><span style="color: red;">div#main-above-2.main.section {</span><br />ให้กลายเป็นโค้ดใหม่ดังนี้<br /><span style="color: red;">div#main-above-1.main.section,</span><br /><span style="color: red;">div#main-above-2.main.section,</span><br /><span style="color: red;">div#main-above-3.main.section {</span><br /><br /><b>ปรับจุดที่สอง</b><br />แก้ไขโค้ดขั้นตอนที่ 2 ซึ่งแบบเดิมเขียนไว้ว่า<br /><span style="color: red;">div#main-above-1.main.section .widget,</span><br /><span style="color: red;">div#main-above-2.main.section .widget {</span><br />ให้กลายเป็นโค้ดใหม่ดังนี้<br /><span style="color: red;">div#main-above-1.main.section .widget,</span><br /><span style="color: red;">div#main-above-2.main.section .widget,</span><br /><span style="color: red;">div#main-above-3.main.section .widget {</span><br /><br /><b>ปรับจุดที่สาม</b><br />แก้ไขโค้ดขั้นตอนที่ 3 ตรงโค้ดกล่อง Gadget ซึ่งเดิมเขียนไว้ว่า<br /><span style="color: red;">    </span><br /><div style="float: right; width: 50%;"></div><span style="color: red;"></span><br /><span style="color: red;">      <b:section class="main" id="main-above-2" showaddelement="yes"></b:section></span><br /><span style="color: red;">    </span></div></div></div><br />โดยคัดลอกโค้ดดังกล่าว จากนั้นก็เปลี่ยนหมายเลขลำดับให้กลายเป็นแบบใหม่ โดยเพิ่มเลขจำนวนลงไปจากเลข 2 กลายเป็นเลข 3 ซึ่งเขียนได้ว่า<br /><span style="color: red;">    </span><br /><div style="float: right; width: 50%;"></div><span style="color: red;"></span><br /><span style="color: red;">      <b:section class="main" id="main-above-3" showaddelement="yes"></b:section></span><br /><span style="color: red;">    </span><br />จากนั้นก็แล้วนำโค้ดที่แก้ไขแล้วไปวางต่อท้ายจากของเดิมเป็นดังนี้<br /><span style="color: red;">    </span><br /><div style="float: right; width: 50%;"></div><span style="color: red;"></span><br /><span style="color: red;">      <b:section class="main" id="main-above-2" showaddelement="yes"></b:section></span><br /><span style="color: red;">    </span><br /><span style="color: red;">    </span><br /><div style="float: right; width: 50%;"></div><span style="color: red;"></span><br /><span style="color: red;">      <b:section class="main" id="main-above-3" showaddelement="yes"></b:section></span><br /><span style="color: red;">    </span><br /><br /><b>ปรับจุดที่สี่</b><br />ขณะนี้กล่องทั้ง 3 ใบจะมีการแบ่งสัดส่วนเป็น 50%, 50%, 50% ตามลำดับ<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOJ5t_oKNMHc25dgwKAJjhFebCEcudRzkYh_pw8ouIQjDfo6WTXioZRuoA76QiCy-OZnG6ZpczNe-NzWkP8o7vYmPHncUn_qwiZcd9lB66gflup-nVWnUVQJCq1YYnBr2RUnn2gSfrWog/s640/blogger-multi-column-between-page-navigation-and-post-013.png" imageanchor="1" style="border: none; color: #0099ff; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOJ5t_oKNMHc25dgwKAJjhFebCEcudRzkYh_pw8ouIQjDfo6WTXioZRuoA76QiCy-OZnG6ZpczNe-NzWkP8o7vYmPHncUn_qwiZcd9lB66gflup-nVWnUVQJCq1YYnBr2RUnn2gSfrWog/s1600/blogger-multi-column-between-page-navigation-and-post-013.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" /></a></div><br /><br />แต่ผมต้องการให้แบ่งเป็น 3 ส่วนจึงแก้ไขการแบ่งสัดส่วนเป็น 33%, 34%, 33% ตามลำดับ จะได้ผลดังนี้<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl87CPXx2fZPfyC1rsgD-k0eYj8UfPlAix-wvA5TF_fd0U4W_eWznelT2groYnPMLPqlwy17D7A5gnxOv6t3ZS_OVsd1uE8Lee3Wc9Ee39vL2wKq1tfPC0XFmrE5-d6sBw8PGYH4DDNyQ/s640/blogger-multi-column-between-page-navigation-and-post-014.png" imageanchor="1" style="border: none; color: #0099ff; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl87CPXx2fZPfyC1rsgD-k0eYj8UfPlAix-wvA5TF_fd0U4W_eWznelT2groYnPMLPqlwy17D7A5gnxOv6t3ZS_OVsd1uE8Lee3Wc9Ee39vL2wKq1tfPC0XFmrE5-d6sBw8PGYH4DDNyQ/s1600/blogger-multi-column-between-page-navigation-and-post-014.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" /></a></div><br />หรืออาจลองปรับการแบ่งสัดส่วนเป็น 75%, 25%, 100% ก็จะได้ผลดังนี้<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnU6pk9P3D6iX13vV_j6pt_M-y3xMw56iwB5oh7eW6J_ITfi6DoLYxZ1qxFRuqHVNjiza7EoTxfDwfFFxyS0o7fdMnAKpWT4Dw3r7bBAbthSY6bSwWQ7narPHzxRkT3bhXZJvQlkAmBOs/s640/blogger-multi-column-between-page-navigation-and-post-015.png" imageanchor="1" style="border: none; color: #0099ff; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnU6pk9P3D6iX13vV_j6pt_M-y3xMw56iwB5oh7eW6J_ITfi6DoLYxZ1qxFRuqHVNjiza7EoTxfDwfFFxyS0o7fdMnAKpWT4Dw3r7bBAbthSY6bSwWQ7narPHzxRkT3bhXZJvQlkAmBOs/s1600/blogger-multi-column-between-page-navigation-and-post-015.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" /></a></div><br />ซึ่งถ้าใช้วิธีนี้ก็จะเพิ่มจำนวนกล่องได้เรื่อยๆ<br />เช่น ตัวอย่างการแบ่งสัดส่วนแบบสี่กล่องใบละ 25% ดังนี้<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkvjdlFl1WZejaPNkFCo1sIYV92QLKVnrU6Z1RPCKxQGwQ3P3U7JkrAMHiwnDps4qv8wDnyqXiK9XqwttSsNSBWs9zJPe6SBF_mraybLL5nQMAtfRC6mzHpGw1tnJYmXPmMQ_xcichPbs/s640/blogger-multi-column-between-page-navigation-and-post-016.png" imageanchor="1" style="border: none; color: #0099ff; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkvjdlFl1WZejaPNkFCo1sIYV92QLKVnrU6Z1RPCKxQGwQ3P3U7JkrAMHiwnDps4qv8wDnyqXiK9XqwttSsNSBWs9zJPe6SBF_mraybLL5nQMAtfRC6mzHpGw1tnJYmXPmMQ_xcichPbs/s1600/blogger-multi-column-between-page-navigation-and-post-016.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: #f4f2ef; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 6px; position: relative;" /></a></div><br /><hr /><div style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><b>ขั้นตอนที่ 10.</b> สามารถซ่อนการแสดงผลกล่อง Gadget นี้ให้มองเห็นแค่ในหน้าแรกหรือหน้าบทความก็ได้<br /><br />โดยแทนที่โค้ดที่เขียนว่า<br /><span style="color: red;">]]></span></div><br />ด้วยโค้ดแบบใดแบบหนึ่งดังนี้<br /><br /><b>ทำให้ผู้ชมมองไม่เห็นขณะอยู่ในหน้าแรก</b><br /><span style="color: red;">]]></span><br /><b:if cond="data:blog.pageType == "index""><br /><style><br>.main-above-outer {<br>display: none;<br>}<br></style></b:if><div style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><span style="color: red;"></span></div><br /><b><br /></b><b>ทำให้ผู้ชมมองไม่เห็น</b><b>ขณะ</b><b>อยู่ในหน้าบทความ</b><br /><div><span style="color: red;">]]></span></div><br /><b:if cond="data:blog.pageType != "index""><br /><style><br>.main-above-outer {<br>display: none;<br>}<br></style></b:if><div><span style="color: red;"></span></div><br /><br />หรืออาจดูกำหนดเงื่อนไขในการแสดงผลแบบอื่นได้ที่ลิงก์นี้ครับ<br /><a href="http://tip.maxlayout.com/2012/11/targeting-specific-pages-urls-with-conditional-tags.html" style="border: none; color: #33aaff;">http://tip.maxlayout.com/2012/11/targeting-specific-pages-urls-with-conditional-tags.html</a>

การแทรกเครื่องมือแบบหลายคอลัมน์ไว้ระหว่างปุ่มเลือกหน้าและบทความ

บทความนี้จะอธิบายวิธีแทรกช่องใส่เครื่องมือ Gadget แบบหลายคอลัมน์ไว้ระหว่างปุ่มเลือกหน้ากับบทความ รวมทั้งการปรับขนาดของคอลัมน์เครื่องมือเหล่า...

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