ธันวาคม 2013

แสดงหน้าต่าง 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 /><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 ลอยขึ้นมาต้อนรับผู้เข้าชมบล็อกในขณะสั่งเปิดหน้าเว็บขึ้นมาไหม่ โดยเราสามารถเ...

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

17:53

วิธีแก้ เว็บติดมัลแวร์ เว็บติดไวรัส iframe

<br /><header style="background-color: white; color: #334766; font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 14px; padding: 25px 0px;"><h2 style="color: red; font-size: 24px; margin: 0px 0px 6px; text-align: center;">ทำอย่างไร ถ้า เว็บติดมัลแวร์ เว็บติดไวรัส iframe</h2><h2 style="color: red; font-size: 24px; margin: 0px 0px 6px; text-align: center;">Google ประกาศเตือนเว็บคุณ</h2><h2 style="color: red; font-size: 24px; margin: 0px 0px 6px; text-align: center;">"ไซต์นี้อาจเป็นอันตรายต่อคอมพิวเตอร์ของคุณ"</h2></header><h1 style="background-color: white; color: #334766; font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 14px; margin: 0px 0px 6px;">เว็บติดไวรัส iframe - เว็บติดมัลแวร์</h1><div style="background-color: white; color: #334766; font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 14px;">Google ต้องการให้ผู้ใช้รู้สึกปลอดภัยเมื่อค้นหาเว็บ จึงทำการตรวจสอบ <strong>ไวรัส iframe</strong> และ ระบุ <strong>ไซต์นี้เป็นอันตราย</strong>โดยเพิ่มข้อความเตือน<strong> ไซต์นี้อาจเป็นอันตรายต่อคอมพิวเตอร์ของคุณ</strong> พร้อมกับผลการค้นหา</div><div style="background-color: white; color: #334766; font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 14px;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJEJ3N3hkzJXlNZY7hkm7hAFtZNpnoz8bQxxhJL5-SXPIEyAn1df1lLbdVJ2VsD4uU2HjQ4xH-TWbp40uHQ6YJO4BP26pQt8RASj8uh76DwTf1uul0GurNSARpCPve8mC-5Q6xPKDBiNU/s1600/search_45449a_en.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJEJ3N3hkzJXlNZY7hkm7hAFtZNpnoz8bQxxhJL5-SXPIEyAn1df1lLbdVJ2VsD4uU2HjQ4xH-TWbp40uHQ6YJO4BP26pQt8RASj8uh76DwTf1uul0GurNSARpCPve8mC-5Q6xPKDBiNU/s640/search_45449a_en.gif" width="640" /></a></div><div style="background-color: white; color: #334766; font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 14px; text-align: center;"><br /></div><div style="background-color: white; color: #334766; font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 14px; text-align: center;"><br /></div><div style="background-color: white; color: #334766; font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 14px; text-align: center;"><br /></div><div style="background-color: white; color: #334766; font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 14px; text-align: center;"></div><article style="padding: 15px 50px; text-align: left;"><h1 style="font-size: 14px; margin: 0px 0px 6px;">เว็บถูกบล๊อค หาก virus iframe โจมตี</h1>เมื่อคลิ๊กเว็บไซต์ที่มีข้อความเตือน virus iframe คุณจะพบคำเตือนต่อไปนี้แทนที่จะถูกนำไปยังหน้าเว็บที่ต้องการโดยทันที:<br /><img alt="ไซต์นี้อาจเป็นอันตรายต่อคอมพิวเตอร์ของคุณ" src="http://www.kaamania.com/virusiframe/images/search_45449b_en.gif" style="display: block; margin-left: auto; margin-right: auto;" /></article><article style="padding: 15px 50px; text-align: left;"><h1 style="font-size: 14px; margin: 0px 0px 6px;">เว็บติดไวรัส iframe สามารถคลิ๊กได้ไหม</h1>คุณสามารถเลือกที่จะดำเนินการต่อไปยังเว็บไซต์นั้นภายใต้ความเสี่ยงของคุณเอง อย่างไรก็ตาม โปรดทราบว่าซอฟต์แวร์ หรือ สคริปที่เป็นอันตรายได้ถูกติดตั้งในเว็บคุณโดยไม่ได้รับอนุญาตเป็นที่เรียบร้อย เมื่อคุณเข้าชมเว็บไซต์เหล่านี้ มีความเป็นไปได้ว่าคุณกำลังถูกขโมยข้อมูลส่วนบุคคล เช่น รหัสผ่านและหมายเลขบัตรเครดิต หรือ เปลี่ยนแปลงผลการค้นหาของคุณ</article><article style="padding: 15px 50px; text-align: left;"><h1 style="font-size: 14px; margin: 0px 0px 6px;">คำเตือน "ไซต์นี้เป็นอันตราย" หากคุณเป็นผู้ดูแลเว็บไซต์คุณจะทำอย่างไร</h1><strong>การแก้เว็บไซต์ติดไวรัส iframe</strong> : คุณสามารถตรวจสอบและระบุหน้าเว็บที่กำลัง <strong>ติดมัลแวร์ หรือ ไวรัส Iframe </strong>ได้จาก <a href="http://gsb.kaamania.com/">Free PHPAntivirus</a> หรือ <a href="http://www.stopbadware.org/home/help" rel="nofollow">StopBadware.org (ภาษาอังกฤษ)</a><br /><img alt="ตรวจสอบและระบุเวปที่ติด ไวรัส iframe" class="boximg" src="http://www.kaamania.com/virusiframe/images/virus3.jpg" style="-webkit-box-shadow: rgb(119, 119, 119) 3px 3px 7px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px; box-shadow: rgb(119, 119, 119) 3px 3px 7px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px; display: block; margin: 22px auto;" /><ul><li>ให้สังเกตตรง <u><strong>ปุ่ม สี (Status)</strong></u> ถ้าเป็นสีแดงแสดงว่ามี <strong>ไวรัส iframe</strong> อยู่ ถ้าเป็นสีเหลืองแสดงว่าไม่มี <strong>ไวรัส iframe</strong> แล้ว</li></ul></article><article style="padding: 15px 50px; text-align: left;"><h1 style="font-size: 14px; margin: 0px 0px 6px;">วิธีแ้ก้ปัญหาเว็บไซต์ติดไวรัส และ วิธีกำจัดไวรัส iframe</h1>1. หากไม่ได้เป็นสมาชิก google สมัครสมาชิกใหม่ได้ที่ <a href="https://www.google.co.th/accounts/NewAccount" rel="nofollow" target="_blank">https://www.google.co.th/accounts/NewAccount</a><br />2. ทำการ login เข้าสู่ระบบ และเรียก เข้า https://www.google.com/webmasters/tools/<br /><img alt="login เื่พื่อหา iframe virus - ไวรัส iframe" class="boximg" src="http://www.kaamania.com/virusiframe/images/1.jpg" style="-webkit-box-shadow: rgb(119, 119, 119) 3px 3px 7px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px; box-shadow: rgb(119, 119, 119) 3px 3px 7px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px; display: block; margin: 22px auto;" />3. คลิ๊กที่ลิงค์ เครื่องมือสำหรับผู้ดูแลเว็บไซต์ จาำกนั้นเพิ่มเว็บที่ติด <strong>ไวรัส iframe</strong> เข้าไปในลิสต์<br /><img alt="add เว็บที่ติด iframe virus - ไวรัส iframe" class="boximg" src="http://www.kaamania.com/virusiframe/images/2.jpg" style="-webkit-box-shadow: rgb(119, 119, 119) 3px 3px 7px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px; box-shadow: rgb(119, 119, 119) 3px 3px 7px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px; display: block; margin: 22px auto;" />4. ทำการยืนยันว่าเป็นเจ้าของเว็บไซต์ซึ่ง ติดไวรัส iframe ในที่นี้เลือก Verification method แบบ html file โดยตั้งชื่อตามที่ google กำหนด แล้วอัพขึ้นโฮส หลังจากนั้นกด verify เพื่อยืนยัน<br /><img alt="verify เว็บที่ติด iframe virus - ไวรัส iframe" class="boximg" src="http://www.kaamania.com/virusiframe/images/3.jpg" style="-webkit-box-shadow: rgb(119, 119, 119) 3px 3px 7px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px; box-shadow: rgb(119, 119, 119) 3px 3px 7px, rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 1px; display: block; margin: 22px auto;" />5. Google จะแจ้งรายละเอียดว่า <strong>เว็บติดไวรัส iframe </strong>ของเรามีปัญหาอะไรอยู่บ้าง ให้นำข้อมูลที่ google แจ้งนั้น มาทำการตรวจสอบ และดำเนินการแก้ไข หรือก๊อปปี้ไฟล์ต้นฉบับที่ไม่ติด <strong>ไวรัส iframe</strong> ไปทับไฟล์เดิมใน server<br /><form action="http://www.google.com/safebrowsing/diagnostic?" method="get" style="-webkit-box-shadow: rgb(51, 51, 51) 0px 2px 10px, rgb(51, 51, 51) 0px 0px 1px, rgb(51, 51, 51) 0px 0px 1px; background-color: rgba(178, 215, 255, 0.74902); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: rgb(51, 51, 51) 0px 2px 10px, rgb(51, 51, 51) 0px 0px 1px, rgb(51, 51, 51) 0px 0px 1px; margin-left: auto; margin-right: auto; overflow: hidden; padding: 15px; position: relative; text-shadow: rgb(255, 255, 255) 0px 0px 9px, rgb(255, 255, 255) 0px 0px 9px; width: 400px;" target="_blank"><strong>ตรวจสอบ เว็บติดไวรัส iframe</strong><br />http:// <input name="site" size="30" /> <input type="submit" value="สแกน" /></form>6. เมื่อทำการแก้ไขเสร็จเรียบร้อยให้คลิกที่ Request a review เพื่อให้ Google ตรวจสอบ <strong>เว็บติดไวรัส iframe</strong> อีกครั้ง<br />ถ้าไม่มีปัญหาอะไร Google จบปลดคำเตือน <strong>ไซต์นี้อาจเป็นอันตรายต่อคอมพิวเตอร์ของคุณ</strong> ออกจากเวป ภายในหนึ่งอาทิตย์โดยประมาณ</article><article style="padding: 15px 50px; text-align: left;"><strong>หมายเหตุ </strong>:<ul><li>แก้เว็บติดไวรัส iframe <a href="http://www.kaamania.com/virusiframe/gumblar.html">gumblar.cn</a> หรือ <a href="http://www.kaamania.com/virusiframe/gumblar.html">Martuz.cn</a> คลิ๊กที่ลิงค์เพื่อดูวิธีกำจัดไวรัส iframe</li><li>แก้เว็บติดไวรัส javascript <a href="http://www.kaamania.com/virusiframe/killvirusfree.html">km0ae9gr6m</a> หรือ <a href="http://www.kaamania.com/virusiframe/killvirusfree.html">eval(function(p,a,c,k,e,r)</a> คลิ๊กที่ลิงค์เพื่อดูวิธีกำจัดไวรัส</li><li>เราไม่แนะนำให้นำ script โหลดเข้าโฮสของคุณเพื่อสแกน<strong>กำจัดไวรัส iframe</strong> เพราะถ้าแหล่งที่มาของ script นั้นไม่ชัดเจน มันเป็นเหมือนการเปิดช่องให้กับผู้ไม่ประสงค์ดีเข้ามาแฮ๊คข้อมูลคุณ และ อาจจะปล่อย <strong>ไวรัส iframe</strong>ที่ร้ายแรงกว่าลงในเว็บ(เพราะโครงสร้างทั้งหมดของเว็บได้ถูกบันทึกลงใน cookies ทำให้ง่ายแก่การโจมตีโดย ไวรัส iframe ชนิดใหม่ๆ)</li></ul>นั่นเป็นที่มาว่า ทำไมกูเกิ้ลถึงไม่ยอมปลด "ไซต์นี้เป็นอันตรายต่อคอมพิวเตอร์ของคุณ" ออกจาำกเวปคุณเสียที ทั้งที่คุณคิดว่า กำจัดไวรัส iframe หมดแล้ว<br /><br /><br /><br />ขอบคุณบทความจาก>>http://www.kaamania.com/virusiframe/<br /><br /></article><br />

