แสดงหน้าต่าง Facebook Like Box ขณะเปิดหน้าเว็บโดยเลือกความถี่ได้ตามต้องการ

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL_itonm_inrU8ERKWN5hzvLewWVgPPkLEJjKLzrmJDqVEK-j3bv1fOSXcOzjtbRVpzWe_oH2Pyf-zQQU9zI5xcmC85VXp5wkyV8aR1wcPt136CpXEX-5ZvU3ZDUeYlICjDSgySvltLyg/s1600/%E0%B8%B0%E0%B8%9E%E0%B8%B5%E0%B8%B0%E0%B8%B0%E0%B8%B3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL_itonm_inrU8ERKWN5hzvLewWVgPPkLEJjKLzrmJDqVEK-j3bv1fOSXcOzjtbRVpzWe_oH2Pyf-zQQU9zI5xcmC85VXp5wkyV8aR1wcPt136CpXEX-5ZvU3ZDUeYlICjDSgySvltLyg/s1600/%E0%B8%B0%E0%B8%9E%E0%B8%B5%E0%B8%B0%E0%B8%B0%E0%B8%B3.jpg" width="400" /></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;"><br /></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">บทความนี้จะเป็นวิธีแสดงหน้าต่าง Pop-up ของกล่อง Facebook Likebox ลอยขึ้นมาต้อนรับผู้เข้าชมบล็อกในขณะสั่งเปิดหน้าเว็บขึ้นมาไหม่ โดยเราสามารถเลือกความถี่หรือระยะเวลาพักก่อนปรากฏในครั้งต่อไปได้ตามที่เราต้องการ </span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">ซึ่งค่าเบื้องต้นที่ได้ถูกตั้งไว้ในโค้ดตัวอย่างข้างล่างนี้จะเป็นการสั่งให้หน้าต่าง Pop-up ปรากฏขึ้นมาทุกครั้งพร้อมการเปิดหน้าเว็บขึ้นใหม่ โดยที่ผมตั้งไว้แบบนี้ก็เพื่อให้ง่ายต่อการนำไปทดสอบ แต่เวลานำไปใช้จริงก็ควรเปลี่ยนความถี่ให้น้อยลงตามวิธีจากส่วนอธิบายเพิ่มเติม เพราะถ้าบ่อยไปผู้ชมอาจรำคาญได้</span></div><br 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;">ขั้นตอนที่ 1.</b><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;">'การออกแบบ > องค์ประกอบของหน้า'</span><br /><br 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;"> ให้เลือกเพิ่ม Gadget แบบ </span><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;" /><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><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: #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;">'บันทึก' </span><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">ก็เสร็จแล้ว</span><br /><hr style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><div class="separator" style="clear: both;"><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><style><br />/*<br />ColorBox Core Style:<br />The following CSS is consistent between example themes and should not be altered.<br />*/<br />#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}<br />#cboxOverlay{position:fixed; width:100%; height:100%;}<br />#cboxMiddleLeft, #cboxBottomLeft{clear:left;}<br />#cboxContent{position:relative;}<br />#cboxLoadedContent{overflow:auto;}<br />#cboxTitle{margin:0;}<br />#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}<br />#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}<br />.cboxPhoto{float:left; margin:auto; border:0; display:block;}<br />.cboxIframe{width:100%; height:100%; display:block; border:0;}<br />/*<br /><br />User Style:<br />Change the following styles to modify the appearance of ColorBox. They are<br />ordered & tabbed in a way that represents the nesting of the generated HTML.<br />*/<br />#cboxOverlay{background:#000;opacity:0.5 !important;}<br />#colorbox{<br />box-shadow:0 0 15px rgba(0,0,0,0.4);<br />-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);<br />-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);<br />}<br />#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifQavgBxmyn2QVJij2oOj8jkvEriWG36JxCcGkwMkXXWGJ4hyphenhyphenCxA4hzwBywICNSnBjHAiFv0JwDBGNIyUppU8GO22dYZ_EtAJA4GjMDn8frcYZ4AzO5ihPu-wEbrKycf43vDSjM125WGAA/s1600/controls.png) no-repeat 0 0;}<br />#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixdg14aB6ovKzm1zFyTNhEbyZtrtuV9jqSb_WRA74aP0iGuuu9IvxRNJf4HKQxyjbhpPk5VM6sutIN-q6rF3FuEe_4HLxWhsqZwkBB89JtNwunadOazYlLzVN2hK35AeBQlrxfl5NAUowU/s1600/border.png) repeat-x top left;}<br />#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifQavgBxmyn2QVJij2oOj8jkvEriWG36JxCcGkwMkXXWGJ4hyphenhyphenCxA4hzwBywICNSnBjHAiFv0JwDBGNIyUppU8GO22dYZ_EtAJA4GjMDn8frcYZ4AzO5ihPu-wEbrKycf43vDSjM125WGAA/s1600/controls.png) no-repeat -36px 0;}<br />#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifQavgBxmyn2QVJij2oOj8jkvEriWG36JxCcGkwMkXXWGJ4hyphenhyphenCxA4hzwBywICNSnBjHAiFv0JwDBGNIyUppU8GO22dYZ_EtAJA4GjMDn8frcYZ4AzO5ihPu-wEbrKycf43vDSjM125WGAA/s1600/controls.png) no-repeat 0 -32px;}<br />#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixdg14aB6ovKzm1zFyTNhEbyZtrtuV9jqSb_WRA74aP0iGuuu9IvxRNJf4HKQxyjbhpPk5VM6sutIN-q6rF3FuEe_4HLxWhsqZwkBB89JtNwunadOazYlLzVN2hK35AeBQlrxfl5NAUowU/s1600/border.png) repeat-x bottom left;}<br />#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifQavgBxmyn2QVJij2oOj8jkvEriWG36JxCcGkwMkXXWGJ4hyphenhyphenCxA4hzwBywICNSnBjHAiFv0JwDBGNIyUppU8GO22dYZ_EtAJA4GjMDn8frcYZ4AzO5ihPu-wEbrKycf43vDSjM125WGAA/s1600/controls.png) no-repeat -36px -32px;}<br />#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifQavgBxmyn2QVJij2oOj8jkvEriWG36JxCcGkwMkXXWGJ4hyphenhyphenCxA4hzwBywICNSnBjHAiFv0JwDBGNIyUppU8GO22dYZ_EtAJA4GjMDn8frcYZ4AzO5ihPu-wEbrKycf43vDSjM125WGAA/s1600/controls.png) repeat-y -175px 0;}<br />#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifQavgBxmyn2QVJij2oOj8jkvEriWG36JxCcGkwMkXXWGJ4hyphenhyphenCxA4hzwBywICNSnBjHAiFv0JwDBGNIyUppU8GO22dYZ_EtAJA4GjMDn8frcYZ4AzO5ihPu-wEbrKycf43vDSjM125WGAA/s1600/controls.png) repeat-y -211px 0;}<br />#cboxContent{background:#fff; overflow:visible;}<br />#cboxLoadedContent{margin-bottom:5px;}<br />#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrBirEEHtMNj_2vG0LYM5dTTetaOsh62mElbOefowQtHlU05VRfmGATynGqIf57EDCzadPkBFzuPHsjZXYdHdpnqy0V0aAKEKUJH6p4WZQTbsGr-DFgmzBoaJs50noO7voL9E0J5Z4EBIE/s1600/loading-background.png) no-repeat center center;}<br />#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2P2pDasToDTBk6Y1eEzAsRJAloPRTA8SI67hwoLgJmaZX0OxHXWXD5RlPy4j6FVi8LvusDSkEqC9fDXLd9q-YrPUONpOXm-5SCWTCp6TCJirRbTD_k2jDBM-aKaVKAtxpnZ3pZkeTXNTp/s1600/loading.gif) no-repeat center center;}<br />#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}<br />#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}<br />#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifQavgBxmyn2QVJij2oOj8jkvEriWG36JxCcGkwMkXXWGJ4hyphenhyphenCxA4hzwBywICNSnBjHAiFv0JwDBGNIyUppU8GO22dYZ_EtAJA4GjMDn8frcYZ4AzO5ihPu-wEbrKycf43vDSjM125WGAA/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}<br />#cboxPrevious{left:0px; background-position: -51px -25px;}<br />#cboxPrevious.hover{background-position:-51px 0px;}<br />#cboxNext{left:27px; background-position:-75px -25px;}<br />#cboxNext.hover{background-position:-75px 0px;}<br />#cboxClose{right:0; background-position:-100px -25px;}<br />#cboxClose.hover{background-position:-100px 0px;}<br />.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}<br />.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}<br />.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}<br />.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}<br />/*-----------------------------------------------------------------------------------*/<br />/* Facebook Likebox popup For Blogger<br />/*-----------------------------------------------------------------------------------*/<br />#subscribe {<br />font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;<br />}<br />#subscribe a,<br />#subscribe a:hover,<br />#subscribe a:visited {<br />text-decoration:none;<br />}<br />.box-title {<br />color: #3B5998;<br />font-size: 20px !important;<br />font-weight: bold;<br />margin: 10px 0;<br />border:1px solid #ddd;<br />-moz-border-radius:6px;<br />-webkit-border-radius:6px;<br />border-radius:6px;<br />box-shadow: 5px 5px 5px #CCCCCC;<br />padding:10px;<br />line-height:25px; font-family:arial !important;<br />}<br />.box-tagline {<br />color: #999;<br />margin: 0;<br />text-align: center;<br />}<br />#subs-container {<br />padding: 35px 0 30px 0;<br />position: relative;<br />}<br />a:link, a:visited {<br />border:none;<br />}<br />.demo {<br />display:none;<br />}<br /></style><br /><br /><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script><br /><script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script><br /><script type="text/javascript"><br />jQuery(document).ready(function(){<br />if (document.cookie.indexOf('visited=true') == -1) {<br />var fifteenDays = 1000;<br />var expires = new Date((new Date()).valueOf() + fifteenDays);<br />document.cookie = "visited=true;expires=" + expires.toUTCString();<br />$.colorbox({width:"400px", inline:true, href:"#subscribe"});<br />}<br />});<br /></script><br /><!-- This contains the hidden content for inline calls --><br /><br /><div style='display:none'><br /><div id='subscribe' style='padding:10px; background:#fff;'><br /><h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3><br /><center><br /><br /><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fmaxlayout&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe><br /><br /></center><br /><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="https://plus.google.com/108378280786875080944" target="_blank">Blog Gadgets</a></p><br /></div><br /></div></span></div><hr style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><div class="separator" style="clear: both;"><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /></div><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">อธิบายเพิ่มเติม</b><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;">var fifteenDays = 1000;</span><br /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">โดยโค้ดบรรทัดนี้จะเป็นตัวกำหนดอายุของ Cookies ซึ่งเมื่อครบกำหนดก็จะทำใหหน้าจอ Pop-up นี้ถูกแสดงขึ้นมาอีกครั้ง และค่าเริ่มต้นที่ถูกตั้งไว้นี้ก็คือ สั่งให้แสดงขึ้นมาทุกครั้งที่เปิดหน้าเว็บขึ้นใหม่ซึ่งสามารถเปลี่ยนได้เองดังตัวอย่างด้านล่างนี้</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;">var fifteenDays = 1000*60*60*24*30;</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;">var fifteenDays = 1000*60*60*24*7;</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;">var fifteenDays = 1000*60*60*24;</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;">var fifteenDays = 1000*60*60;</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;">var fifteenDays = 1000*60;</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;">var fifteenDays = 1000;</span><br /><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: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">นอกจากนี้ตอนนำไปใช้เองก็อย่าลืมแก้โค้ดในบรรทัดที่ 12 นับจากข้างล่างสุดที่เดิมเขียนเอาไว้ว่า</span><br /><span style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">maxlayout</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 /><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: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Credit:</span>http://tip.maxlayout.com/2013/02/blogger-one-time-facebook-pop-up-like-box.html<br /><div style="text-align: center;"><br /></div>

