สอนเทคนิควิธีการขั้นพื้นฐานต่าง ๆ: blogger

แสดงบทความที่มีป้ายกำกับ blogger แสดงบทความทั้งหมด

การเปลี่ยน Title Tag ให้รองรับ SEO สำหรับ Blogger

สำหรับคนที่ใช้งานเว็บบล็อกของ Blogger จุดสำคัญอีกหนึ่งแห่งคือส่วนของ Title Tag เป็นข้อความที่จะปรากฏอยู่ด้านบนของเบราว์เซอร์ หรือ Title Bar นั่นเอง มันจะช่วยบอกให้เราทราบว่าเรากำลังดูเกี่ยวกับอะไรอยู่ และยังช่วยให้เสิร์ชเอนจิน (Search Engine) ต่าง ๆ สามารถแยกแยะเพื่อจัดอันดับให้เว็บไซต์เราได้ง่ายขึ้นอีกด้วย

การกำหนดส่วนของ Title หรือ Title Tag ของแต่ละบทความที่เราเขียนขึ้นนั้น ควรจะต้องเป็นหัวข้อที่กระชับ ไม่สั้น ไม่ยาว รวมแล้วไม่ควรเกิน 70 ตัวอักษร และมีคำสำคัญ หรือ Keyword (คีย์เวิร์ด) ที่เกี่ยวข้องกับบทความนั้น ๆ ประกอบอยู่ด้วย

Title Tag ถือได้ว่าเป็นหัวใจสำคัญในการทำ SEO เบื้องต้น หรือที่เรียกว่าการปรับแต่ง SEO On-Page คือทำให้เว็บไซต์ของเราจูนเข้ากับระบบ Search Engine ต่าง ๆ นั่นเอง

1. ไปที่ แม่แบบ คลิกเข้าไปที่ แก้ไข HTML

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

ฟรีโค้ดโบว์ดำไว้อาลัย Black Ribbons ริบบิ้นดำไว้ทุกข์

ในบทความก่อน ๆ ได้นำเสนอวิธีการทำเว็บไซต์ให้เป็นสีขาวดำเพื่อเป็นการไว้อาลัย ซึ่งก็มีผลให้การใช้งานเว็บไซต์ดูจะยุ่งยากไปหน่อย คราวนี้ผมจึงได้นำโค้ด CSS แบบใหม่ที่จะใช้การติด โบว์สีดำ หรือ ริบบิ้นสีดำ ให้กับเว็บไซต์และเว็บบล็อกของเราแทน

ขั้นตอนติดตั้งโค้ด CSS ริบบิ้นดำไว้ทุกข์สำหรับ Blogger

1. ไปที่ รูปแบบ แล้วคลิก เครื่องมือออกแบบเทมเพลต

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

โค้ดปุ่ม Link Button แจกฟรี

Button คือ ปุ่มที่มีการตอบสนองเมื่อเรานำเม้าส์ไปชี้ โดยใช้โค้ดสำเร็จรูป CSS ที่เราสามารถนำไปปรับแต่งใช้งานได้ทันที จะมีโค้ด 2 แบบด้วยกัน

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

โค้ดโฆษณา Banner เลื่อน ขึ้น-ลง ตาม Scrollbar

สำหรับเว็บมาสเตอร์ที่อยากจะเพิ่มช่องทางการทำเงินด้วยป้ายโฆษณาที่สามารถเลื่อน ขึ้น-ลง ตามการเลื่อนเม้าส์ Scroll Bar เพื่อให้ป้ายแบนเนอร์โฆษณาดูโดดเด่นเห็นได้ชัดเจน วันนี้ผมมีโค้ดมาแจกครับ สามารถนำค่าเดิม ๆ ไปเปลี่ยนเป็นป้ายแบนเนอร์ของคุณได้เลย หรือจะปรับแต่งตามความต้องการก็ย่อมได้

โค้ด HTML ที่นำมาแจกนี้ สามารถนำไปใช้กับระบบของ Blogger หรือเว็บไซต์อื่น ๆ ที่ไม่มี Base CSS นะครับ ส่วนตัวผมทดสอบใช้งานกับ Blogger แล้วไม่มีปัญหาใด ๆ ใช้งานได้ปกติ