วิธีแก้ เว็บติดมัลแวร์ เว็บติดไวรัส iframe

ทำอย่างไร ถ้า เว็บติดมัลแวร์ เว็บติดไวรัส iframe Google ประกาศเตือนเว็บคุณ "ไซต์นี้อาจเป็นอันตรายต่อคอมพิวเตอร์ของคุณ" เว็บติดไวรั...

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

03:44

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;">ถ้าคุณต้องการเพื่อเพิ่มไปยังโพสต์เก่าเพียงคว้ารหัสไปในการโพสต์เก่าและวางรหัสที่ด้านล่างที่มีมุมมอง HTML ที่เลือก<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 การสร้างลายเซ็นแบบกำหนดเอง

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

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

14:39

คู่มือแต่งภาพด้วย Photoshop CS3

คู่มือแต่งภาพด้วย Photoshop CS3

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

11:58

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 ที่จำแนกตามเนื้อหาแต่ละหน้า จะเป็นกล่องคอมเมนท์ที่แสดงความคิดเห็นของแต่ละบทความแบบแยกส่วนออกจากกัน โดยเป็นแบบที่ผู้สร้างบล็...

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

10:18

Blogger แม่แบบเพื่อ Adsense 2013

<span class="" style="color: #444444; font-family: 'PT Sans', Helvetica, sans-serif; font-size: 14px; line-height: 21px;">Blogspot แม่แบบนี้พัฒนาขึ้นมาสำหรับบล็อกช่องเช่นบล็อกหนังสือพิมพ์, บล็อกและบล็อกกีฬาเทคโนโลยี </span><span class="" style="color: #444444; font-family: 'PT Sans', Helvetica, sans-serif; font-size: 14px; line-height: 21px;">ดังนั้นแม่แบบนี้สามารถนำมาใช้สำหรับประเภทมากที่สุดของบล็อก</span><br /><span class="" style="color: #444444; font-family: 'PT Sans', Helvetica, sans-serif; font-size: 14px; line-height: 21px;"><br /></span><div style="text-align: center;"><span class="" style="color: #444444; font-family: 'PT Sans', Helvetica, sans-serif; font-size: 14px; line-height: 21px;"><br /></span></div><div style="text-align: center;"><span class="" style="color: #444444; font-family: 'PT Sans', Helvetica, sans-serif; font-size: 14px; line-height: 21px;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmAARNtnSq_mOnW8V4kjw3k_Kx0mFM6uZEZ6s6YO-CbPbVTTGcXxegttghSqNI0e3hcrz2eCtpPVQN8_wNPUzkK_j0RjGT1HM5toYReytrGJ_oeEAlLA30vBnQsIlVobUSBn62VVTskZO2/s1600/Spice-Mag-premium-news-magazine-blogger-template-free.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="428" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmAARNtnSq_mOnW8V4kjw3k_Kx0mFM6uZEZ6s6YO-CbPbVTTGcXxegttghSqNI0e3hcrz2eCtpPVQN8_wNPUzkK_j0RjGT1HM5toYReytrGJ_oeEAlLA30vBnQsIlVobUSBn62VVTskZO2/s1600/Spice-Mag-premium-news-magazine-blogger-template-free.png" width="640" /></a></div><div style="text-align: center;"><span class="" style="color: #444444; font-family: 'PT Sans', Helvetica, sans-serif; font-size: 14px; line-height: 21px;"><br /></span></div><div style="text-align: center;"><span class="" style="color: #444444; font-family: 'PT Sans', Helvetica, sans-serif; font-size: 14px; line-height: 21px;"><br /></span></div><div style="text-align: center;"><span class="" style="color: #444444; font-family: 'PT Sans', Helvetica, sans-serif; font-size: 14px; line-height: 21px;"><br /></span></div><div style="text-align: center;"><span style="color: #444444; font-family: PT Sans, Helvetica, sans-serif;"><span style="font-size: 14px; line-height: 21px;"><a href="http://cdn4.spicytricks.com/wp-content/uploads/downloads/2012/12/spice-mag1.zip" target="_blank">ดาวน์โหลด</a></span></span></div>