แสดงหน้าต่าง Facebook Like Box ขณะเปิดหน้าเว็บโดยเลือกความถี่ได้ตามต้องการ

บทความนี้จะเป็นวิธีแสดงหน้าต่าง Pop-up ของกล่อง Facebook Likebox ลอยขึ้นมาต้อนรับผู้เข้าชมบล็อกในขณะสั่งเปิดหน้าเว็บขึ้นมาไหม่ โดยเราสามารถเ...

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

blogger การสร้างลายเซ็นแบบกำหนดเอง

<div class="MsoNormal" style="background-color: white; color: #666666; font-family: 'PT Sans'; font-size: 15px; line-height: 21px;">ลายเซ็นสำหรับบล็อกของคุณ<o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; font-family: 'PT Sans'; font-size: 15px; line-height: 21px;">ลายเซ็นเป็นชื่อของคุณที่จะปรากฏขึ้นที่ด้านล่างของบทความบล็อกของคุณ</div><div class="MsoNormal" style="background-color: white; color: #666666; font-family: 'PT Sans'; font-size: 15px; line-height: 21px;"><o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; font-family: 'PT Sans'; font-size: 15px; line-height: 21px;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; font-family: 'PT Sans'; font-size: 15px; line-height: 21px; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Zm91fIZ5ymw8Rlic4KgyAoycrz-VEZENkuH_S2m9UVutfNjbypDhwODRTGYlsidV8Mlv-YrV7pqlAnNlVA73xSROpxCfTftVFRZ_5_t7XocOXPDn71bA543RY-f-W3pDQof5CmHtNPdV/s1600/tt.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Zm91fIZ5ymw8Rlic4KgyAoycrz-VEZENkuH_S2m9UVutfNjbypDhwODRTGYlsidV8Mlv-YrV7pqlAnNlVA73xSROpxCfTftVFRZ_5_t7XocOXPDn71bA543RY-f-W3pDQof5CmHtNPdV/s1600/tt.png" width="640" /></a></div><div class="MsoNormal" style="background-color: white; color: #666666; font-family: 'PT Sans'; font-size: 15px; line-height: 21px; text-align: center;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; font-family: 'PT Sans'; font-size: 15px; line-height: 21px; text-align: center;"><br /></div><div class="MsoNormal" style="font-family: 'PT Sans'; font-size: 15px; line-height: 21px; text-align: left;"><div class="MsoNormal" style="background-color: white; color: #666666;"><span class="">ตามปกติผมใช้สีที่จะทำให้พื้นหลังสีขาวธรรมดาสำหรับลายเซ็น</span><o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666;">ขั้นแรกให้คลิกที่ปรับขนาดพิกเซลและพิมพ์ 152 ในแนวนอนและแนวตั้งใน 54</div><div class="MsoNormal" style="background-color: white; color: #666666;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666;"><br /></div><div class="separator" style="background-color: white; clear: both; color: #666666; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDbsvri6MZ0-I5KYaVw9Q2rQO8T_8V3oXStRq75BJ-tVksm-yqt5uucY7l0uU2OghsiKgCT4WHxstt9vgYYaEUcsrEqXhAYT_5CqIc8hFP_UGEE23o3ycP_THaDC8Ok7sJ98MRjfI1fD9d/s1600/white+image.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDbsvri6MZ0-I5KYaVw9Q2rQO8T_8V3oXStRq75BJ-tVksm-yqt5uucY7l0uU2OghsiKgCT4WHxstt9vgYYaEUcsrEqXhAYT_5CqIc8hFP_UGEE23o3ycP_THaDC8Ok7sJ98MRjfI1fD9d/s1600/white+image.png" width="640" /></a></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: center;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666;"><o:p></o:p></div><div style="background-color: white; color: #666666;"><span class=""><br /></span></div><div style="background-color: white; color: #666666;"><span class=""><br /></span></div><div style="background-color: white; color: #666666;"><span class=""></span><br /><div class="MsoNormal"><span class=""><span class="">นี้เป็นขนาดเฉลี่ยที่ดี แต่เห็นได้ชัดว่าคุณสามารถทำให้มันใหญ่หรือเล็กขึ้นอยู่กับขนาดที่คุณต้องการลายเซ็นของคุณจะ</span></span></div><span class=""><div class="MsoNormal">ถัดไปบันทึกภาพเปล่าที่ให้เดสก์ทอปของคุณ</div><div class="MsoNormal"><o:p></o:p></div><div class="MsoNormal"><br /></div><div class="MsoNormal">ตอนนี้ไปยังเว็บไซต์ของตัวอักษรที่คุณต้องการที่จะใช้ฉันจะแสดงให้เห็นนี้ใน<a href="http://www.picmonkey.com/" style="color: #3f5057; text-decoration: none;"><span style="color: #20124d;">picmonkey</span></a>เพราะมันน่าจะเป็นที่นิยมมากที่สุด แต่มีตัวอักษรอื่น ๆ เว็บไซต์ที่ดีออกมีเช่น<a href="http://www.1001fonts.com/" style="color: #3f5057; text-decoration: none;"><span style="color: #20124d;">1001fonts.com</span></a> . </div><div class="MsoNormal">เมื่อคุณได้รับการ picmonkey คลิกที่แก้ไขภาพและเลือกภาพที่ว่างเปล่าที่คุณเพิ่งสร้างขึ้นในสี</div></span></div><div style="background-color: white; color: #666666;"><span class=""><br /></span></div><div style="background-color: white; color: #666666;"><span class=""><br /></span></div><div style="background-color: white; color: #666666; text-align: center;"><span class=""><br /></span></div><div style="text-align: center;"><span class=""></span><br /><div class="separator" style="background-color: white; clear: both; color: #666666;"><span class=""><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKBmZ9QkzG07rCcel_2_IunGxfzJWlI_0nNhSLBOLWHbtjKX24kN7QkyW0RKnUKKO-GGFoG7f50ncM93r_AQLOaijInBvlMoXL0yE_YVutNamRHEEvlAlwXkkafl-G5S_FoU88ZAovRZ4/s1600/edit+a+photo.png" imageanchor="1" style="color: #3f5057; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKBmZ9QkzG07rCcel_2_IunGxfzJWlI_0nNhSLBOLWHbtjKX24kN7QkyW0RKnUKKO-GGFoG7f50ncM93r_AQLOaijInBvlMoXL0yE_YVutNamRHEEvlAlwXkkafl-G5S_FoU88ZAovRZ4/s640/edit+a+photo.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 0px !important; box-shadow: none !important; padding: 0px !important; position: relative;" width="640" /></a></span></div><span class=""><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">เพื่อให้ได้ตัวอักษรที่คุณเพียงแค่คลิกที่ P บนด้านซ้ายมือของหน้าจอแล้วเลือกเพิ่มข้อความ </div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="separator" style="background-color: white; clear: both; color: #666666;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8MvdWRifoyfo4bdlCgNDLPPBMQ6cqdobB02EHV2ZR4K9eS_ojz7YMgxGU7uoPsP1R3LekyRhpunnt1EdFbPkaj1sDxHjAGB98aGO3GzNP1Jyy68pUCS2FBrmlc1SGkD62zJ2LWbD7ZDo/s1600/font.png" imageanchor="1" style="color: #3f5057; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8MvdWRifoyfo4bdlCgNDLPPBMQ6cqdobB02EHV2ZR4K9eS_ojz7YMgxGU7uoPsP1R3LekyRhpunnt1EdFbPkaj1sDxHjAGB98aGO3GzNP1Jyy68pUCS2FBrmlc1SGkD62zJ2LWbD7ZDo/s640/font.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 0px !important; box-shadow: none !important; padding: 0px !important; position: relative;" width="640" /></a></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">หลังจากที่คุณพิมพ์ชื่อของคุณที่คุณสามารถเลือกแบบอักษรและสีที่คุณชอบ</div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">ถัดไปผู้คนจำนวนมากชอบที่จะเพิ่มขีดหรือสัญลักษณ์ที่อยู่ถัดจากชื่อของพวกเขา<o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">เมื่อต้องการทำเช่นนี้ให้คลิกที่กลุ่มของไอคอนขนาดเล็กทางด้านซ้าย ที่นี่คุณจะได้พบกับตันของภาพที่คุณสามารถโยนในถัดจากชื่อของคุณ<o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="separator" style="background-color: white; clear: both; color: #666666;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxOS-Zp68ixCeEo3wT4jm6S1PtZCy178txLfPuUJMnxSvCCu0BPno15F6gSqpQpgJu-fIasSr8RN1CkFjGBFGl44jE7D1a-xrTeqnvZvF8GAkoiPrF6ITktqVn0B94WkQOhKe3ALThs4E/s1600/heart.png" imageanchor="1" style="color: #3f5057; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxOS-Zp68ixCeEo3wT4jm6S1PtZCy178txLfPuUJMnxSvCCu0BPno15F6gSqpQpgJu-fIasSr8RN1CkFjGBFGl44jE7D1a-xrTeqnvZvF8GAkoiPrF6ITktqVn0B94WkQOhKe3ALThs4E/s640/heart.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 0px !important; box-shadow: none !important; padding: 0px !important; position: relative;" width="640" /></a></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">อีกครั้งถ้าคุณไม่ได้ใช้ picmonkey เพียงแค่ใช้ภาพที่คุณพบบนอินเทอร์เน็ตหรือภาพตัดปะที่คุณมีอยู่แล้ว</div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">หลังจากที่คุณได้ลายเซ็นของคุณที่กำลังมองหาแบบที่คุณชอบมันคลิก SAVE<o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="separator" style="background-color: white; clear: both; color: #666666;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQcIkgSSGpMw3owh7BkyzKWfsm8weCKJK0KIwdoQaeX4YFdGsYjwlTqOcgB69r2CBvZHr7I7J9RKYx225MxNVGp9cXqD3UnVcCjCd9x4x5StbXMaf2U_KJXo_su8fdf05j4n0aXFeYZ6A/s1600/save.png" imageanchor="1" style="color: #3f5057; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQcIkgSSGpMw3owh7BkyzKWfsm8weCKJK0KIwdoQaeX4YFdGsYjwlTqOcgB69r2CBvZHr7I7J9RKYx225MxNVGp9cXqD3UnVcCjCd9x4x5StbXMaf2U_KJXo_su8fdf05j4n0aXFeYZ6A/s640/save.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 0px !important; box-shadow: none !important; padding: 0px !important; position: relative;" width="640" /></a></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">จากนั้นให้บันทึกภาพบนเดสก์ทอปของคุณ</div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">ถัดไปไป<a href="http://photobucket.com/" style="color: #3f5057; text-decoration: none;"><span style="color: #20124d;"> </span></a><a href="http://www.blogger.com/" style="color: #3f5057; text-decoration: none;"><span style="color: #20124d;"><span id="goog_351213312"></span>Photobucket</span> <span id="goog_351213313"></span></a>เว็บไซต์<o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">ก็เคยพูดคุยเกี่ยวกับเว็บไซต์นี้มาก่อน แต่ถ้าคุณมีเว็บไซต์ที่สร้างรหัสอื่นที่มากเกินไปสิ่งที่คุณรู้สึกสะดวกสบายกับการใช้<o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">เข้าสู่ระบบหรือลงทะเบียนสำหรับบัญชีที่มีเว็บไซต์ (ได้ฟรี)<o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">จากนั้นไปที่อัพโหลดและอัปโหลดภาพของคุณ<o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="separator" style="background-color: white; clear: both; color: #666666;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP4CavqHyW2Cs-1IfWMJPE1a33xhXEEfWC6onUQ9XAkCHCdiyUOaQj6tOJFG3u5UD7XaeM4qrJJU5JZBzXWLTIruEADamLvd1REt9iQUdCtZoZEppVjq-NVnxUkGFTexbj6DpQfkubHMA/s1600/upload.png" imageanchor="1" style="color: #3f5057; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP4CavqHyW2Cs-1IfWMJPE1a33xhXEEfWC6onUQ9XAkCHCdiyUOaQj6tOJFG3u5UD7XaeM4qrJJU5JZBzXWLTIruEADamLvd1REt9iQUdCtZoZEppVjq-NVnxUkGFTexbj6DpQfkubHMA/s640/upload.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 0px !important; box-shadow: none !important; padding: 0px !important; position: relative;" width="640" /></a></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">ถัดไปภาพที่ควรจะปรากฏในกล่องขนาดเล็กให้คลิกที่กล่องที่</div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="separator" style="background-color: white; clear: both; color: #666666;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWJgLMB_yZF9YoO3fz2Nm4RVqhsTslb0VQzf4-uGUcEKJERAb2UazYgpUzjXF85ZucjXBok2Fcha92TJk5skUIZqdlboGyLuy5ZDsdw6AFiu_9FGkhIIRwIid8uh1B7SfqTity-igDP7o/s1600/click+on+image.png" imageanchor="1" style="color: #3f5057; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWJgLMB_yZF9YoO3fz2Nm4RVqhsTslb0VQzf4-uGUcEKJERAb2UazYgpUzjXF85ZucjXBok2Fcha92TJk5skUIZqdlboGyLuy5ZDsdw6AFiu_9FGkhIIRwIid8uh1B7SfqTity-igDP7o/s640/click+on+image.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 0px !important; box-shadow: none !important; padding: 0px !important; position: relative;" width="640" /></a></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">คลิกที่บรรทัดที่ระบุว่าโดยตรงนี้จะคัดลอกสายทั้งหมด</div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="separator" style="background-color: white; clear: both; color: #666666;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5NIwE5RxdyQLpphlr6CGQVrHr8PjSEp3ZQKKYlQ5iSDnrvt7C6267IFBuPZIGpdkVFhyEFDJi_VmS2G138hJmgviRS45IpMIP3_scInEh3GzrlFPi7btPwv0isTY0_JDp-r_HVq7IPH0/s1600/direct+link.png" imageanchor="1" style="color: #3f5057; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5NIwE5RxdyQLpphlr6CGQVrHr8PjSEp3ZQKKYlQ5iSDnrvt7C6267IFBuPZIGpdkVFhyEFDJi_VmS2G138hJmgviRS45IpMIP3_scInEh3GzrlFPi7btPwv0isTY0_JDp-r_HVq7IPH0/s640/direct+link.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 0px !important; box-shadow: none !important; padding: 0px !important; position: relative;" width="640" /></a></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">วางสายลงในรหัสนี้เป็นรหัสนี้ในสถานที่ของตัวอักษรสีแดงที่ทำให้ภายในเครื่องหมายคำพูด</div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><span style="font-family: Verdana, sans-serif; font-size: 9pt; line-height: 13px;"><img src = " <span style="color: red;">วางคือรหัสของคุณที่นี่</span> "/><o:p></o:p></span></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><span style="font-family: Verdana, sans-serif; font-size: 9pt; line-height: 13px;"><br /></span></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">รหัสตอนนี้คุณได้ทำงานของลายเซ็นของคุณ ลองใส่ลงในบล็อกเกอร์<o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">ไปที่หน้า Blogger ของคุณและเลือกการตั้งค่า<o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="separator" style="background-color: white; clear: both; color: #666666;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7cVjXXKcuIgymEkr9RGmkTi56facg7HvtD2sajVjJvYrzZ2Yz4HeVKQ0ASDYzAziIFlM5MYcdDk0LAvbb53iQZG7MHhaSu5M-FDPugu-scugG3Nr4d2qEKPr9OiZtFKzXDOwcS2u5ejU/s1600/settings.png" imageanchor="1" style="color: #3f5057; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7cVjXXKcuIgymEkr9RGmkTi56facg7HvtD2sajVjJvYrzZ2Yz4HeVKQ0ASDYzAziIFlM5MYcdDk0LAvbb53iQZG7MHhaSu5M-FDPugu-scugG3Nr4d2qEKPr9OiZtFKzXDOwcS2u5ejU/s640/settings.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 0px !important; box-shadow: none !important; padding: 0px !important; position: relative;" width="640" /></a></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">แล้วเลือกบทความและความคิดเห็นและวางรหัสที่คุณเพิ่งสร้างขึ้นเป็นแม่แบบการโพสต์และกดบันทึก</div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="separator" style="background-color: white; clear: both; color: #666666;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY8YzUyy8Kcfa5ct3ZEF6UUPxXJL42VU0ei8906y_VGbwrp5VTQtWDHXXqDbPfTJKyRQKyDA1WWhm9Fr-trlIBkYI0N9LYzRDD6nQvohOpdFikbnobIuhuIeybedY6eP8SqDixt648xBc/s1600/posts+and+comments.png" imageanchor="1" style="color: #3f5057; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY8YzUyy8Kcfa5ct3ZEF6UUPxXJL42VU0ei8906y_VGbwrp5VTQtWDHXXqDbPfTJKyRQKyDA1WWhm9Fr-trlIBkYI0N9LYzRDD6nQvohOpdFikbnobIuhuIeybedY6eP8SqDixt648xBc/s640/posts+and+comments.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 0px !important; box-shadow: none !important; padding: 0px !important; position: relative;" width="640" /></a></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">ปัง! คุณจะทำ<o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">คุณสามารถตรวจสอบลายเซ็นของคุณโดยเริ่มต้นโพสต์ใหม่และให้แน่ใจว่ามันแสดงให้เห็นถึง<o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="separator" style="background-color: white; clear: both; color: #666666;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg60rgblDmkIx8-IE1O9RVHuwklfyvRePaH99BIA1jpnGswthsmripiFePVSomoS-C-lgp22hKws5IHBv-ED8mvBiTOFqTl-tesZs6nK0uIqlu9AEtapjJNnLIXzHrHBkxtwapaHLHUu0/s1600/after.png" imageanchor="1" style="color: #3f5057; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg60rgblDmkIx8-IE1O9RVHuwklfyvRePaH99BIA1jpnGswthsmripiFePVSomoS-C-lgp22hKws5IHBv-ED8mvBiTOFqTl-tesZs6nK0uIqlu9AEtapjJNnLIXzHrHBkxtwapaHLHUu0/s640/after.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 0px !important; box-shadow: none !important; padding: 0px !important; position: relative;" width="640" /></a></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">ลายเซ็นนี้จะปรากฏที่ด้านล่างของข้อความทั้งหมดของคุณจากนี้ไป</div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">ถ้าคุณต้องการเพื่อเพิ่มไปยังโพสต์เก่าเพียงคว้ารหัสไปในการโพสต์เก่าและวางรหัสที่ด้านล่างที่มีมุมมอง HTM​​L ที่เลือก<o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><br /></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">ฉันหวังว่านี้เป็นประโยชน์ แจ้งให้เราทราบหากคุณติดตั้งลายเซ็นและฉันจะตรวจสอบออก<o:p></o:p></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><span style="color: black;">ถ้าคุณกำลังดูบล็อกของคุณใน Google Chrome คุณอาจเห็นกล่องสีขาวรอบลายเซ็นของคุณ</span></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><span style="color: black;"><br /></span></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;"><span style="color: black;"><br /></span></div><div class="MsoNormal" style="background-color: white; color: #666666; text-align: start;">ที่มา>>http://hubbyjacksblogattack.blogspot.com/2013/05/tutorial-tuesday-creating-custom.html</div></span></div></div>