โค้ดจะมีด้วยกัน 3 ชุด สามารถเลือกอย่างใดอย่างหนึ่งไปใช้งานตามความเหมาะสมของเว็บไซต์คุณได้เลย

หมายเหตุ: ขนาดป้ายโฆษณา 160x600 สามารถเปลี่ยนขนาดของป้ายได้ ให้ค้นหาโค้ด width="160 และ height="600 เปลี่ยนที่ตัวเลข 160 และ 600 เป็นความกว้างความสูงตามที่เราต้องการ

1. คลิกไปที่ แม่แบบ แล้วคลิก แก้ไข HTML

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

โค้ด HTML ลิงก์ข้อความ ลิงก์รูปภาพ

Anchor Text (แอง-เคอะ เท็คซท) หรือเรียกง่าย ๆ ว่า Text Link (เท็คซท ลิงก์) เป็นลักษณะของการเชื่อมโยง คำ, ข้อความ หรือตัวอักษรต่าง ๆ ที่เราต้องการ มีความสำคัญในการเชื่อมโยงระหว่างเว็บเพจไปยังหน้าเว็บเพจอื่น ๆ ในเว็บไซต์เดียวกัน หรือเชื่อมโยงระหว่างเว็บไซต์หนึ่งไปยังอีกเว็บไซต์หนึ่ง

โค้ด HTML ที่สามารถนำไปใช้งานจะมี 4 แบบ

1. <a href="ลิงก์ URL ที่ต้องการเชื่อมโยง">ข้อความ</a>
ตัวอย่าง: ข้อความ

2. <a href="ลิงก์ URL ที่ต้องการเชื่อมโยง" target="_blank">ข้อความ</a>
ตัวอย่าง: ข้อความ
อธิบาย: target="_blank" คือ เมื่อคลิกที่ลิงก์จะเป็นการเปิดแถบหน้าต่างใหม่

3. <a href="ลิงก์ URL ที่ต้องการเชื่อมโยง" target="_blank"><b>ข้อความ</b></a>
ตัวอย่าง: ข้อความ
อธิบาย: <b>...</b> คือ การทำให้ข้อความเป็นตัวหนา

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

เปลี่ยนระบบ Comment สำหรับ Blogger ให้มีลูกเล่นมากขึ้น

บทความนี้จะมาแนะนำวิธีการเปลี่ยนระบบคอมเม้นท์ (Comment) ฟรี สำหรับเว็บบล็อกอย่าง Blogger กัน โดยมีขั้นตอนไม่ยุ่งยาก เป็นบริการฟรีของ IntenseDebate มาเริ่มกันเลยดีกว่า...

1. ไปที่เว็บ intensedebate.com แล้วคลิก Sign Up

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

วิธีติดตั้ง SSL Certificate สำหรับ Blogger ฟรี

คราวที่แล้วได้สอนวิธีติดตั้ง SSL Certificate สำหรับ WordPress ไปแล้ว คราวนี้เรามาดูวิธีติดตั้ง SSL Certificate สำหรับบล็อก Blogger กัน

ในการติดตั้ง SSL สำหรับ Blogger นั้น จะง่ายกว่า WordPress ไม่ซับซ้อนมาก หลักสำคัญขึ้นอยู่กับตัว Theme ที่นำมาใช้ และสำหรับวิธีติดตั้ง SSL Certificate สำหรับ WordPress ดูได้ที่: https://www.108basic.tk/2016/10/ssl-certificate-free.html

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

จดโดเมน Domain ฟรี Blogger

ใครหลายคนที่คุ้นเคยกับการใช้งาน Blogger มาพอสมควรแล้ว และอยากจดโดเนมเนม (Domain Name) ให้กับเว็บบล็อกของตัวเองด้วยโดเมนเนมฟรี 1 ปี

1. เข้าไปที่เว็บไซต์ www.freenom.com/en/index.html แล้วกรอกชื่อโดเมนเนมที่เราต้องการ แล้วคลิก Check Availability เพื่อตรวจสอบว่ายังว่างพร้อมใช้งานหรือเปล่า