Blogger แม่แบบเพื่อ Adsense 2013

Blogspot แม่แบบนี้พัฒนาขึ้นมาสำหรับบล็อกช่องเช่นบล็อกหนังสือพิมพ์, บล็อกและบล็อกกีฬาเทคโนโลยี ดังนั้นแม่แบบนี้สามารถนำมาใช้สำหรับประเภทมากท...

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

08:12

blogger 2013 แม่แบบฟรีที่ได้รับการออกแบบบนพื้นฐานของรูปแบบ Pinterest

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZCXCbt0A9z6Oh-b_25p9cZ1CQ2_y8L4gPK_1I857SUxvRfn9PpQeUXKgEgIHF4veRhkXAoOasijDAHWhYRUwiof-v8_P6xiseZcCuLFr_KS2vADAdBCruzaOu3uIDHrYDd7XVitKOrjR/s1600/bloggerest-blogger-template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="364" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZCXCbt0A9z6Oh-b_25p9cZ1CQ2_y8L4gPK_1I857SUxvRfn9PpQeUXKgEgIHF4veRhkXAoOasijDAHWhYRUwiof-v8_P6xiseZcCuLFr_KS2vADAdBCruzaOu3uIDHrYDd7XVitKOrjR/s1600/bloggerest-blogger-template.jpg" width="640" /></a></div><br /><br /><br /><br /><div style="text-align: center;"><a href="http://www.spicytricks.com/?visit=http://bloggerest-btemplates.blogspot.com/" target="_blank">ดูแบบเต็ม</a><span class="goog-text-highlight" style="-webkit-box-shadow: rgb(153, 153, 170) 2px 2px 4px; background-color: #c9d7f1; box-shadow: rgb(153, 153, 170) 2px 2px 4px; box-sizing: border-box; color: #ee0066; cursor: pointer; font-family: 'PT Sans', Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 21px; margin: 0px; outline: none; padding: 0px; position: relative; text-align: start; vertical-align: baseline;"></span></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><b><a href="http://cdn3.spicytricks.com/wp-content/uploads/2013/04/Bloggerest.zip" target="_blank">ดาวน์โหลด</a></b></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"></div><a name='more'></a><br />