blogger การสร้างลายเซ็นแบบกำหนดเอง

ลายเซ็นสำหรับบล็อกของคุณ ลายเซ็นเป็นชื่อของคุณที่จะปรากฏขึ้นที่ด้านล่างของบทความบล็อกของคุณ ตามปกติผมใช้สีที่จะทำให้พื้นหลังสีขาวธรรมดาสำหรั...

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

blogger การติดตั้ง Facebook Comment ที่คอมเมนท์จำแนกตามเนื้อหาในแต่ละหน้า

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMGL3N2hZyeEDBGkbr0joVKPNmqQVeadJT-YGKL8zbceNnV0l6WH3u_fzakQFPERvaFl1QaUEyLB1lZCnUKghdoUrNe5nQAGsNnsU0dYVd-VhHqK6o6PvsPm0v_0zb-pyYmIbY2oIso77S/s1600/3D-Facebook-Logo-HD-Wallpaper_Vvallpaper.Net.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMGL3N2hZyeEDBGkbr0joVKPNmqQVeadJT-YGKL8zbceNnV0l6WH3u_fzakQFPERvaFl1QaUEyLB1lZCnUKghdoUrNe5nQAGsNnsU0dYVd-VhHqK6o6PvsPm0v_0zb-pyYmIbY2oIso77S/s1600/3D-Facebook-Logo-HD-Wallpaper_Vvallpaper.Net.jpg" width="640" /></a></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: left;"><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Facebook Comment ที่จำแนกตามเนื้อหาแต่ละหน้า จะเป็นกล่องคอมเมนท์ที่แสดงความคิดเห็นของแต่ละบทความแบบแยกส่วนออกจากกัน โดยเป็นแบบที่ผู้สร้างบล็อกส่วนมากใช้กัน ซึ่งสร้างได้ดังนี้</span><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><br 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;">ขั้นตอนที่ 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 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;">'แม่แบบ > แก้ไข HTML > ดำเนินการ > ขยายเทมเพลตวิดเจ็ต'</span><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /></div><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;">กดปุ่ม 'Ctrl + F' บนคีย์บอร์ดแล้วสั่งค้นหาคำว่า</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;"><a name='comments'/></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: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">จะพบว่าเจอโค้ดแบบเดียวกันอยู่ 2 แห่ง</span><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><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: #333333; 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;"><b:if cond='data:post.allowComments'></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: #333333; 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;" /><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;"> ให้แทนที่โค้ดเป้าหมายซึ่งมีเงื่อนไขตรงตามที่กล่าวมาแล้วในขั้นตอนที่ 2</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: #333333; 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;"><b:if cond='data:post.allowComments'></span><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><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: #333333; 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;"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div id="fb-root"></div><br /><script>(function(d, s, id) {<br />  var js, fjs = d.getElementsByTagName(s)[0];<br />  if (d.getElementById(id)) return;<br />  js = d.createElement(s); js.id = id;<br />  js.src = "//connect.facebook.net/th_TH/all.js#xfbml=1";<br />  fjs.parentNode.insertBefore(js, fjs);<br />}(document, 'script', 'facebook-jssdk'));</script><br /><div style='padding:0px;'><br /><div class="fb-comments" expr:href="data:post.url" expr:title="data:post.title" expr:xid="data:post.id" data-num-posts="10" data-width="470"></div><br /></div><br /></b:if><br /><b:if cond='data:post.allowComments'></span><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><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;">ขั้นตอนที่ 4.</b><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;">'บันทึกเทมเพลต'</span><span style="background-color: white; color: #333333; 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;" /><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><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;">อธิบายเพิ่มเติม</b><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: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">สามารถตบแต่งพื้นหลังหรือเส้นขอบ ได้โดยให้แทนที่โค้ดในบรรทัดที่ 10 นับจากข้างบนสุด ซึ่งเดิมได้เขียนไว้ว่า</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;"><div style='padding:0px;'></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: #333333; 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;"><div style='padding:0px; background:#ffffff; border:solid 2px #1a356e;'></span><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><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: #333333; 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;">data-width</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: #333333; 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;">470</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: #333333; 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;"><br /></span><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;"><br /></span><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;">Credit:>></span>http://tip.maxlayout.com/2012/10/blogger-enable-or-disable-comment.html<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;"><br /></span><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><br /></span>

