ข่าวบันเทิง: ปรับแต่ง Blogger

การทำ Rss Feed ดึงบทความลง Blogger

<br />การทำ Rss Feed ดึงบทความลง Blogger ก็คือการดึงบทความล่าสุดจาก Feed ที่เราต้องการมาลง Blog ของเราได้ โดยใช้ Gadget Feed ของ Blogger ครับ<br /><br /><br />การทำ Rss Feed ดึงบทความลง Blogger<br />ให้เรา Login เข้า Blogger ครับ จากนั้นไปที่ "องค์ประกอบของหน้า" ทำการเพิ่ม Gadget ครับ<br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8CiqPkyHACr31piz079q5_DPYYmzZ0T0oO_cMD2JoJ8Peq3j4TbYp2ubKkH0zWjmomY4kuBkhyKFgz7cd8WlqHYX5BVvO9KOxNYBChZs5Dfm5AbBUFO46XtZWm_9hs-v0YJwLntBVylI/s1600-h/11+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%AA%E0%B9%88+Rss+Feed+%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A+Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" closure_uid_5qvvys="2" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8CiqPkyHACr31piz079q5_DPYYmzZ0T0oO_cMD2JoJ8Peq3j4TbYp2ubKkH0zWjmomY4kuBkhyKFgz7cd8WlqHYX5BVvO9KOxNYBChZs5Dfm5AbBUFO46XtZWm_9hs-v0YJwLntBVylI/s320/11+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%AA%E0%B9%88+Rss+Feed+%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A+Blogger.jpg" width="400" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQaGM8Yb9YaGUZLUSS7ihMwxy9nvqFTwo1Hhsz4zpM4iIGPOh7A4p_O43wv7kRUf8se7Ad_bef0BivJxQSPisYNyTIjbMZ_dY2euvgwwp3CLt05i93Bh7xANp0VKCxivA7p_gRhX5cfVA/s1600-h/12+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%AA%E0%B9%88+Rss+Feed+%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A+Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" closure_uid_5qvvys="3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQaGM8Yb9YaGUZLUSS7ihMwxy9nvqFTwo1Hhsz4zpM4iIGPOh7A4p_O43wv7kRUf8se7Ad_bef0BivJxQSPisYNyTIjbMZ_dY2euvgwwp3CLt05i93Bh7xANp0VKCxivA7p_gRhX5cfVA/s400/12+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%AA%E0%B9%88+Rss+Feed+%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A+Blogger.jpg" /></a></div>ให้เราเลือก Gadget Feed  ครับ<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK0TzUQ-ENQKDmpNHPqXh8P9rJ6n8J64iRdQfinZT1SeXuA318WV0c4BbecTWEkohbs7lUqJdsjoS3zoEtYdf2sCtZFGGS4-r1egvbmcMfAxAWhl_itIwTWdrIiJ4DtbFa7KonJlWsTKs/s1600-h/13+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%AA%E0%B9%88+Rss+Feed+%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A+Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" closure_uid_5qvvys="4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK0TzUQ-ENQKDmpNHPqXh8P9rJ6n8J64iRdQfinZT1SeXuA318WV0c4BbecTWEkohbs7lUqJdsjoS3zoEtYdf2sCtZFGGS4-r1egvbmcMfAxAWhl_itIwTWdrIiJ4DtbFa7KonJlWsTKs/s400/13+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%AA%E0%B9%88+Rss+Feed+%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A+Blogger.jpg" /></a></div>จากนั้นให้เราไปนำ Feed ของเราใน  Feedburner.com เข้าไปตรง Edit Feed Details  ตรง Original Feed ให้เรานำ link  นั้นมาใส่ใน Gadget Feed ใน Blogger ครับ<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOqWM3Nxgc-QMdi4VsrZXyMNBAV_mqBUjLxDcCSwQiZ3_1OZ3jXxWM4kA3hjWb77hbOxrsH-XghoAaSe4y-09Eqtgl6e11yjuDxQKO2bDRFUz7oakBRH7svx8hgto8BckR0P0f7RvpTNA/s1600-h/14+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%AA%E0%B9%88+Rss+Feed+%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A+Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" closure_uid_5qvvys="5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOqWM3Nxgc-QMdi4VsrZXyMNBAV_mqBUjLxDcCSwQiZ3_1OZ3jXxWM4kA3hjWb77hbOxrsH-XghoAaSe4y-09Eqtgl6e11yjuDxQKO2bDRFUz7oakBRH7svx8hgto8BckR0P0f7RvpTNA/s400/14+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%AA%E0%B9%88+Rss+Feed+%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A+Blogger.jpg" /></a></div><br />จากนั้นกด ดำเนินการต่อไปครับ<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-fa0mIbaJ2c8NRfG13Y9FSneBvZJCg3QWSw4Ld2Ec-ggNkfPeWrgonB1xKIY9nuHQ7IePIfQ-bEEAF9tehRJezMmZElUZRj9ANXFphJG1UHRC_JhnIm1FOTCGcvovchdzpulF861IMK8/s1600-h/15+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%AA%E0%B9%88+Rss+Feed+%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A+Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" closure_uid_5qvvys="6" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-fa0mIbaJ2c8NRfG13Y9FSneBvZJCg3QWSw4Ld2Ec-ggNkfPeWrgonB1xKIY9nuHQ7IePIfQ-bEEAF9tehRJezMmZElUZRj9ANXFphJG1UHRC_JhnIm1FOTCGcvovchdzpulF861IMK8/s400/15+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%AA%E0%B9%88+Rss+Feed+%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A+Blogger.jpg" /></a></div><br />ทาง Blogger ก็จะทำการดึง Feed 5  บทความล่าสุดมาลงครับ (ในตัวอย่างยังไม่ได้ Post) ดังตัวอย่างนี้ครับ<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkylu7l2Kt1fQU1kYyc3In0V8o0KCwW-FebwwjEq8iXmBAAHmZuH93kuWhS1qnGyRMm0kLxyHmpjNZFaL9-NthTnFTr9rmxipIXcYBuF7YHQIQvkueQT5FL5XyDQxyn1uJzlTFRGOepeg/s1600-h/16+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%AA%E0%B9%88+Rss+Feed+%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A+Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" closure_uid_5qvvys="7" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkylu7l2Kt1fQU1kYyc3In0V8o0KCwW-FebwwjEq8iXmBAAHmZuH93kuWhS1qnGyRMm0kLxyHmpjNZFaL9-NthTnFTr9rmxipIXcYBuF7YHQIQvkueQT5FL5XyDQxyn1uJzlTFRGOepeg/s320/16+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%AA%E0%B9%88+Rss+Feed+%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A+Blogger.jpg" width="320" /></a></div>