blogger 2013 แม่แบบฟรีที่ได้รับการออกแบบบนพื้นฐานของรูปแบบ Pinterest

ดูแบบเต็ม ดาวน์โหลด

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

08:02

การยกเลิกการจำกัดเครื่องมือบนแท็บ 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" ตามปกติแล้วบล็อกเกอร์ที่ส...

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

06:56

แม่แบบการออกแบบคุณภาพสูงสำหรับ Joomla 1.0

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw6EKtqDQI9uFeSaGiJpBr0sTeopoXQdVdHzJlZvAzD8apVv-CacY9CfDdJMfWlwqva_yBpYld7CHe_H4CRt__o66PS7rqcJhHPV0EIep4gRzoA2QeGWoyjuQyOAYVzS6uaDW_JWJ9NYW6/s1600/pink-business-css-template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw6EKtqDQI9uFeSaGiJpBr0sTeopoXQdVdHzJlZvAzD8apVv-CacY9CfDdJMfWlwqva_yBpYld7CHe_H4CRt__o66PS7rqcJhHPV0EIep4gRzoA2QeGWoyjuQyOAYVzS6uaDW_JWJ9NYW6/s1600/pink-business-css-template.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 class="fullpost" style="background-color: white; color: #444444; font-family: 'Segoe UI', Arial, Verdana, sans-serif; font-size: 13px; line-height: 21.109375px; text-align: justify;"><span class="">มะนาวเหลืองสีขาว Web2.0 Joomla แม่แบบแม่แบบการออกแบบคุณภาพสูงสำหรับ Joomla 1.0 รุ่นที่เรียกว่ามะนาวรูปโดยเดิร์ค Winkelbach, แม่แบบนี้มาพร้อมกับ 2 คอลัมน์สีขาวและสีเหลือง, นีซแบนเนอร์ Web2.0 อินเตอร์เฟส LeftSidebar ยอดหัวเมนู ความกว้างคงที่และสิ่งอำนวยความสะดวกอื่น ๆ ธีมนี้เหมาะสำหรับเว็บไซต์ส่วนบุคคล Joomla, แม่แบบนี้ได้ผ่านการทดสอบใน IE 6.0 และ 7.0, Mozilla Firefox, Opera 9.02, Google Chrome และ Safari เว็บเบราเซอร์, 100%, CSS กะทัดรัด Valid CSS / HTML นี้ </span></span><span style="background-color: white; color: #444444; font-family: 'Segoe UI', Arial, Verdana, sans-serif; font-size: 13px; line-height: 21.109375px; text-align: justify;">แม่แบบภายใต้การตระหนักร่วมกันสร้างสรรค์ Lisence ที่หมายความว่าคุณต้องออกจากส่วนท้ายของลิงค์ที่ครบถ้วนในการสั่งซื้อที่จะใช้มันอย่าลืมเพิ่มโมดูลและโปรแกรมเสริมที่ทำให้คุณ Joomla เว็บไซต์ของคุณน่าสนใจยิ่งขึ้นและมีความยืดหยุ่นรู้สึกฟรีเพื่อใช้และดาวน์โหลด แม่แบบนี้อย่าลืมที่จะแบ่งปันมันถ้าคุณชอบมันโปรดที่จะช่วยเราในการดำเนินการต่อให้แม่ Nicht</span><span style="background-color: white; color: #444444; font-family: 'Segoe UI', Arial, Verdana, sans-serif; font-size: 13px; line-height: 21.109375px; text-align: justify;"> </span></div><div style="text-align: center;"><span style="background-color: white; font-family: 'Segoe UI', Arial, Verdana, sans-serif; font-size: 13px; line-height: 21.109375px; text-align: justify;"><span style="color: #20124d;"><br /></span></span></div><div style="text-align: center;"><span style="background-color: white; font-family: 'Segoe UI', Arial, Verdana, sans-serif; font-size: 13px; line-height: 21.109375px; text-align: justify;"><span style="color: #20124d;"><br /></span></span></div><div style="text-align: center;"><span style="background-color: white; font-family: 'Segoe UI', Arial, Verdana, sans-serif; font-size: 13px; line-height: 21.109375px; text-align: justify;"><span style="color: #20124d;"><br /></span></span></div><div style="text-align: center;"><a href="http://www.freethemes4all.com/joomla-templates/1159-free-citron-white-yellow-joomla-theme-template.html" target="_blank">ดาวน์โหลด</a></div>