blogger การติดตั้ง Facebook Comment ที่คอมเมนท์จำแนกตามเนื้อหาในแต่ละหน้า

Facebook Comment ที่จำแนกตามเนื้อหาแต่ละหน้า จะเป็นกล่องคอมเมนท์ที่แสดงความคิดเห็นของแต่ละบทความแบบแยกส่วนออกจากกัน โดยเป็นแบบที่ผู้สร้างบล็...

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

การยกเลิกการจำกัดเครื่องมือบนแท็บ blogger

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmLOCVCd2DEVXW3yM-imy8LqgzRcCylvXSYQYFQycAwqsFs5H9_nXIs-Q0Y9PcB2ula8SNGctHzGvRYGka8XtlpLo5efQMJ8DXb-qm2LOELW7IKtGmmQf3pB-se3rH04pAanbWCcwXncpo/s1600/%25E0%25B8%25A0%25E0%25B8%25B2%25E0%25B8%259E%25E0%25B8%25A7%25E0%25B8%25B2%25E0%25B8%2594%25E0%25B9%2584%25E0%25B8%25A1%25E0%25B9%2588%25E0%25B8%25A1%25E0%25B8%25B5%25E0%25B8%258A%25E0%25B8%25B7%25E0%25B9%2588%25E0%25B8%25AD.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="372" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmLOCVCd2DEVXW3yM-imy8LqgzRcCylvXSYQYFQycAwqsFs5H9_nXIs-Q0Y9PcB2ula8SNGctHzGvRYGka8XtlpLo5efQMJ8DXb-qm2LOELW7IKtGmmQf3pB-se3rH04pAanbWCcwXncpo/s1600/%25E0%25B8%25A0%25E0%25B8%25B2%25E0%25B8%259E%25E0%25B8%25A7%25E0%25B8%25B2%25E0%25B8%2594%25E0%25B9%2584%25E0%25B8%25A1%25E0%25B9%2588%25E0%25B8%25A1%25E0%25B8%25B5%25E0%25B8%258A%25E0%25B8%25B7%25E0%25B9%2588%25E0%25B8%25AD.png" width="640" /></a></div><div style="text-align: center;"><br /></div><br /><br /><br /><br /><div style="text-align: left;"><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">บทความนี้เป็นตัวอย่างการแก้ไขช่องใส่ Gadget โดยการตั้งค่า "Show Add Element" และ "Max Widgets"</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: #333333; 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;" /></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;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8QB6bB5Tx75uIP8QZdBSuIZA_p06CmQgyIPD3phZWw1pFTSGEqU0wgAluRCWXLfydg_f4DkKL9IZVao_M59cBtbOhGpixAg6Hd6rnNwx_Vmvv8acWSYcT3ML5YyqSo0GlxASO2-4Q7m0/s640/blogger-add-gadget-edit-maxwidgets-001.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/AVvXsEh8QB6bB5Tx75uIP8QZdBSuIZA_p06CmQgyIPD3phZWw1pFTSGEqU0wgAluRCWXLfydg_f4DkKL9IZVao_M59cBtbOhGpixAg6Hd6rnNwx_Vmvv8acWSYcT3ML5YyqSo0GlxASO2-4Q7m0/s1600/blogger-add-gadget-edit-maxwidgets-001.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 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: #333333; 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 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: #333333; 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;" /><br /><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;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDdsrfzzMyA8lkbrRenWNbvbMWNsqSG_SW2YnIUOHA7LES3NE6w0Vb9Bn5GtfQ6WpQ1ejTXpscSvVJnTCCVbbTFNZZr3X9Wg6fdt1ywMiRgtO1R7M55jk5uXNph4u7h3k2B3ceN7PIw1A/s640/blogger-add-gadget-edit-maxwidgets-002.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/AVvXsEgDdsrfzzMyA8lkbrRenWNbvbMWNsqSG_SW2YnIUOHA7LES3NE6w0Vb9Bn5GtfQ6WpQ1ejTXpscSvVJnTCCVbbTFNZZr3X9Wg6fdt1ywMiRgtO1R7M55jk5uXNph4u7h3k2B3ceN7PIw1A/s1600/blogger-add-gadget-edit-maxwidgets-002.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 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: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">ซึ่งจะพบว่าช่องสำหรับ 'เพิ่ม Gadget' ที่เคยมีอยู่ได้หายไป</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: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">โดยเราสามารถเรียกคืนช่องสำหรับใส่ Gadget ให้เป็นดังรูปด้านล่างได้ด้วยวิธีดังต่อไปนี้</span><br 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="background-color: white; clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB7fjkeL1CUEjgfMQzOKX67PeJ2ojj8TSF-uzua6pmZbLAwyBkDdydi_r6Lf7pB8hcf2AsB-1Ia-vTFihJgI6OCRbF2veY4qhoZOKmUY1CK6UGvLjyphhr6DrUmv94TqJWSJvN1eexh-4/s640/blogger-add-gadget-edit-maxwidgets-003.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/AVvXsEjB7fjkeL1CUEjgfMQzOKX67PeJ2ojj8TSF-uzua6pmZbLAwyBkDdydi_r6Lf7pB8hcf2AsB-1Ia-vTFihJgI6OCRbF2veY4qhoZOKmUY1CK6UGvLjyphhr6DrUmv94TqJWSJvN1eexh-4/s1600/blogger-add-gadget-edit-maxwidgets-003.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 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;">ขั้นตอนที่ 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 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;">'แม่แบบ > แก้ไข HTML'</span><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><br 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 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;"><b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'></span><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><br 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 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;"><b:section class='navbar' id='navbar' showaddelement='yes'></span><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><br 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><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: #333333; 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;"><br /></span><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><br /></span>