การทำ Rss Feed ดึงบทความลง Blogger

การทำ Rss Feed ดึงบทความลง Blogger ก็คือการดึงบทความล่าสุดจาก Feed ที่เราต้องการมาลง Blog ของเราได้ โดยใช้ Gadget Feed ของ Blogger ครับ การท...

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

การทำ Email Subscription

<br />Email Subscription เป็นบริการของ Feedburner ที่สามารถให้ผู้อ่าน Blog ของเรา สามารถรับเนื้อหาอัพเดตใหม่ของเรา ผ่านบริการ Email ครับ<br /><br />ให้เราเข้าไปที่ Feedburner ทำการ Login เข้า Feed ของเราครับ ในหัวข้อ Publicize ให้เราตั้งค่าที่เมนู Email Subscription ดังรูปครับ<br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-nULNMGYbcXzbIhW98Y_u67wCCORvn5o7KoGBjzaWTAvmeQJXbjEwpfcpexLP-dqpem1rgJ8luwO3Q7ZsKJs1tAc-5oVcVzFbTITg5nVW6TgBbrQ8zIrHeD0SiuW68KYnxWorhEUljJw/s1600-h/1+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%97%E0%B8%B3+Email+Subcription.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" closure_uid_5yn3sr="2" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-nULNMGYbcXzbIhW98Y_u67wCCORvn5o7KoGBjzaWTAvmeQJXbjEwpfcpexLP-dqpem1rgJ8luwO3Q7ZsKJs1tAc-5oVcVzFbTITg5nVW6TgBbrQ8zIrHeD0SiuW68KYnxWorhEUljJw/s640/1+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%97%E0%B8%B3+Email+Subcription.jpg" width="640" /></a></div><div><br /></div><div>ให้เราเลือกเป็น Blogger ครับ ทางระบบจะทำการติดตั้งให้เราอัตโนมัติ  เสร็๋จแล้วคลิ๊ก GO ครับ<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwXTZgKGKL7ABlWX0qb5QFo7nwmFKlQZEupj0cM1RzF_7Mfym5zVAUL-evXqFiqMEQwnD0g4QGkA_BslENg6YLPZWmf5NJ-Qcz0N85wNTRnARQlE1Zx5Dzl2VB29d9B9OiG14ZRHGLVrE/s1600-h/2+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%97%E0%B8%B3+Email+Subcription.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" closure_uid_5yn3sr="3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwXTZgKGKL7ABlWX0qb5QFo7nwmFKlQZEupj0cM1RzF_7Mfym5zVAUL-evXqFiqMEQwnD0g4QGkA_BslENg6YLPZWmf5NJ-Qcz0N85wNTRnARQlE1Zx5Dzl2VB29d9B9OiG14ZRHGLVrE/s400/2+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%97%E0%B8%B3+Email+Subcription.jpg" /></a></div><br />ตั้งอะไรให้เสร็จสับ  จากนั้นเพิ่มเครื่องมือไปเลยครับ จะเป็นดังรูป<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyveRDiCENgF2xUYGu3VGUoYriorbh-5l_APs9qlLr-GxujxsmnQQDOmIzuJzZJ2-xcEh5mC33RRMgzKg-veirotgxLNrfwct62UJ7E9NdPo3kr4Zxschj4XCWwmPzhykFSlhB5kwzPv0/s1600-h/3+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%97%E0%B8%B3+Email+Subcription.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" closure_uid_5yn3sr="4" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyveRDiCENgF2xUYGu3VGUoYriorbh-5l_APs9qlLr-GxujxsmnQQDOmIzuJzZJ2-xcEh5mC33RRMgzKg-veirotgxLNrfwct62UJ7E9NdPo3kr4Zxschj4XCWwmPzhykFSlhB5kwzPv0/s400/3+%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%97%E0%B8%B3+Email+Subcription.jpg" width="400" /></a></div><br />ระบบก็จะทำการติดตั้งลง  Blog เราให้อัตโนมัติ สังเกตุตรง HTML/จาวาสคริปต์ นะครับ เราอยากจะให้ Email  Subscription ไปอยู่ตรงไหน ก็เลือกจัดรูปแบบได้ตามสบายเลยครับเพื่อความสวยงาม </div><div><br /></div><div><br /></div>

