Thaisite66

วิธีการส่งเว็บไซต์ 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, การให้ความช่วยเหลือกับเว็...

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

16:28

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

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

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

12:03

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

<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;"></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;"></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;"></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;"></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;"></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;"></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;"></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;"></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 แบบหลายคอลัมน์ไว้ระหว่างปุ่มเลือกหน้ากับบทความ รวมทั้งการปรับขนาดของคอลัมน์เครื่องมือเหล่า...

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

08:50

10 เครื่องมือ Google ฟรี SEO ที่ควรใช้

<span style="color: #20124d;"><span class="notranslate" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22.390625px; text-align: justify;">"SEO หมายถึง Search Engine Optimization"</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22.390625px; text-align: justify;"> </span><span class="notranslate" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22.390625px; text-align: justify;">เพิ่มประสิทธิภาพกลไกค้นหาเป็นปัจจัยที่สำคัญที่สุดสำหรับเว็บไซต์หรือบล็อกถ้าคุณต้องการที่จะได้รับหรือได้รับผู้เข้าชมอินทรีย์และต้องการที่จะดูที่เว็บไซต์หรือบล็อกของคุณในหน้าแรกของผลการค้นหา</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22.390625px; text-align: justify;"> </span><span class="notranslate" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22.390625px; text-align: justify;">เราควรจะใช้เครื่องมือบาง Google SEO ฟรีสำหรับ SEO ที่ดีขึ้นของเว็บไซต์หรือบล็อก</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22.390625px; text-align: justify;"> </span><span class="notranslate" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22.390625px; text-align: justify;">เว็บหรืออินเทอร์เน็ตที่เต็มไปด้วยเครื่องมือ SEO ฟรีและคำแนะนำ SEO ฟรี แต่อย่างไรคุณรู้ว่าคนที่คุณสามารถไว้วางใจ?</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22.390625px; text-align: justify;"> </span><span class="notranslate" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22.390625px; text-align: justify;">ก่อนที่คุณจะใช้จ่ายเงินใด ๆ ในแคมเปญการเพิ่มประสิทธิภาพเครื่องมือค้นหาสำหรับเว็บไซต์ของคุณใช้ประโยชน์จากเครื่องมือฟรีของ Google เพื่อเพิ่มประสิทธิภาพเว็บไซต์ของคุณและเพิ่ม PageRank ของ</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22.390625px; text-align: justify;"> </span><span class="notranslate" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22.390625px; text-align: justify;">และถ้าคุณเพิ่งเริ่มออกกับ SEO, การตรวจสอบ <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dblogger%2Bseo%2Btips%26biw%3D1920%26bih%3D988&rurl=translate.google.co.th&sl=en&u=http://www.google.com/url%3Fsa%3Dt%26rct%3Dj%26q%3D%26esrc%3Ds%26source%3Dweb%26cd%3D1%26ved%3D0CKsBEBYwAA%26url%3Dhttp%253A%252F%252Fwww.google.com%252Fwebmasters%252Fdocs%252Fsearch-engine-optimization-starter-guide.pdf%26ei%3Du3HXT-mSBoKn8AG8gYGOBQ%26usg%3DAFQjCNEMj8KHxhxQz9cMLoMxMDiLdrAbJw&usg=ALkJrhjAyFhplUCdnhp1Ur3yVux5-ojyYQ" rel="nofollow" style="text-decoration: none;" target="_blank">ของ Google Search Engine Optimization คู่มือเริ่มต้น PDF</a></span></span><br /><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><span style="color: #20124d;"><br /></span><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-hKUfMNJ75_QF7c0WCvy5c8mIT9zsYXdJ6br3UU50tvr3COu66TZT3v7KOS5hcuFyEsMHLpcNieuScv3_tUrutRD15N5rdiMv1wLlndmcq52hnpDIlfXlNDv47Ug0WXKqcBFzcmHsBHN/s1600/guyi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-hKUfMNJ75_QF7c0WCvy5c8mIT9zsYXdJ6br3UU50tvr3COu66TZT3v7KOS5hcuFyEsMHLpcNieuScv3_tUrutRD15N5rdiMv1wLlndmcq52hnpDIlfXlNDv47Ug0WXKqcBFzcmHsBHN/s1600/guyi.jpg" width="352" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: #20124d;"><span class="notranslate" style="font-family: Arial, Helvetica, sans-serif; line-height: 22.390625px; text-align: justify;">เพิ่มประสิทธิภาพกลไกค้นหาเป็นเรื่องง่ายเมื่อใช้เครื่องมือ SEO ที่มีประสิทธิภาพที่สร้างขึ้นโดยนักพัฒนาเครื่องมือค้นหาจริง</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 22.390625px; text-align: justify;"> </span><span class="notranslate" style="font-family: Arial, Helvetica, sans-serif; line-height: 22.390625px; text-align: justify;">ในด้านล่างได้รับ 10 เครื่องมือ Google ฟรี SEO เพื่อเพิ่มประสิทธิภาพเว็บไซต์หรือบล็อก:</span></span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;"><a href="https://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dblogger%2Bseo%2Btips%26biw%3D1920%26bih%3D988&rurl=translate.google.co.th&sl=en&u=https://www.google.com/webmasters/tools/home%3Fhl%3Den&usg=ALkJrhjERRQWDevcl4tnyLB10VmfvDXcRQ" target="_blank">Google เครื่องมือเว็บมาสเตอร์ </a></span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;">Google เครื่องมือเว็บมาสเตอร์แสดงให้คุณเห็นวิธีการที่ Google รวบรวมข้อมูลและดัชนีเว็บไซต์ของคุณ เรียนรู้เกี่ยวกับปัญหาใด ๆ Google จะมีการจัดทำดัชนี URL ที่เว็บไซต์ของคุณ ระบุการค้นหาด้านบนที่อัตราการเข้าชมเว็บไซต์ของคุณรวมทั้งเชื่อมโยงไปยังเว็บไซต์ของคุณ แบ่งปันข้อมูลเช่นวิธีมักจะเปลี่ยนหน้าเว็บที่สำคัญของคุณเพื่อปรับปรุงการแสดงผลของเว็บไซต์ของคุณ</span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dblogger%2Bseo%2Btips%26biw%3D1920%26bih%3D988&rurl=translate.google.co.th&sl=en&u=http://www.google.com/analytics/&usg=ALkJrhgLYpHXvfmr8rRzOJAIBUOBoHViug" target="_blank"><span style="color: blue;">Google Analytics </span></a></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;">Google Analytics ช่วยให้คุณสามารถวัดการขายและการแปลงและช่วยให้คุณเข้าถึงพฤติกรรมของผู้เข้าชม เข้าใจว่าส่วนของเว็บไซต์ของคุณมีประสิทธิภาพดี, วัดความสำเร็จของโปรแกรมสื่อทางสังคมของคุณและสร้างที่ดีกว่าเป้าหมาย คุณจะต้องตัดสินใจด้วยตัวเองสิ่งที่สำคัญมากขึ้นเครื่องมือการวิเคราะห์ที่มีประโยชน์มากหรือความจริงที่ว่า Matt Cutts สามารถดูใต้กระโปรงของคุณ</span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;"><a href="https://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dblogger%2Bseo%2Btips%26biw%3D1920%26bih%3D988&rurl=translate.google.co.th&sl=en&u=https://accounts.google.com/ServiceLogin%3Fservice%3Dbranding%26passive%3D1209600%26continue%3Dhttps://www.google.com/adplanner/%26followup%3Dhttps://www.google.com/adplanner/%26ltmpl%3Dadplanner%26authuser%3D0&usg=ALkJrhikgKCZ3-N4o7UQYAugA6phLvO-sw" target="_blank">DoubleClick Ad Planner </a></span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;">DoubleClick Ad Planner เป็นเครื่องมือในการช่วยให้คุณวางแผนแคมเปญโฆษณาออนไลน์ที่มีประสิทธิภาพ นอกจากนี้คุณยังสามารถใช้ในการค้นหาเว็บไซต์ของคู่แข่งสำหรับสถิติการจราจรเช่นมุมมองหน้าและคำหลักที่ค้นหา ใช้ข้อมูลในการปรับแต่งแคมเปญที่ประสบความสำเร็จของคุณเอง</span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><a href="https://plus.google.com/u/0/?tab=jX" target="_blank"><span style="color: blue;">Google + </span></a></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;">เมื่อใช้ Google+ แบ่งปันบางสิ่งบางอย่างกับเพื่อนคนอื่น ๆ กับครอบครัวและเกือบจะไม่มีอะไรกับเจ้านายของคุณ. Google + เป็นแพลตฟอร์มสื่อสังคมของ Google ที่จะร่วมกันทำงานร่วมกันและสร้าง เริ่มต้นบัญชีของ Google+ และการพัฒนาแบรนด์ของคุณผ่านทางกลุ่มจะช่วยให้ได้รับ PageRank สูงและลิงก์ย้อนกลับไปยังเว็บไซต์ของคุณ</span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><a href="https://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dblogger%2Bseo%2Btips%26biw%3D1920%26bih%3D988&rurl=translate.google.co.th&sl=en&u=https://developers.google.com/speed/pagespeed/insights&usg=ALkJrhj5yo7UvYORIs97lukEMYiK8ot-1g" target="_blank"><span style="color: blue;">Google API <span style="font-family: Georgia, Times New Roman, serif;"><span class="notranslate" style="line-height: 25px;">PageSpeed</span><span style="line-height: 25px;"> </span></span></span></a></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;">มันเป็นเครื่องมือ SEO ที่สำคัญที่สุดสำหรับเว็บไซต์หรือบล็อก ใช้ Google หน้าความเร็วในการวิเคราะห์และเพิ่มประสิทธิภาพเว็บไซต์ของคุณ ระบุสาเหตุที่เว็บไซต์ของคุณจะช้าเกินไปและใช้วิธีการที่ดีที่สุดเพื่อให้ได้อย่างรวดเร็ว ลดเวลาในการโหลดหน้าสามารถลดอัตราตีกลับและเพิ่มอัตราการแปลงและการส่งเสริมสุขภาพของเว็บไซต์ของคุณ</span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;"><a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dblogger%2Bseo%2Btips%26biw%3D1920%26bih%3D988&rurl=translate.google.co.th&sl=en&u=http://www.google.com/trends/&usg=ALkJrhh936I8xJyli8SiG79W1YrnsLur4A" target="_blank">Google Trends </a></span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;">Google Trends ช่วยให้คุณเปรียบเทียบเข้าชมสำหรับคำค้นหายอดนิยมและเว็บไซต์ นอกจากนี้คุณยังสามารถเปรียบเทียบแนวโน้มสำหรับคำค้นหาหลายหรือได้รับผู้เข้าชมที่ไม่ซ้ำกันในชีวิตประจำวันสำหรับหลายเว็บไซต์ ใช้ประโยชน์จากแนวโน้มในแคมเปญคำหลักของคุณจะได้รับการกระโดดในคู่แข่งของคุณ วิธีการที่คุณสามารถระบุได้ว่าหัวข้อที่จะเพิ่มขึ้นในความนิยมหรือไม่นี้ ทำงานร่วมกันได้ดีกับ Google ไกสต์และ Google Insight สำหรับการค้นหา</span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;"><a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dblogger%2Bseo%2Btips%26biw%3D1920%26bih%3D988&rurl=translate.google.co.th&sl=en&u=http://www.google.com/insights/search/&usg=ALkJrhhSr1k5r27qomxmSe7EqOdNbG7vag" target="_blank">Google Insights for Search </a></span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;">Google Insights for Search ช่วยให้คุณสามารถเปรียบเทียบรูปแบบปริมาณการค้นหาทั่วภูมิภาคหมวดหมู่และกรอบเวลาในการค้นหาคำหรือวลี ติดตามคำค้นหาและหาลูกค้าที่มีศักยภาพขึ้นอยู่กับปริมาณการค้นหาของพวกเขา ข้อมูลเชิงลึกสำหรับการค้นหาเป็นเช่น Google Trends บนเตียรอยด์ คุณสามารถดูคำหลักส่วนใหญ่ที่นี่แม้กระทั่งผู้ที่ไม่เป็นที่นิยมในทุก เปรียบเทียบถึงห้าคำหลักและการจราจรที่ตามมาของพวกเขา</span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;"><a href="https://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dblogger%2Bseo%2Btips%26biw%3D1920%26bih%3D988&rurl=translate.google.co.th&sl=en&u=https://adwords.google.com/o/Targeting/Explorer%3F__u%3D6956242079%26__c%3D3134051639%26ideaRequestType%3DKEYWORD_IDEAS&usg=ALkJrhjz6Hl99vmUPApXwOZsB1jeJJiVyQ#search.none" target="_blank">เครื่องมือคำหลัก Google AdWords </a></span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;">เครื่องมือคำหลัก Google AdWords เป็นวิธีที่ดีที่จะได้รับความคิดของคำหลักและหาข้อความที่ดีที่สุดสำหรับผู้ชมของคุณ ระบุสิ่งที่คำหรือวลีที่จะขับรถเข้าชมมากที่สุดในเว็บไซต์ของคุณ นี้เป็นเครื่องมือที่คลาสสิก มันบอกว่า "Adwords" แต่คุณสามารถใช้มันเพื่อหาผู้เข้าชมจำนวนคำหลักที่อาจจะสามารถนำไปยังเว็บไซต์ของคุณ เครื่องมือคำหลักเป็นเหมือนประมาณการการเข้าชม แต่จากมุมที่แตกต่าง บางคนชอบที่คนอื่นต้องการให้ คุณจะต้องการที่จะตรวจสอบทั้งสองเพื่อให้แน่ใจว่าคุณอยู่ในการติดตามที่เหมาะสมกับคำหลักของคุณ เครื่องมือนี้อย่างมากช่วยให้คุณสามารถหาคำหลักที่เกี่ยวข้องกับเว็บไซต์หรือคำหลักที่มีอยู่ทั้งสองหรือมากกว่า มันเชื่อมต่อกับ Google Insights for Search เป็นวิธีที่มีประโยชน์มาก</span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;"><a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dblogger%2Bseo%2Btips%26biw%3D1920%26bih%3D988&rurl=translate.google.co.th&sl=en&u=http://www.google.com/alerts&usg=ALkJrhgqri3jlmnuB48FPHnojAmLAYRJgA" target="_blank">Google Alerts </a></span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;">Google Alerts มีตาม Google "อีเมลที่ส่งถึงคุณเมื่อ Google พบผลใหม่ - เช่นหน้าเว็บบทความในหนังสือพิมพ์หรือบล็อก -. ที่ตรงกับคำค้นหาของคุณ" ใส่คำหรือวลีที่ประเภทของข้อมูลที่คุณต้องการที่จะดึงปริมาณของผลที่คุณต้องการและได้รับมันทั้งหมดผ่านทางอีเมล์ ตรวจสอบคู่แข่งของคุณหรือติดตามผลลัพธ์ของ Google ที่เกี่ยวข้องล่าสุด</span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;"><a href="https://translate.googleusercontent.com/translate_c?depth=1&hl=th&prev=/search%3Fq%3Dblogger%2Bseo%2Btips%26biw%3D1920%26bih%3D988&rurl=translate.google.co.th&sl=en&u=https://www.google.com/adplanner/&usg=ALkJrhjZSg2LKsgNZ0LsuPqFjprHzKlUzw" target="_blank">Google Ad Planner </a></span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;">Google Ad Planner เป็นเหมือน Alexa และ SpyFu ในหนึ่ง ใช้มันเพื่อกลั่นกรองเว็บไซต์ที่นิยมหรือคู่แข่งของคุณสำหรับคำหลักที่หน่วยสืบราชการลับหรือทั้งสองอย่าง</span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;"></span></div><div style="text-align: justify;"><span style="color: #20124d;">เหล่านี้เป็นหนึ่งในสิบของเครื่องมือที่ดีที่สุดของ Google SEO ฟรีที่คุณสามารถใช้เพื่อแข่งขันกับหน่วยงานที่มีขนาดใหญ่หรือ บริษัท ผมคิดว่าถ้าคุณใช้เครื่องมือเหล่านี้สิบของ Google SEO สำหรับเว็บไซต์หรือบล็อกของคุณคุณจะได้รับประโยชน์สำหรับ SEO ที่ดีขึ้นสำหรับเว็บไซต์หรือบล็อกหรือหน้าเว็บของคุณ</span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;"><br /></span></div><div style="text-align: justify;"><span style="color: #20124d;"></span></div><a name="more"></a><span style="color: #20124d;"><br /></span>

10 เครื่องมือ Google ฟรี SEO ที่ควรใช้

"SEO หมายถึง Search Engine Optimization" เพิ่มประสิทธิภาพกลไกค้นหาเป็นปัจจัยที่สำคัญที่สุดสำหรับเว็บไซต์หรือบล็อกถ้าคุณต้องการที...

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

18:46