การยกเลิกการจำกัดเครื่องมือบนแท็บ blogger

บทความนี้เป็นตัวอย่างการแก้ไขช่องใส่ Gadget โดยการตั้งค่า "Show Add Element" และ "Max Widgets" ตามปกติแล้วบล็อกเกอร์ที่ส...

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

การทำให้ลิงก์ทุกอันในบล็อกเปิดหน้าต่างเพิ่มขึ้นมาใหม่

<div style="text-align: center;"></div><div style="text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDZqFvsj-Cl6DSq1VEwd6Q0n0zjTJv05w8Hr9RjASDc631ddzK40ixb-hJo-dWfVPzE9ZOBBWByOuik_YS_E5cNGWKT-uOnX9oBWUKIZfa1PIogE4w0bcOA1Qsogi6E3Xf7knmosEbCeJ7/s1600/%E0%B8%A0%E0%B8%B2%E0%B8%9E%E0%B8%A7%E0%B8%B2%E0%B8%94%E0%B9%84%E0%B8%A1%E0%B9%88%E0%B8%A1%E0%B8%B5%E0%B8%8A%E0%B8%B7%E0%B9%88%E0%B8%AD.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="372" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDZqFvsj-Cl6DSq1VEwd6Q0n0zjTJv05w8Hr9RjASDc631ddzK40ixb-hJo-dWfVPzE9ZOBBWByOuik_YS_E5cNGWKT-uOnX9oBWUKIZfa1PIogE4w0bcOA1Qsogi6E3Xf7knmosEbCeJ7/s1600/%E0%B8%A0%E0%B8%B2%E0%B8%9E%E0%B8%A7%E0%B8%B2%E0%B8%94%E0%B9%84%E0%B8%A1%E0%B9%88%E0%B8%A1%E0%B8%B5%E0%B8%8A%E0%B8%B7%E0%B9%88%E0%B8%AD.png" width="640" /></a></div><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">การทำให้ลิงก์ทุกอันในบล็อกเปิดหน้าจอขึ้นมาใหม่ (Make All Links Open In A New Window) ทำได้ดังนี้</span><br /><br 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;">ขั้นตอนที่ 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 class="Apple-style-span" style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">'แม่แบบ > แก้ไข HTML</span><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><span class="Apple-style-span" style="font-weight: normal;"><span class="Apple-style-span" style="color: red;">'</span></span></b><br /><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><span class="Apple-style-span" style="font-weight: normal;"><br /></span>ขั้นตอนที่ 2.</b><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"> กดปุ่มคีย์บอร์ด Ctrl + F แล้วค้นหา</span><br /><span class="Apple-style-span" style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><head></span><br /><br 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 class="Apple-style-span" style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><head></span><br /><span class="Apple-style-span" style="background-color: white; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><base target='_blank'/></span><br /><br 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><span class="Apple-style-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: #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;" /><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><br /></span></div><div style="text-align: left;"><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><br /></span></div><div style="text-align: left;"><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><br /></span></div><div style="text-align: left;"><span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">Credit:</span>http://tip.maxlayout.com/2009/11/blogger_04.html</div>