การทำ Email Subscription

Email Subscription เป็นบริการของ Feedburner ที่สามารถให้ผู้อ่าน Blog ของเรา สามารถรับเนื้อหาอัพเดตใหม่ของเรา ผ่านบริการ Email ครับ ให้เราเข้...

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

การทำ Sitemap ให้ Blogger

<br />Sitemap เป็นบริการหนึ่งของทาง Google Webmaster Tool ก็คือบริการที่เปิดให้เรานำเว็บไซต์ของเราไปอยู่ในฐานข้อมูลของ Google เพื่อให้ Google นั้นสามารถส่ง Bot ออกมาเก็บข้อมูลใหม่ๆที่เราอัพเดตตลอดเวลา ดังนั้นการทำ Sitemap จึงมีผลดีในด้านการทำ SEO และช่วยให้เว็บของเราติด Index ได้อย่างรวดเร็วครับ<br /><br />การทำ Sitemap ให้ Blogger อันดับแรกให้เราเข้าไปที่  Google Webmaster Tool จากนั้นให้เราทำการ Login โดยใช้ Gmail ของเราครับ จากนั้นให้เราใส่ Url ของ Blog เราลงไปดังรูป<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuMz_b73EeZAjahsC8bO-ueSfrvWip5WRuZpYXdNrlRfhRfpx-H-prhOO99od4BKvhUteOes_TPYUiJ4JL52gfR_XH_MY28o0jzMqxp4qwQp5nWjA1zg-nODao8cEqEcGQMbQzKb0p-Qvf/s1600/654.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuMz_b73EeZAjahsC8bO-ueSfrvWip5WRuZpYXdNrlRfhRfpx-H-prhOO99od4BKvhUteOes_TPYUiJ4JL52gfR_XH_MY28o0jzMqxp4qwQp5nWjA1zg-nODao8cEqEcGQMbQzKb0p-Qvf/s1600/654.png" /></a></div><div>เสร็จแล้วเราจะต้องทำการยืนยัน โดยทาง Google  Webmaster Tool จะให้เราใส่โค้ดลงไปใน Blog ของเรา ดังรูปครับ<br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjECi9lKENa-D6eeWbCb3V_VpAqsUDOf_k3TrU2vF8k9H0ikhq8PGCnz2j2jBe8fHQJK1111P5RFFh7GA_G0AstlCsUw4hDYcu3CNpYruNLP5kTfNL12H8D8lHaigDSdhbcsNKnurXxg8k/s1600-h/Image.png"><img alt="2.การทำ Sitemap ให้ Blogger" border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPyuB0k9p_c1FGz70itR1tWXBlfRUggY5x3g5aMPWMsfETJ0PUsJ40BL8cQxC7OtMiA-sPCSRD7yfHThbGGKBfZGfyTAdjngV6qB7dYnZ6VnsxPQhn-o_5PMMnymC21waZxO3D8EAvtFQ/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="2.การทำ Sitemap ให้ Blogger" width="518" /></a><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLE95wFTlO-xnJFclVN7LMSXZnmrgaxQNnSWsj_K91SVZY3AOS0To5sVOX_nXvHp5U30uM9gLmsc_wo81ArZsq0WQArJVOF51Z_3Y_DF-RDKUrBqyILnS2LUURGGg9Sapl7sbL6It8hso/s1600-h/Image.png"><img alt="3.การทำ Sitemap ให้ Blogger" border="0" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcq5Bd3mtHDlDQjnVhPuenZR0RqTYD4pKj4bv5ihcseQ1fbIqxw2yMirkRXUGK74VwBODyF5tLO0ifkShYgnbEcvDJgzEkAJuLD4mnc_hrlPYYJ9Vye97g5VZIqJveDG5YwI6fri5vAZs/?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="3.การทำ Sitemap ให้ Blogger" width="546" /></a> <br /> <ol><li>ให้เราเลือกวิธียืนยันครับว่าจะใช้วอธีไหน ให้เราเลือก Add a meta tag ครับ  </li><li>ให้เรา Copy โค้ดในช่องไปใส่ในในส่วนของ แก้ไข Html ใน Blogger เราครับ </li><li>ใส่โค้ดที่เรา Copy มาหลัง Tag <head> ก่อน </head> ดังรูปครับ  </li><li>เมื่อเราทำการใส่โค้ดลงไปแล้วให้เรากดทำการยืนยันที่นี้ได้เลย </li></ol>จากนั้นให้เราเข้าไปที่เมนู Sitemap ครับ แล้วใส่ atom.xml ดังรูปครับ<br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCQ2dieE2L7h46HHuvwmvbmrZ7Pj_whPggQ2nuiPXorvxCxzqdK3WvS5jj2LIjeLTfI55y4z2yqWwNYwjAmRCGFCmO6Tl9LvMJ3jVj9jfEmcoFQ4Wyw9EYJbGtZhoniMM87R2h8F8c4dM/s1600-h/Image.png"><img alt="4.การทำ Sitemap ให้ Blogger" border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdjYZq-YGtc8uZmelFppAProaoG6kjgN7cMryTuoOgz_sGjcgYrEtxz1FQWgbx4fUfZllpjl_PikNJ1jFaRDb34xnD_BWdAZozGveigewzpTTtkv8jbL_CtolsK35PsWh8GE-WPd0qoqw/?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="4.การทำ Sitemap ให้ Blogger" width="567" /></a><br /> เมื่อใส่ atom.xml แล้วทำการ Submit Sitemap  แล้วก็เป็นอันเสร็จเรียบร้อยแล้วครับ จะขึ้นดังรูปครับ<br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGkY-3ywudEhPnbao94v-On9PbxDlLLtyd7N7cti6uCDexSBMrM70-G_gNX7OnjMbaQ01jLDQOG_iR_Pdsc9hpXlTJGEz_A4nXpOsbt59CblnOWDZbDB6TJUXgZEHfuXrjrSY4liTUHCk/s1600-h/Image.png"><img alt="5.การทำ Sitemap ให้ Blogger" border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUk8e24k16T4-ZFOMC7AWe6SQi8syzxOsEW1L_g_QRNo3UGWDozj9vQjYTaDDpNcKUsL96D_lFITS9H9sOPy3lH6bOY4UQQoqseJ6HuvRTeukWTvZr4z0RizT90v84yPrGYfB9oF3gsKk/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="5.การทำ Sitemap ให้ Blogger" width="562" /></a> เสร็จเรียบร้อยแล้วครับ จากนั้นก็รอ Bot  เข้ามาเก็บข้อมูลเรื่อยๆ เมื่อเราอัพเดตเนื้อหาใหม่ทุกๆครั้งครับ</div>

