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

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

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

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

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

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

โค้ดโฆษณา Banner เลื่อนตาม ScrollBar สำหรับ WordPress

ถ้าได้ติดตามบทความก่อนหน้านี้เกี่ยวกับ วิธีทำ Banner เลื่อน ขึ้น-ลง ตาม Scrollbar สำหรับเว็บบล็อกอย่าง Blogger คราวนี้จะมาสอนวิธีการทำโฆษณาแบนเนอร์เลื่อนตาม Scrollbar สำหรับ WordPress กันบ้าง

หมายเหตุ: บางทีเราต้องปรับความกว้างในส่วน #topbar (สำหรับโค้ดชุดที่ 1 และ 2) ตรง width: 160px; เพื่อให้ป้ายแบนเนอร์แสดงผลตามความกว้างและความสูงที่ได้กำหนดไว้ ซึ่งก็ขึ้นอยู่กับเทมเพลตที่เราใช้งานอยู่ด้วย

1. ไปที่ Appearance แล้วคลิกที่ Editor

ปลั๊กอิน Q2W3 Fixed Widget วิดเจ็ตเลื่อนตามสกอร์บาร์

มาเพิ่มจุดเด่นให้กับเว็บไซต์ที่ใช้ระบบเว็บ WordPress ด้วยปลั๊กอินที่มีชื่อว่า "Q2W3 Fixed Widget" จะช่วยทำให้ง่ายในการจัดการกับ Widget ต่าง ๆ ที่เราต้องการให้เลื่อน ขึ้น-ลง ตาม Sidebar เหมาะอย่างยิ่งสำหรับแบนเนอร์ป้ายโฆษณา หรือข้อความลิงก์เมนูต่าง ๆ

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

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

ขั้นตอนการติดตั้งปลั๊กอิน Q2W3 Fixed Widget

1. ไปที่ Plugins แล้วคลิก Add New

โค้ด 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> คือ การทำให้ข้อความเป็นตัวหนา

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

SSL Certificate หรือจะเรียกสั้น ๆ ว่า SSL ย่อมาจาก Secure Socket Layer มันคือการเข้ารหัสความปลอดภัยให้กับเว็บไซต์ของเรา เป็นการรับรองความปลอดภัยและความน่าเชื่อถือ ช่วยเพิ่มความเชื่อมั่นให้กับผู้ใช้งานในการรับส่งข้อมูลสำคัญผ่านเว็บไซต์ของเรา

SSL จะถูกเรียกใช้งานนำหน้าผ่าน URL Address Bar ในลักษณะ https:// รูปกุญแจสีเขียว แนะนำอย่างยิ่งสำหรับเว็บไซต์ Ecommerce ขายของออนไลน์ต่าง ๆ หรือแม้แต่เว็บไซต์ทั่วไปก็สามารถใช้งานได้ และในปัจจุบันทาง Google ก็ได้ออกมาประกาศแล้วว่าจะให้คะแนนความสำคัญในการจัดอันดับผ่าน Google Search สำหรับเว็บไซต์ที่ติดตั้งระบบ SSL อีกด้วย

ภาพตัวอย่าง: เมื่อเอาเม้าส์ไปคลิกที่รูปไอคอนกุญแจสีเขียว ก็จะแสดงรายละเอียดใบรับรอง SSL ของเว็บไซต์เราขึ้นมา

ทำเว็บไซต์เป็นสีขาวดำ เพื่อไว้อาลัย ไว้ทุกข์

ปวงชนชาวไทยต่างร่วมไว้อาลัยให้ "พ่อหลวง" เราชาวเว็บมาสเตอร์ขอเป็นส่วนหนึ่งในการร่วมไว้อาลัย ด้วยการทำเว็บไซต์ของเราให้เป็นสีขาวดำทั้งเว็บ

วิธีทำเว็บไซต์เป็นสีขาวดำสำหรับ Blogger

1. คลิกที่ แม่แบบ จากนั้นคลิก แก้ไข HTML ตามภาพด้านล่าง