การทำให้ลิงก์ทุกอันในบล็อกเปิดหน้าต่างเพิ่มขึ้นมาใหม่

การทำให้ลิงก์ทุกอันในบล็อกเปิดหน้าจอขึ้นมาใหม่ (Make All Links Open In A New Window) ทำได้ดังนี้ ขั้นตอนที่ 1.  เข้าสู่บล็อคของคุณจากนั้นไปท...

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

การกำหนดเงื่อนไขในการแสดงผล blogger

<span style="background-color: white; color: #333333; 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;" /><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: #333333; 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;" /><br /><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><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: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">โดยทั่วไปแล้วเงื่อนไขสำหรับการแสดงผลของ Blogger นั้นจะมีลักษณะคือ</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;"><b:if cond='เงื่อนไข'></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 /></b:if></span><br style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;" /><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: #333333; 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: #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;">'เงื่อนไข'</span><span style="background-color: white; color: #333333; 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: #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;"> </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;"> </span><span style="background-color: white; color: #333333; 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;" /><br /><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><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: #333333; 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;" /><br /><div style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;"><b>1. Index (list) pages</b><br />ทำงานเมื่อเปิดรายการบทความ รวมทั้งการเปิดหน้าแรก  การเข้าใช้ป้ายกำกับและคลังบทความของบล็อก<br /><span style="color: red;"><b:if cond='data:blog.pageType == "index"'></span><br /><br /><b>2. Post (item) pages</b><br />ทำงานเมื่อเปิดเนื้อหาบทความแบบเต็ม<br /><span style="color: red;"><b:if cond='data:blog.pageType == "item"'></span><br /><br /><b>3. Static pages</b><br />ทำงานเมื่อเข้าสู่หน้าเว็บอิสระของบล็อก<br /><span style="color: red;"><b:if cond='data:blog.pageType == "static_page"'></span><br /><br /><b>4. Archive pages</b><br />ทำงานเมื่อเข้าสู่คลังบทความของบล็อก<br /><span style="color: red;"><b:if cond='data:blog.pageType == "archive"'></span><br /><br /><b>5. Homepage</b><br />ทำงานเมื่อเปิดหน้าแรก<br /><span style="color: red;"><b:if cond='data:blog.url == data:blog.homepageUrl'></span><br /><br /><b>6. Specific page/URL</b><br />ทำงานเมื่อ URL ตรงตามระบุ<br /><span style="color: red;"><b:if cond='data:blog.url == "PUT_URL_HERE"'></span><br /><br /><b>7. Post and static pages</b><br />ทำงานเมื่อเปิดเนื้อหาบทความแบบเต็มหรือเข้าสู่หน้าเว็บอิสระ<br /><span style="color: red;"><b:if cond='data:blog.url == data:post.url'></span><br /><br /><b>8. Label-search pages</b><br />ทำงานเมื่อเลือกใช้ป้ายกำกับ<br /><span style="color: red;"><b:if cond='data:blog.searchLabel'></span><br /><br /><b>9. First post</b><br />ทำงานเมื่อเป็นบทความอันแรก<br /><span style="color: red;"><b:if cond='data:post.isFirstPost'></span><br /><br /><hr /><div style="text-align: center;"><b>ประยุกต์</b><b style="text-align: start;">ให้</b><b style="text-align: start;">เงื่อนไขทำงานก็ต่อเมื่อไม่ตรงตามสิ่งที่ระบุ</b></div><br />มีผลคือคำสั่งเหล่านั้นจะทำงานก็ต่อเมื่อ ระบบตรวจสอบแล้วพบว่าเงื่อนไข 'ไม่ตรง' กับสิ่งที่เราเลือกไว้<br />ทำได้โดยเปลี่ยนจากโค้ดในบรรทัดกำหนดเงื่อนไขจาก == ให้เป็น != เช่น<br /><br />ให้คำสั่งนั้นทำงานเมื่อ 'เปิด' เนื้อหาบทความแบบเต็ม เขียนว่า<br /><span style="color: red;"><b:if cond='data:blog.pageType == "item"'><br />คำสั่ง<br /></b:if></span><br /><br />ให้คำสั่งนั้นทำงานเมื่อ 'ไม่ได้เปิด' เนื้อหาบทความแบบเต็ม<br />หรือก็คือคำสั่งจะทำงานในหน้าอื่นๆ ทั้งหมดแต่ยกเว้นเฉพาะขณะเปิดบทความแบบเต็ม เขียนว่า<br /><span style="color: red;"><b:if cond='data:blog.pageType != "item"'><br />คำสั่ง<br /></b:if></span><br /><br /><hr /><div style="text-align: center;"><b style="text-align: start;">เงื่อนไข</b><b>ที่สลับการทำงานเมื่อต่างจากสิ่งที่ระบุ</b></div><br />ทำได้โดยใช้ <span style="color: red;"><b:else/> </span>คั่นระหว่างคำสั่ง<br />มีผลคือถ้าคำสั่งที่อยู่เหนือ <span style="color: red;"><b:else/> </span>ไม่ทำงานก็จะให้คำสั่งที่อยู่ใต้อ <span style="color: red;"><b:else/> </span>ทำงานแทน<br /><br />ตัวอย่างเช่น<br /><span style="color: red;"><b:if cond='data:blog.pageType == "item"'></span><br /><span style="color: red;">คำสั่งที่ 1</span><br /><span style="color: red;"><b:else/></span><br /><span style="color: red;">คำสั่งที่ 2</span><br /><span style="color: red;"></b:if></span><br />ความหมายคือเมื่อเปิดหน้าเนื้อหาบทความแบบเต็มจะทำให้ 'คำสั่งที่ 1' ทำงาน แต่เมื่ออยู่ในหน้าอื่นๆ จะทำให้ 'คำสั่งที่ 2' ทำงานแทน<br /><br /><hr />Credit: http://tip.maxlayout.com/2012/11/targeting-specific-pages-urls-with-conditional-tags.html</div>

การกำหนดเงื่อนไขในการแสดงผล blogger

โดยจะกล่าวถึงโครงสร้างทั่วไปสำหรับวิธีกำหนดเงื่อนไขให้คำสั่งต่างๆ เพื่อ ซ่อนหรือแสดงเครื่องมือบางอย่างในหน้าที่กำหนด หรือเปลี่ยนแปลงลักษณะพื...

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

กำหนดค่าแท็ก Meta