การทำ Sitemap ให้ Blogger

Sitemap เป็นบริการหนึ่งของทาง Google Webmaster Tool ก็คือบริการที่เปิดให้เรานำเว็บไซต์ของเราไปอยู่ในฐานข้อมูลของ Google เพื่อให้ Google นั้น...

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

ปรับแต่ง Title ของ Blogger ให้ถูกหลัก SEO

ในการทำ Blogger ให้ถูกหลัก SEO ในส่วนของ Title  ซึ่งจะต้องเป็นส่วนที่แสดงก่อนตามชื่อของแต่ละหัวข้อบทความ เมื่อคุณเข้า Edit Html  ของ Template ของคุณจะพบกับ Code นี้ครับ ซึ่งจะอยู่ใสส่วนแรกดังรูปครับ<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd4YMYm0W4G6HyekhZkHgLY1i9cywFxruJy32jHN5pxWSBpwiQ2O26ZI1wG7YrD4iUQhCDD5-t1-Ou6NnB13ViX8O0EEbGAErK_yeFpoJwL2O9cYv8gbkgrLwCGi9pTu27jPNro5Pac2sU/s1600/8948.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd4YMYm0W4G6HyekhZkHgLY1i9cywFxruJy32jHN5pxWSBpwiQ2O26ZI1wG7YrD4iUQhCDD5-t1-Ou6NnB13ViX8O0EEbGAErK_yeFpoJwL2O9cYv8gbkgrLwCGi9pTu27jPNro5Pac2sU/s1600/8948.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"></div>ให้เราใส่โค้ดด้านล่างนี้แทนโค้ดที่ผมตีกรอบสีแดงด้านบน<br /> <center><table border="1" cellpadding="2" cellspacing="0" style="width: 400px;"><tbody><tr><td valign="top" width="400"><div align="left"><b:if cond='data:blog.pageType ==  "index"'> <br />     <title><data:blog.title/></title> <br />    <b:else/>  <br />    <title><data:blog.pageName/></title> <br />     </b:if></div></td></tr></tbody></table></center><br /> เมื่อแทนที่โค้ดเสร็จเรียบร้อยแลล้วจะเป็นดังนี้ ตามรูปครับ<br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpG-NRUbeGtwmb7h25Q-zXaOMqudprq-rfeF8NXo2_yPDji6_jYIgzXI1IXi224xuycJqQjGzh_NOxCTlt5sW7Vco41zHcWNWaRhjM1FRXylAij2ibqI1EwNzeakIN1fLDLyDN5XY6Xdc/s1600-h/Image.png"><img alt="2.ปรับแต่ง Title ของ Blogger ให้ถูกหลัก SEO" border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK7T6vMT6uh5gl6hvtt111mmp-HMmEHoYH_LCpfWZR8o8zLKKBcoNZj6cYigRvhTRLRfuU3LP_RKbume4sOVVpbiaLmlpZiWM4n4ceLsnX7HiZisu9-4TEv54KhXGGzLHo_v4RRZNgloE/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="2.ปรับแต่ง Title ของ Blogger ให้ถูกหลัก SEO" width="591" /></a><br /> จากนั้นกดบันทึกก็เป็นอันเสร็จเรียบร้อยแล้วครับ ซึ่งจะมีผลด้าน SEO มากทีเดียว<br /><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br />