แม่แบบการออกแบบคุณภาพสูงสำหรับ Joomla 1.0

มะนาวเหลืองสีขาว Web2.0 Joomla แม่แบบแม่แบบการออกแบบคุณภาพสูงสำหรับ Joomla 1.0 รุ่นที่เรียกว่ามะนาวรูปโดยเดิร์ค Winkelbach, แม่แบบนี้มาพร้อม...

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

06:38

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

<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. เข้าสู่บล็อคของคุณจากนั้นไปท...

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

06:03

ฟรีแม่แบบเว็บไซต์การออกแบบคอลัมน์ Signle ไวโอเล็ต สีดำม่วง

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7-3t-SBYJh2K32KeYnWsh1R0vmsADH_3FHisdudqa7TD-T4GoM0Cr3Z-HzIgdSfIESLDnjKwIJ5yCXYk27zPLa35YWHYRTrIWICRKRehriiaVshKs8GZXT5TPfFv52bEBa-755L53cVdP/s1600/2013-12-01_200712.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="428" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7-3t-SBYJh2K32KeYnWsh1R0vmsADH_3FHisdudqa7TD-T4GoM0Cr3Z-HzIgdSfIESLDnjKwIJ5yCXYk27zPLa35YWHYRTrIWICRKRehriiaVshKs8GZXT5TPfFv52bEBa-755L53cVdP/s1600/2013-12-01_200712.png" width="640" /></a></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><a href="file:///C:/Users/610C~1/AppData/Local/Temp/Rar$EX02.670/ftdluminescent/index.html" target="_blank">ดูแบบเต็ม</a></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;">HTML ฟรี Jquery ดำสีม่วงสีบทคัดย่อ CSS ธุรกิจ Web 2.0 แม่แบบเว็บไซต์ฟรีบทคัดย่อดำ HTML, CSS เว็บไซต์แม่แบบการออกแบบด้วยรูปแบบคอลัมน์ Signle ไวโอเล็ต, สีม่วงและสีดำสี Jquery ติดต่อพร้อม Jquery ภาพสไลด์, ความกว้างคงที่แรงบันดาลใจสไตล์ Web2.0, แม่แบบนี้เป็น Valid XHTML / CSS, การทดสอบและทำงานได้ดีใน IE 6.0 และ 7.0, Mozilla Firefox, Opera 9.02, Google Chrome และ Safari เว็บเบราว์เซอร์จากเมนูด้านบนส่วนหัวของไดนามิค, รูปภาพโลโก้บนส่วนหัวที่ไม่ซ้ำกันออกแบบเค้าโครงบล็อกการออกแบบสไตล์ มุมโค้งมนโพสต์รูปขนาดย่อส่วนท้ายของปุ่มเครือข่ายสังคม, จัดทำโดย Template4all.com, แม่แบบนี้ได้ผ่าน XHTML 1.0 Strict และ CSS ระดับ 2.1, CSS เว็บไซต์ฟรีแม่แบบจาก FlashTemplatesDesign ภายใต้ใบอนุญาตครีเอทีฟคอมมอน 3.0 นั่นหมายความว่าให้มันออกกฎหมายโดย ส่วนท้ายของลิงค์ครบถ้วนเพื่อเปลี่ยนข้อความให้เนื้อหาลิงค์ ฯลฯ เปิด Index.html ในของคุณที่ต้องการแก้ไข HTML, ไม่ว่าจะเป็น Notepad, Dreamweaver หรือ Frontpage, การเปลี่ยน CSS เปิด Styles.css ในแก้ไข HTML / CSS และการเปลี่ยนแปลง ค่านิยมที่เหมาะสมในการตอบสนองความต้องการของคุณมีแหล่งที่มา:... HTML (Macromedia Dreamweaver / Microsoft Frontpage) js (Javascript) </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><a href="https://drive.google.com/file/d/0B8nlYQHMBtG-WXdXeVUwcUJqUDg/edit?usp=sharingTk3ZTUtMzVlOGU1NWI1YThh&export=download&hl=en_US" target="_blank">ดาวน์โหลด</a></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div>

ฟรีแม่แบบเว็บไซต์การออกแบบคอลัมน์ Signle ไวโอเล็ต สีดำม่วง

ดูแบบเต็ม HTML ฟรี Jquery ดำสีม่วงสีบทคัดย่อ CSS ธุรกิจ Web 2.0 แม่แบบเว็บไซต์ฟรีบทคัดย่อดำ HTML, CSS เว็บไซต์แม่แบบการออกแบบด้วยรูปแบบคอลัม...

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

05:33

การกำหนดเงื่อนไขในการแสดงผล 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

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

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

02:34