<br /><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><br /></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white;">เข้าสู่แผงควบคุมของ Blogger ของคุณ -> รูปแบบ -> แก้ไข HTML.Now เลื่อนลงไปยังตำแหน่งที่คุณเห็นด้านล่างรหัส:</span></div><pre style="background-image: url(http://cdn.premiumbloggertemplates.com/wp-content/themes/pbt/images/precodebg.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border: 1px solid black; font-size: 16px; height: 60px; line-height: 20px; overflow: auto; padding: 5px 5px 5px 35px; width: 657px; word-wrap: normal;"><pre style="background-color: #151515; background-image: url(http://cdn.premiumbloggertemplates.com/wp-content/themes/pbt/images/precodebg.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border: 1px solid black; height: 60px; overflow: auto; padding: 5px 5px 5px 35px; width: 657px; word-wrap: normal;"><meta content='<span style="color: #009900; font-weight: bold;">DESCRIPTION HERE</span>' name='description'/><br /><meta content='<span style="color: #009900; font-weight: bold;">KEYWORDS HERE</span>' name='keywords'/></pre></pre><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white;">เปลี่ยน<span style="font-weight: bold;">รายละเอียดที่นี่</span> , <span style="font-weight: bold;">KEYWORDS ที่นี่</span>เป็นด้านล่าง</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white;">รายละเอียดที่นี่: เขียนคำอธิบายบล็อกของคุณ<br />ที่นี่คำสำคัญ: เขียนคำหลักของบล็อกของคุณคั่นด้วยเครื่องหมายจุลภาค</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white; font-family: arial; font-size: 21px; font-weight: bold;">วิธีการกำหนดค่า Favicon:</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white;">เข้าสู่แผงควบคุมของ Blogger ของคุณ -> รูปแบบ -> แก้ไข HTML.Now เลื่อนลงไปยังตำแหน่งที่คุณเห็นด้านล่างรหัส:</span></div><pre style="background-image: url(http://cdn.premiumbloggertemplates.com/wp-content/themes/pbt/images/precodebg.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border: 1px solid black; font-size: 16px; height: 50px; line-height: 20px; overflow: auto; padding: 5px 5px 5px 35px; width: 657px; word-wrap: normal;"><pre style="background-color: #151515; background-image: url(http://cdn.premiumbloggertemplates.com/wp-content/themes/pbt/images/precodebg.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border: 1px solid black; height: 50px; overflow: auto; padding: 5px 5px 5px 35px; width: 657px; word-wrap: normal;"><link href='<span style="color: #cc33cc; font-weight: bold;">YOUR-FAVICON-URL</span>' rel='shortcut icon' type='image/vnd.microsoft.icon'/></pre></pre><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white;">ตอนนี้แทนที่ " <span style="font-weight: bold;">ของคุณ-favicon-URL</span> "ที่มีอยู่ของคุณ Favicon / url</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white; font-family: arial; font-size: 21px; font-weight: bold;">การกำหนดค่าการเลื่อนเนื้อหาเด่น:</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white;">เข้าสู่แผงควบคุมของ Blogger ของคุณ -> รูปแบบ -> แก้ไข HTML.Find <span style="font-weight: bold;"><-! แนะนำ Slider เนื้อหาเริ่ม -></span> . ตอนนี้เลื่อนลงช้าและคุณสามารถเห็นความสำคัญในแต่ละรหัสสไลด์ระหว่าง<span style="font-weight: bold;"><ชั้น div = 'FP-ภาพนิ่ง รายการ '></span>และ<span style="font-weight: bold;"></ div></span> .</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white;">ตอนนี้แทนที่</span></div><ul style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><li><span style="background-color: white;">" <span style="font-family: arial; font-weight: bold;">นี้จะเริ่มต้นให้ความสำคัญกับการโพสต์ชื่อ X</span> "ที่มีชื่อโพสต์ของคุณโดดเด่น</span></li><li><span style="background-color: white;">" <span style="font-family: arial; font-weight: bold;">#</span> "กับ URL ที่คุณโพสต์ที่โดดเด่น</span></li><li><span style="background-color: white;">" <span style="font-family: arial; font-weight: bold;">ไปที่แก้ไข html ของ Blogger และค้นหาเหล่านี้ sentences.Now แทนที่ประโยคเหล่านี้มีรูปแบบ descriptions.This ของคุณเองโดย Bloggerized Lasantha บัญดารา - Premiumbloggertemplates.com</span> " ด้วยคำอธิบายของคุณเลื่อน</span></li><li><span style="background-color: white;"><span style="font-family: arial; font-weight: bold;">ที่อยู่ภาพเลื่อน</span>ที่มีการเลื่อนภาพของคุณ</span></li></ul><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white;">เพื่อ <ins>สไลด์ที่โดดเด่นในแต่ละ</ins>.</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white; font-family: arial; font-size: 21px; font-weight: bold;">วิธีการเปลี่ยนชื่อแท็บแท็บเครื่องมือ</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white;">หากคุณต้องการที่จะเปลี่ยนชื่อแท็บของแท็บเครื่องมือแล้วหานี้</span></div><pre style="background-image: url(http://cdn.premiumbloggertemplates.com/wp-content/themes/pbt/images/precodebg.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border: 1px solid black; font-size: 16px; height: 120px; line-height: 20px; overflow: auto; padding: 5px 5px 5px 35px; width: 657px; word-wrap: normal;"><pre style="background-color: #151515; background-image: url(http://cdn.premiumbloggertemplates.com/wp-content/themes/pbt/images/precodebg.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border: 1px solid black; height: 120px; overflow: auto; padding: 5px 5px 5px 35px; width: 657px; word-wrap: normal;"><ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'><br /><li><a href='#widget-themater_tabs-1432447472-id1'><span style="color: #cc33cc; font-size: 21px;"><span style="font-weight: bold;">Popular</span></span></a></li><br /><li><a href='#widget-themater_tabs-1432447472-id2'><span style="color: #009900; font-size: 21px;"><span style="font-weight: bold;">Tags</span></span></a></li><br /><li><a href='#widget-themater_tabs-1432447472-id3'><span style="color: #ff6600; font-size: 21px;"><span style="font-weight: bold;">Blog Archives</span></span></a></li><br /></ul></pre></pre><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white;">ตอนนี้เปลี่ยนชื่อ " <span style="font-weight: bold;">ยอดนิยม</span> "," <span style="font-weight: bold;">แท็ก</span> "และ" <span style="font-weight: bold;">บล็อก</span><span style="font-weight: bold;">เก็บ</span> "เท่าที่คุณต้องการ</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white; font-family: arial; font-size: 21px; font-weight: bold;">วิธีการเพิ่มโลโก้ส่วนหัว</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white;">คุณสามารถเพิ่มโลโก้ส่วนหัวสำหรับแม่แบบนี้ได้อย่างง่ายดายใน " <span style="font-weight: bold;">องค์ประกอบของหน้าเว็บ</span> "ส่วน (วิธีการเริ่มต้นของ Blogger). ขนาดภาพโลโก้จะต้อง<span style="font-weight: bold;">384px กว้าง</span>และ<span style="font-weight: bold;">ความสูง 62px</span> .</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white;">ถ้าคุณมีปัญหา regrading แม่แบบนี้ใด ๆ ที่แสดงความคิดเห็นด้านล่าง</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white; font-weight: bold;">ที่สำคัญ!:</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white;">กรุณาอย่าลบเครดิตส่วนท้าย ผมใช้เวลาหลายชั่วโมงในการสร้างแม่แบบบล็อคนี้ เพื่อให้คุณสามารถใช้มันสำหรับบล็อกของคุณ ทั้งหมดที่ฉันถามคือเครดิตอยู่เหมือนเดิม</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white; font-size: 21px; font-weight: bold;">ใบอนุญาต:</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span style="background-color: white;">แม่ Blogger ฟรีนี้ได้รับอนุญาตภายใต้ครีเอทีฟคอมมอนส์ 3.0 ใบอนุญาตซึ่งอนุญาตให้ใช้ส่วนบุคคลและเชิงพาณิชย์ทั้งสอง<br />แต่เพื่อตอบสนองความ 'ลักษณะ' ประโยคของใบอนุญาตคุณจะต้องเพื่อให้การเชื่อมโยงที่ส่วนท้ายเหมือนเดิมที่ให้เครดิตเนื่องจาก ผู้เขียน สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับการอนุญาตให้คุณสามารถเยี่ยมชม URL ด้านล่าง:</span></div><div style="font-family: Georgia, 'PT Sans', Arial, Georgia, serif; font-size: 16px; line-height: 20px;"><span class="goog-text-highlight" style="-webkit-box-shadow: rgb(153, 153, 170) 2px 2px 4px; background-color: white; box-shadow: rgb(153, 153, 170) 2px 2px 4px; box-sizing: border-box; position: relative;">http://creativecommons.org/licenses/by/3.0/</span></div>

กำหนดค่าแท็ก Meta

เข้าสู่แผงควบคุมของ Blogger ของคุณ -> รูปแบบ -> แก้ไข HTML.Now เลื่อนลงไปยังตำแหน่งที่คุณเห็นด้านล่างรหัส: <meta content=' DESC...

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

5 คีย์ลับของบล็อกที่ประสบความสำเร็จของคุณ

<br /><div style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; margin-bottom: 12px !important; margin-top: 12px !important; padding-bottom: 24px; text-align: justify;"><span class="">บล็อกเป็นที่รักและคนที่มุ่งมั่นจะได้รับความสำเร็จได้อย่างรวดเร็วกว่าคนอื่น ๆ </span>จึงมักเป็นที่ตรงต่อเวลาในทุกด้านของชีวิตของคุณและไม่เคยทำลายสัญญาของคุณ เมื่อคุณเริ่มต้นบล็อกก็หมายความว่าคุณมีการทำสัญญากับตัวเองได้เป็นอย่างดีเช่นเดียวกับผู้อ่านของคุณโพสต์ที่ตรงต่อเวลาและใช้ข้อมูลร่วมกัน</div><div style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; margin-bottom: 12px !important; margin-top: 12px !important; padding-bottom: 24px; text-align: justify;"><img alt="สร้างรายได้จากบล็อก" height="238" src="http://m5.paperblog.com/i/49/497520/5-secret-keys-of-your-successful-blogging-L-_9Y7cB.jpeg" width="400" /></div><div style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; margin-bottom: 12px !important; margin-top: 12px !important; padding-bottom: 24px; text-align: justify;"><br /></div><div style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; margin-bottom: 12px !important; margin-top: 12px !important; padding-bottom: 24px; text-align: justify;">วันนี้ฉันจะแบ่งปันเคล็ดลับบางอย่างที่คุณสามารถพิจารณาความลับของบล็อกที่ประสบความสำเร็จ อาจจะมีหลายท่านจะไม่เห็นด้วยกับฉัน แต่สิ่งเหล่านี้เป็นความลับสำหรับผม</div><ul style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; list-style: none; margin: 0px 0px 15px 15px !important; padding: 0px; text-align: justify;"><li style="list-style-type: square !important;"><strong>หัวข้อของบล็อกของคุณ (Nich บล็อก)</strong></li></ul><div style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; margin-bottom: 12px !important; margin-top: 12px !important; padding-bottom: 24px; text-align: justify;">เริ่มต้นบล็อกเป็นสิ่งที่เย็น แต่คุณควรเลือกหัวข้อของบล็อกของคุณซึ่งเป็นสิ่งที่สำคัญที่สุด คำถามคือ "Nich คืออะไร" Nich หมายถึงบล็อกที่มีหัวข้อที่เฉพาะเจาะจงและคุณจะติดกับอย่างใดอย่างหนึ่งหรือบางหัวข้อที่จะเรียกว่า Nich ดังนั้นคุณควรเลือกหัวข้อที่เฉพาะเจาะจงของบล็อกของคุณเกี่ยวกับการที่คุณจะใช้ข้อมูลร่วมกันกับผู้อ่านของคุณด้วยวิธีนี้คุณจะได้รับการกำหนดเป้​​าหมายผู้ชมเกี่ยวกับเรื่องของคุณและมันจะเป็นประโยชน์ในอนาคตสำหรับการสร้างรายได้</div><ul style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; list-style: none; margin: 0px 0px 15px 15px !important; padding: 0px; text-align: justify;"><li style="list-style-type: square !important;"><strong>ชื่อเรื่องควรจะ Stoppers มนุษย์</strong></li></ul><div style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; margin-bottom: 12px !important; margin-top: 12px !important; padding-bottom: 24px; text-align: justify;">คนปิดเป็นเทคนิคที่ใช้ในการตลาดที่เรามักจะพยายามที่จะสร้างสายแท็กที่ไม่ซ้ำกันในการดึงดูดความสนใจของผู้ใช้ ดังนั้นที่นี่ชื่อเดียวกันของเราควรจะเป็นที่น่าสนใจและเต็มไปด้วยข้อมูลเกี่ยวกับเนื้อหาของบทความของคุณที่คุณกำลังจะเขียน</div><div style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; margin-bottom: 12px !important; margin-top: 12px !important; padding-bottom: 24px; text-align: justify;">คุณต้องพยายามที่จะใช้คำหลักด้านบนของคุณในชื่อของคุณเพราะมันจะเป็นประโยชน์มากในอนาคตที่จะมาเกี่ยวกับ SEO</div><ul style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; list-style: none; margin: 0px 0px 15px 15px !important; padding: 0px; text-align: justify;"><li style="list-style-type: square !important;"><strong>ความสำคัญของย่อหน้าแรก</strong></li></ul><div style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; margin-bottom: 12px !important; margin-top: 12px !important; padding-bottom: 24px; text-align: justify;">ในบทความล่าสุดของฉันฉันได้กำหนดความสำคัญของย่อหน้าแรกวรรคแรกเป็นจริงคำอธิบายสั้น ๆ โพสต์บล็อกและบทความของคุณวรรคแรกเป็นสิ่งที่สามารถเป็นจุดการตัดสินใจเพื่อให้ผู้อ่านผู้อ่านสภาพอากาศที่ควรดำเนินการต่อการอ่านบทความของคุณหรือไม่</div><ul style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; list-style: none; margin: 0px 0px 15px 15px !important; padding: 0px; text-align: justify;"><li style="list-style-type: square !important;"><strong>กระชับและทำให้เนื้อหาของคุณง่าย</strong></li></ul><div style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; margin-bottom: 12px !important; margin-top: 12px !important; padding-bottom: 24px; text-align: justify;">ให้รัดกุมเนื้อหาของคุณเป็นสิ่งสำคัญมากเพราะถ้าคุณจะเริ่มต้นการบอกเรื่องราวที่ยาวที่สุดในการโพสต์ของคุณก็จะสร้างอุปสรรคสำหรับผู้อ่าน และจะสร้างความสับสนให้ผู้อ่านได้เป็นอย่างดี</div><div style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; margin-bottom: 12px !important; margin-top: 12px !important; padding-bottom: 24px; text-align: justify;">พยายามที่จะใช้จุดและส่วนหัวในเนื้อหาของคุณเพื่อให้เข้าใจง่ายขึ้นนอกจากนี้ยังช่วยให้ผู้อ่านที่จะเลือกหัวเพื่อที่เขาจะไม่ต้องอ่านโพสต์ทั้งหมดและสามารถเลือกหัวข้อที่เขาจะไปอ่าน</div><div style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; margin-bottom: 12px !important; margin-top: 12px !important; padding-bottom: 24px; text-align: justify;">คุณสามารถใช้แบบสอบถามสั้นที่ส่วนท้ายของข้อความของคุณซึ่งจะช่วยคุณในการโต้ตอบกับผู้ใช้ที่แข็งแกร่ง</div><ul style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; list-style: none; margin: 0px 0px 15px 15px !important; padding: 0px; text-align: justify;"><li style="list-style-type: square !important;"><strong>ดำเนินการพิสูจน์การอ่านที่สิ้นสุด:</strong></li></ul><div style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; margin-bottom: 12px !important; margin-top: 12px !important; padding-bottom: 24px; text-align: justify;">คุณต้องตรวจสอบเนื้อหาของคุณหลังจากเสร็จสิ้นการเขียนและการแก้ไขประโยคหรือข้อผิดพลาดทางไวยากรณ์ เมื่อคุณจะอ่านเนื้อหาของคุณเองคุณจะแก้ไขหลายสิ่งที่อยู่ในนั้น เนื้อหาของคุณควรจะน่าสนใจและให้ข้อมูลมากที่จะติดอยู่กับผู้อ่านของคุณ ในระหว่างการหลักฐานการอ่านถ้าคุณพบบางสิ่งบางอย่างที่น่าเบื่อหรือซ้ำเพื่อลบที่</div><div style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; margin-bottom: 12px !important; margin-top: 12px !important; padding-bottom: 24px; text-align: justify;"><strong><span class="">เคล็ดลับ:</span></strong><span class="">คุณสามารถขอให้ผู้เข้าชมและผู้อ่านของคุณจะมีส่วนร่วมแสดงความคิดเห็นหรือโพสต์ของคุณหากพวกเขาต้องการที่ดีที่จะสร้างการจราจรและความนิยมของบล็อกของคุณ</span><br /></div><div style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; margin-bottom: 12px !important; margin-top: 12px !important; padding-bottom: 24px; text-align: justify;"><img alt="สร้างรายได้จากบล็อก" height="191" src="http://m5.paperblog.com/i/49/497520/5-secret-keys-of-your-successful-blogging-L-_9Y7cB.jpeg" width="320" /></div>

5 คีย์ลับของบล็อกที่ประสบความสำเร็จของคุณ

บล็อกเป็นที่รักและคนที่มุ่งมั่นจะได้รับความสำเร็จได้อย่างรวดเร็วกว่าคนอื่น ๆ  จึงมักเป็นที่ตรงต่อเวลาในทุกด้านของชีวิตของคุณและไม่เคยทำลายสั...

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