ปรับแต่ง Title ของ Blogger ให้ถูกหลัก SEO

ในการทำ Blogger ให้ถูกหลัก SEO ในส่วนของ Title ซึ่งจะต้องเป็นส่วนที่แสดงก่อนตามชื่อของแต่ละหัวข้อบทความ เมื่อคุณเข้า Edit Html ของ Templat...

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

การทำ Feedcount ให้ Blogger

<br />การทำ FeedCount ก็คือการติดจำนวนผู้อ่าน Blog ของเราครับ ใครจะติดโชว์ความเหนือชั้นให้คนอื่นดูว่าคนเข้าเว็บเรากี่คนก็สามารถทำได้เลยครับ เป็นการสร้างความน่าเชื่อถือให้กับ Blog เราไปอีกแบบ<br /><br />การทำ Feedcount ให้ Blogger<br />ให้เราเข้าไป Login ที่ Feedburner.com จากนั้นเข้า Email ของ Blog เราครับ<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBtBHjHT61AadJzxt35s2lVLRttjUsa0Mz_2G3eZoqNxZt9qQvPuHGyOZ7XKrC08EBnIqzvRXYNb0t0JmUyPFIYkJMh1evtopV1Hfkva8DqFfzOR1ZInTMAxFxKWSzfPGkjFhy87Zck0j5/s1600/Image.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBtBHjHT61AadJzxt35s2lVLRttjUsa0Mz_2G3eZoqNxZt9qQvPuHGyOZ7XKrC08EBnIqzvRXYNb0t0JmUyPFIYkJMh1evtopV1Hfkva8DqFfzOR1ZInTMAxFxKWSzfPGkjFhy87Zck0j5/s320/Image.png" width="320" /></a></div><div><div>  จากรูปตัวอย่างให้เราทำการตั้งค่าตาม STEP ดังนี้!</div><div><br /></div><div>1.เข้าไปตั้งค่าของ Feedburner ที่หัวข้อ Publicize</div><div>2.เข้าไปที่เมนู FeedCount ตามตัวอย่าง</div><div>3.จากนั้นจะให้เราตั้งค่าสีของ FeedCount</div><div>4.เมื่อตั้งค่าอะไรเสร็จเรียบร้อยแล้ว ให้เราเลือก Blogger จากนั้นกด Go! ทาง Feedburner จะทำการติดตั้ง FeedCount ให้เราอัตโนมัติ เราก็เข้าไปปรับตำแหน่งแค่นี้ก็เสร็จแล้วครับ</div></div>

การทำ Feedcount ให้ Blogger

การทำ FeedCount ก็คือการติดจำนวนผู้อ่าน Blog ของเราครับ ใครจะติดโชว์ความเหนือชั้นให้คนอื่นดูว่าคนเข้าเว็บเรากี่คนก็สามารถทำได้เลยครับ เป็นกา...

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

การทำ Read more ให้กับ Blogger

<br />บางครั้งคนอ่านไม่ชอบเนื้อหายาวๆบนหน้าเว็บซึ่งยาวเป็นกิโล  ผมก็ไม่ค่อยจะชอบเหมือนกัน การใส่ Read more หรือ อ่านต่อ…  เป็นตัวเลือกอย่างนึงที่ทำให้เนื้อหาเราดูสั้นลงตามที่เรากำหนด  เมื่อคนอ่านอยากอย่านต่อหัวข้อนั้นๆก็สามารถคลิ๊ก Read more.. หรือ อ่านต่อ… ได้  ทำให้สะดวกและประหยัดหน้าเว็บเราไม่น้อยทีเดียว<br /> การทำ Read more ให้กับ Blogger ให้เราเข้าไปที่ Edit HTML หรือแก้ไข HTML<br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSHy-0hYZesjHFP-ZB3DDCVzdPcw4f2RaX6jvd1IBlCsQRB_AJBIh9McaWyMgXkoDc3m6A0ID8pG64WL_nyhCEzgsL3mJUSJ4MfsMREIBeG7XwcJmsXJZ8NPK1olsqJlq6GAit0KvW_Dg/s1600-h/Image.png"><img alt="1 การทำ Read more ให้กับ Blogger" border="0" height="269" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivM4lP4JWzL-9aMHJoO0OKCWyTGmLbeL5zRBKux0kHuaOEO6FSum57hW6LHlU4leX2r7z8H5OamNsJwZm1vMmrJCnggn45tlPkEHuGnEmfRtZEoLnckggEMq5fPkyhqmACTt8_WEaIPOs/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="1 การทำ Read more ให้กับ Blogger" width="577" /></a> <br /> <ol><li>.ให้ทำการ Backup ไว้ก่อนกันเหนี่ยวเดียวผิดพลาดขึ้นมางานจะเข้า </li><li>กดเพิ่มเครื่องมือแม่แบบ เพื่อเปิด Code แบบเต็ม </li></ol>ใส่ code สีแดงข้างล่างนี่ใส่ไว้ก่อน </head> หลัง </b:skin>  ครับ<br /> <center><table border="0" cellpadding="1" cellspacing="0" style="width: 400px;"><tbody><tr><td valign="top" width="398"><div align="left">]]></b:skin> <br /><span style="color: red;"><b:if  cond='data:blog.pageType != "item"'> <br /><style>#fullpost{  display:none;}</style> <br /></b:if>  </span></head></div></td></tr></tbody></table></center>จากนั้นกด Ctrl+F หา Code นี้ครับ <p><data:post.body/></p>  แล้วใส่ Code สีแดงไว้ด้านล่างครับ<br /> <center><table border="0" cellpadding="1" cellspacing="0" style="width: 500px;"><tbody><tr><td valign="top" width="498"><div align="left"><div class='post-body entry-content'> <br />       <p><data:post.body/></p> <br />      <span style="color: red;"><b:if cond='data:blog.pageType != "item"'> <br />          <p><a expr:href="data:post.url">Read More</a></p>  <br />      </b:if> </span>      <div style='clear: both;'/>  <!-- clear for photos floats –></div></td></tr></tbody></table></center>ให้สังเกตุคำว่า Read More ใน Code ด้านบนนี้ครับ  เราสามารถแก้ไขตามใจเราได้เช่นเราอยากให้แสดงเป็นคำว่า อ่านต่อ… เราก็เปลี่ยนจาก  Read More เป็นคำว่า อ่านต่อ… ครับ แค่นั้นแหละ<br /> หลังจากนั้นให้เรากด Save Template ได้เลยครับ<br /> จากนั้นไปที่ Setting >>> Formatting เลื่อนลงมาล่างสุดจะเห็น Post  Template ให้ Copy ข้างล่างนี่ใส่กรอกเข้าไปแล้ว Save ครับ<br /> <center><table border="0" cellpadding="1" cellspacing="0" style="width: 300px;"><tbody><tr><td valign="top" width="298"><div align="left">ส่วนที่จะให้แสดง <br /><span id="fullpost"> <br />ส่วนที่เหลือ  <br /></span></div></td></tr></tbody></table></center><br /> <blockquote>เราอยากให้ตรงไหนโผล่ขึ้นก็ให้เขียนตรง “ส่วนที่จะให้แสดง”  ตรงไหนอยากให้อ่านต่อก็ใส่ตรง “ส่วนที่เหลือ”</blockquote>

การทำ Read more ให้กับ Blogger

บางครั้งคนอ่านไม่ชอบเนื้อหายาวๆบนหน้าเว็บซึ่งยาวเป็นกิโล ผมก็ไม่ค่อยจะชอบเหมือนกัน การใส่ Read more หรือ อ่านต่อ… เป็นตัวเลือกอย่างนึงที่ท...

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

ตกแต่งเนื้อหาให้สวยงามด้วย Window Live Writer

<br /><strong><u>Window Live Writer เป็นโปรแกรมเขียน Blog  ซึ่งสามารถตกแต่งเนื้อหาให้สวยงาม</u> </strong>กว่าระบบเดิมๆ ของ <b><span style="color: lime;">Blogger </span></b>มากมายครับ  ซึ่งมีรูปแบบการใช้งานที่ง่ายมากๆ แต่งภาพได้สวยสดงดงาม <span style="color: magenta;"><i>หน้าตาเป็นแบบนี้ครับ</i></span><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifBo1JTbcs8nPAQueGwketKsc532qhCGTIrfjGYq-EWEnIdWumDIz4haNLjeFamEM9TO_19SOJPixum0Of5ps3O1Npom_xyYfFvha-vnpbnssnnPktxIg2h7kMXHYT6fSqCW7AMJyH7wg/s1600-h/window%20live%20writer%5B11%5D.png"><u></u><img alt="window live writer" border="0" height="414" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfxTZKfnHY8mIYqP5sX3_aP7bJgW6NTPMNAr0FZD-nss88PgOBDo7lEA8zc1VbrpEhU7wh8qK7a1J1cmDrJr4yo16vhIpooiIXLGqmZWQ89uflzNtB-vum8qVPl5PHFnlcUsKyEedCcy4/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="window live writer" width="486" /></a><br /> ใครที่ไม่พอใจกับการเขียนเนื้อหาใน Blogger เขียนแล้วมันไม่สวย มันไม่ได้ดั่งใจ ลองเปลี่ยนมาใช้  <strong><u>Window Live Writer</u></strong> ดูกันได้นะครับ เพราะผมก็ใช้งานอยู่  สะดวกมากๆ ครับ ลอง Download ไปใช้กันเลยครับ<br /> <b><span style="color: lime;">Download :</span></b> <a href="http://download.live.com/writer" target="_blank">Window Live Writer</a><br />