บทความ

กำลังแสดงโพสต์ที่มีป้ายกำกับ blogger

วิธีแก้ไขรูปภาพในบทความ Blogger อยู่ด้านซ้ายหรือขวาไม่ยอมอยู่ตรงกลาง

รูปภาพ
บางคนเขียนหรือตกแต่ง Blogger อยู่ดีๆ แต่ทำไปทำมาดันไปแก้โค๊ด หรือ ไปทำอะไรผิดพลาด ทำให้บล็อกของเราแสดงรูปภาพที่เราอัพโหลดใส่ในบทความชิดซ้าย หรือ ชิดขวา โดยที่ไม่ได้ตั้งใจให้เป็นอย่างนั้น ไม่สามารถปรับตำแหน่งได้ตามต้องการ เพราะปกติเวลาเราอัพโหลดรูปภาพใส่ในบทความ จะมีให้เลือกตำแหน่งรูปภาพว่าต้องการจัดวางให้อยู่ตรงกลาง ซ้าย หรือ ขวา  แต่ด้วยโค๊ด HTML ที่เราอาจทำผิดพลาด หาต้นทางไม่เจอ ทำให้รูปภาพไม่อยู่ในตำแหน่งที่เราต้องการ หากต้องการให้ รูปภาพทั้งหมดใน Blogspot จัดให้อยู่ตรงกลาง หรือ ต้องการให้อยู่ซ้ายหรือขวาโดยปรับตำแหน่งจากคำสั่งตอนเขียนบล็อกได้ตามต้องการ ก็ให้ใส่โค๊ดนี้ในช่อง CSS .post-body img { display: inline-block !important; } วิธีการคือ ให้เข้าไปที่ แม่แบบ > กำหนดค่า > ขั้นสูง > เพิ่ม CSS จากนั้นให้ใส่ Code ด้านบนลงในช่อง "เพิ่ม CSS ที่กำหนดเอง"

โชว์รูปภาพแบบไลท์บ๊อกซ์ในบล็อกเกอร์ (Lightbox Blogger)

รูปภาพ
ไลท์บ็อกซ์ (Lightbox) ในบล็อกเกอร์ (Blogger) เป็นคุณลักษณะที่เพิ่มรายละเอียดการแสดงรูปภาพ ของบล็อกของเรา ให้ดูสวยงามขึ้น เมื่อเราเขียนบล็อก (Blog) และใส่รูปภาพในบทความ เวลาที่เราคลิ๊กภาพขนาดย่อ ของรูปภาพแต่ละรูปในบล็อก รูปภาพก็จะแสดงเป็นรูปขยายใหญ่ แสดงเด่นขึ้นมาโดยด้านหลังภาพเป็นสีดำ โชว์ในหน้าเดิม ไม่เปิดไปหน้าอื่นที่แสดงรูปภาพธรรมดาเหมือนเมื่อก่อน โดยปกติการแสดงรูปภาพในเว็บไซต์แบบไลท์บ็อกซ์ (Lightbox) จะเป็นที่รู้จักในกลุ่มคนที่ทำเว็บไซท์โดยใช้ระบบจัดการเนื้อหา (CMS) หรือเครื่องมือสร้างเว็บไซต์สำเร็จรูป อย่างเช่น Wordpress ซึ่งมีปลั๊กอินหลายๆตัว ที่ทำให้เว็บไซต์แสดงภาพในเว็บ ให้สวยงามและสะดวกต่อผู้เข้าชมตรงที่อยากดูภาพใหญ่โดยที่ไม่ต้องออกไปจากหน้าการแสดงบทความเดิม การโชว์ภาพแบบไลท์บ็อกซ์ (Lightbox) ในบล็อกเกอร์ (Blogger) เรายังสามารถใช้ปุ่มบนแป้นคีย์บอร์ด เลื่อนดูรูปภาพในรูปแบบไลท์บ็อกซ์ (Lightbox) บนบล็อกของเราได้ด้วยโดยใช้ 1. ปุ่มลูกศร ซ้าย/ขวา 2. ปุ่ม j/k 3. ปุ่ม n/p 4. ปุ่ม ESC เพื่อออกจากการแสดงรูปภาพแบบไลท์บ็อกซ์ การแสดง รูปภาพแบบ Lightbox ใน Blogger เมื่อก่อน...

เปลี่ยนฟาวิคอนให้บล็อกเกอร์ (Change Favicon Blogger)

รูปภาพ
เพื่อนที่เขียนบล็อกใน Blogger สามารถที่จะเปลี่ยน Favicon หรือ ไอคอน (Icon) ที่อยู่ในช่อง URL Address จากรูปเดิมให้เป็นภาพที่เราต้องการ โดยเปรียบเสมือนเป็น Logo ของบล็อกเราได้ มีวิธีง่ายๆ โดยให้เข้าไปที่ การออกแบบ(Design) จากนั้นจะมีช่องที่เขียนว่า Favicon ซึ่งเป็นช่องๆเล็กที่อยู่ด้านบนช่องแถบนำทาง แล้วให้เราคลิ๊กที่ แก้ไข(Edit) จากนั้นก็อัพโหลดภาพ Favicon ที่เราเตรียมไว้ได้เลยครับ Favicon คือ ไอคอนที่แสดงรูปโลโกของเว็บไซต์ หรือบล็อกนั้นๆ เป็นรูปภาพ ไอคอนเล็กๆ ที่โชว์อยู่ในช่อง URL Address หรือ ในช่องที่เรา Bookmark เอาไว้ โดยอาจจะแสดงบน Browser อย่าง Firefox หรือ Internet Explorer เวลาเราเปิดหน้าเว็บไซต์ ในส่วนของรูปไอคอน Favicon โดยปรกติเว็บไซต์หรือบล็อกที่ใช้กัน จะเป็นไฟล์ภาพสี่เหลี่ยมจตุรัสที่มีนามสกุล .ico ขนาดประมาณ 16x16 pixel แต่ถ้าเราอัพโหลดภาพใส่ด้วยวิธีที่กล่าวถึง ไม่จำเป็นต้องใช้ไฟล์ภาพที่เป็น .ico โดยเราสามารถใช้ไฟล์ภาพที่เป็น .jpg หรือ .png เลยก็ได้ครับ เราแค่ Crop ในส่วนของภาพที่เราต้องการให้เป็นสี่เหลี่ยมจตุรัส และทำ ขนาดให้ไม่ควรเกิน 100 Kb เท่านั้นเองคร...

ทวิตเตอร์วิดเจ็ต ใส่บล็อกเกอร์ (Twitter Widget for Blogger)

รูปภาพ
ถ้าเรามีบัญชี Twitter โดยที่อยากจะให้คนที่ติดตามอ่านบล็อกของเรา ติดตามเราผ่านทวิตเตอร์ได้ง่ายๆ วิธีที่ดีที่สุดก็คือ เอาบัญชี Twitter ที่เราใช้ทวีตนั้น จับมาอยู่บนบล็อกเราซะเลย ถ้าทำได้แบบนั้นก็จะเป็ฯเรื่องง่ายที่คนที่ติดตามเราจะ Follow ได้อย่างง่ายดาย Twitter Widget ซึ่งเป็นเครื่องมือ ที่มาใส่ในบล็อกที่เราเขียนใน Blogger ให้คนอ่านได้ติดตามเราผ่านทางทวิตเตอร์ อาจจะใช้อัพเดทข่าวสารหรือ ทวิตข้อความที่เกี่ยวกับเนื้อหาของ Blog โดยใช้ Twitter เป็นเครื่องมือ หรืออาจจะใช้ แต่งบล็อก ของเราเพื่อความสวยงามก็ยังได้ ลองเข้ามาดูกันครับ รูปแบบก็จะคล้ายๆกันกับ ทำกล่องแฟนเพจของเฟสบุ๊ค หรือ ปุ่มถูกใจในเฟสบุ๊คนั่นเอง วิธีการก็ไม่ยุ่งยากอะไร ต้องการเริ่มทำคลิกที่นี่ http://twitter.com/about/resources/widgets จะเจอหน้าตาแบบนี้ครับ โดยมี 2 หัวข้อ ให้เราเลือกหัวข้อ My Website ครับ ทวิตเตอร์วิดเจ็ต ที่สามารถใส่ใน Blogger มีให้เลือกใช้อยู่ 4 รูปแบบคือ Profile Widget เป็นเครื่องมือที่เราสามารถใส่ชื่อ user name ของเรา โดยเมื่อเรามีการโพสในทวิตเตอร์ ในกล่องวิดเจ็ตก็จะมีการ Update ด้วยเช่นกัน แต่ผ...

ปุ่มถูกใจของเฟสบุ๊คใส่บล็อกเกอร์ (Facebook Like Button for Blogger)

รูปภาพ
หากต้องการทำปุ่มถูกใจ หรือ Like Button ของเฟสบุ๊ค (Facebook) ให้โชว์บนบล็อกใน Blogger ของเราแบบง่ายที่สุดแล้ว ต้องยอมรับว่าคนส่วนใหญ่มีบัญชี Facebook กันทุกคน ถ้าใครที่เข้ามาดูบล็อกของเรา อ่านแล้วชอบ ถูกใจ กด Like บล็อกเราก็จะไปแสดงในหน้าเฟส นั่นหมายถึงโอกาสที่คนจะรู้จักบล็อกเราเพิ่มขึ้น มีวิธีทำแบบไม่ยาก ไม่กี่นาที เป็นแบบที่โชว์อยู่บนของบล็อกนี้นั่นเอง เป็นการ แต่งบล็อก ของเราให้เข้ายุคสมัยที่ Social Network ที่ชื่อ Facebook กำลังมาแรง  เป็นสิ่งที่ทุกคนที่เล่นอินเตอร์เนตเป็นต้องมี ลองมาดูวิธีกันครับให้เข้าไปที่เว็บไซต์นี้ครับ http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html หน้าตาจะเป็นแบบนี้ 1. เลือกรูปแบบของปุ่ม like ของ Facebook ซึ่งสามารถเลือกได้ 3 แบบ คือ Standard, Button Count และ Box Count แต่ละแบบมีหน้าตาต่างกันเล็กน้อย ถ้าเราเลือกอันไหนมันก็จะเปลี่ยนให้ดูทันที 2 . เลือกให้แสดงคำว่า Like หรือ ถูกใจ และ Recommend หรือ แนะนำ ถ้า Facebook ที่เราหรือคนที่กดให้เราใช้เป็นภาษาไทยก็จะขึ้นว่า"ถูกใจ" แต่ถ้าใช้เป็นภาษาอังกฤษ ก็จะขึ้นเป็น ...

สร้างหัวข้อใหม่หรือหน้าเว็บใหม่ในบล็อกเกอร์ (Create Pages in Blogger)

รูปภาพ
  นอกจากการโพสบทความใน Blogger หรือ Blogspot ที่เราทำกันเป็นประจำอยู่แล้ว การโพสบทความก็จะขึ้นเรียงกันไปตามที่เราเลือกไว้ ซึ่งส่วนใหญ่จะเป็นบทความล่าสุดก็จะขึ้นโชว์ก่อน โดยโชว์ที่หน้าหลัก หรือ Home ของบล็อกของเราเพียงหน้าเดียว แต่ Blogger มีรูปแบบให้คนเขียนบล็อก ใช้งานบล็อก และจัด รูปแบบบล็อก ได้ง่ายขึ้น โดยการเพิ่มความสามารถใหม่ นั่นก็คือ การสร้างหัวข้อบนหน้าเว็บเพจ หรือ หน้าเว็บใหม่ ที่ไม่เกี่ยวกับการโพสต์บทความ โดยหน้าเพจนี้จะโชว์บนหน้าบล็อกทุกหน้า เหมือนกับเมนูของเวบไซต์ (Website) ที่เราเห็นโดยทั่วไป อย่างเช่น หน้าเพจเกี่ยวกับคนเขียน (About Me) หรือ หน้าเว็บลิงค์เพื่อนบ้าน ที่มีเหมือนบล็อกนี้ก็ได้ ถ้าเราต้องการที่จะสร้างหน้าเว็บใหม่ของ Blogger ทำง่ายๆ ตามนี้ครับ ข้อ1 ให้เราเข้าตามขั้นตอนครับ คือ Posting หรือ การโพสบทความ ข้อ2 คลิกที่ Edit Pages หรือ แก้ไขหน้า ข้อ3 คลิกที่ New Page หรือ สร้างหน้าใหม่   จากนั้นจะเข้ามาในหน้าที่ให้เราเขียนรายละเอียดของหน้าเว็บใหม่่ ซึ่งหน้าตาก็จะเหมือนเวลาเราเขียนบทความปกติ เราก็ใส่บทความหรือรายละเอียดตามต้องการ เมื่อเสร็จเรียบร้อยแล้ว...

โชว์บทความที่เกี่ยวข้องใน Blogger แบบมีรูปภาพ (Related Post with Thumbnail in Blogger)

รูปภาพ
  การทำบทความที่เกี่ยวข้องให้บล็อกของเรา (Related Post)ใน Blogger หรือ Blogspot อันนี้ไม่ต้องวางโค๊ดให้ยุ่งยากครับ แถมมีภาพหน้าเวบของบทความเล็กๆ ( Thumbnail )แถมให้ด้วยสวยแล้วก็ง่ายด้วยครับ วิธีก็คือ ให้เข้าตามเวบนี้ http://www.linkwithin.com/learn ช่องด้านขวามือจะมีให้กรอกรายละเอียด ตามนี้ Email :   อีเมลล์ของเราหรือของใครก็ได้ เพราะไม่มีการยืนยันอีเมลล์ ถ้าอยากรับข่าวสารจากเจ้าของเวบก็ใส่อีเมลล์เรา Blog Link : URL ของบล็อกเราครับ ตัวอย่างเช่น http://blog-yuwie-make-money.blogspot.com/ Platform :    ให้เลือก Blogger Width :        มีให้เลือก 3, 4 และ 5 ก็คือ บทความที่เกี่ยวข้องที่เราต้องการให้แสดงนั่นเอง My blog has light text on a dark background : โดยปกติวิดเจ็ตตัวนี้พื้นหลังจะสีขาว อันนี้ถ้าบล็อกของเรามีตัวหนังสือสีขาวและพื้นหลังสีดำ ให้ติ๊กถูกครับเพื่อให้เข้ากับแบล็คกราวด์ของบล็อกของเรา แต่ถ้าพื้นหลังของบล็อกเราเป็นสีขาวอยู่แล้วไม่ต้องติ๊กช่องนี้ กดปุ่ม Get Widget!   เว็บไซต์จ...

โชว์บทความล่าสุด หรือ Recent Post ให้ บล็อกเกอร์แบบง่าย

วิตเจ็ต (widget) ของบล็อกเกอร์ (Blogger) หรือ Blogspot ที่เราใช้เพื่อต้องการให้แสดงโพสบทความล่าสุด หรือ Recent post มีหลายตัวให้เราได้เลือกใช้ แต่มีเว็บไซต์หนึ่งที่ไปเจอมาสามารถทำโค๊ด (code) ให้เราได้เลย ซึ่งสามารถนำไปไว้ในบล็อกของเราได้ทันที ไม่ยุ่งยากแถมสะดวกดีด้วยครับ ก่อนอื่น ให้เรา ล็อกอิน บล็อกเกอร์ (Blogger) ของเราไว้ก่อนนะครับ จากนั้นเข้าไปตาม url นี้ http://bloggerplugins.org/installers/recentpostswidget.html จะเจอช่องที่เราต้องใส่อยู่ไม่กี่ช่อง จริงๆก็มีวิธีบอกไว้เรียบร้อยแล้วเป็นภาษาอังกฤษ ตามนี้ครับ ช่องแรก เป็น Widget Title ให้เราใส่ หัวข้อที่เราต้องการให้แสดงครับ อาจจะเป็น Recent post หรือ บทความล่าสุด เป็นต้น ช่องที่สอง ให้เราใส่ url ของบล็อกเราเช่น http://blog-yuwie-make-money.blogspot.com/ แต่ให้ใส่แบบนี้ blog-yuwie-make-money.blogspot.com/ ครับ ช่องที่สาม   ให้เราใส่จำนวนโพสที่เราต้องการให้แสดง ใส่เป็นจำนวนตัวเลขครับ สูงสุดได้เท่าไหร่ไม่รู้ ไม่ได้ลอง Show post date : ต้องการให้โชว์วันที่ด้วยหรือไม่ Show summary : ต้องการให้โชว์แบบย่อหรือไม่ ต...

ตัวอักษรกระพริบแต่งบล็อก

รูปภาพ
มีอักษรกระพริบที่สามารถคอมเม้นต์ (Comment) หรือ แสดงความคิดเห็น โดยอาจจะนำไปใช้ตกแต่งให้สวยงามกับหน้าตา Hi5 บางคนก็เอาไป แต่งบล็อก (Blog)ให้สวยงามได้ เป็นเว็บไซต์ที่ใช้งานง่าย แต่มีลายให้เลือกไม่เยอะ แต่ก็สามารถตกแต่งข้อความได้หลากหลาย แต่ว่าเสียอย่างเดียว คือ มีแต่ภาษาอังกฤษ ไม่มีภาษาไทยครับ เข้าไปที่เว็บไซต์นี้เลย http://www.mytextgraphics.com/ เลือกแบบที่ต้องการ ใส่คำที่เราต้องการ และปรับแต่งตามใจเรา จากนั้นก็เอาโค็ดมาใช้ตามใจเราได้เลยครับ ตัวอย่าง

วิธีเปลี่ยนและติดตั้ง Blogger Template ใหม่

 Blogger เป็นบล็อกที่ค่อนข้างปรับแต่งได้ง่าย โดยสามารถทำให้สวยงาม ตามที่เราต้องการได้ โดยที่เราสามารถแต่ง Template เอง หรือถ้าเราเจอเทมเพลตสำเร็จรูป จากเว็บไซต์ที่แจกฟรี เราก็สามารถโหลดมาใช้เพื่อให้ Blog ของเราดูดี และสวยงามยิ่งขึ้นได้ไม่ยากเลย หลังจากที่เราหาโหลด (หาโหลดได้จากที่นี่ วิธีการเปลี่ยน Template ใน Blogger ) ไฟล์ Template ของ Blogger มาได้แล้ว วิธีที่จะติดตั้ง ( Install ) หรือเปลี่ยนเทมเพลตของ Blogger หรือ Blogspot นั้นไม่ยากครับ คือ - ดาวน์โหลด และ บันทึกไฟล์ในคอมพิวเตอร์ - ไฟล์ที่ดาวน์โหลดมานั้น ส่วนใหญ่จะเป็นไฟล์ zip หรือ rar ให้แตกไฟล์ออก - ทำการ Log in เข้าสู่ Blogger แล้วเลือก Blog ที่เราต้องการเปลี่ยน Template แล้ว เข้าเลือก Layout หรือ รูปแบบ - จากนั้น เลือก Tab แก้ไข html หรือ Edit html - กด Browse และ เลือกไฟล์ที่เราเตรียมไว้ - ถ้าเกิดเราแตกไฟล์จาก Template ที่เราโหลดมาแล้วมีหลายไฟล์ให้เราเลือกที่มีนามสกุล XML - คลิก Upload - ยืนยัน และ Save วันเวลาเปลี่ยนไป วิธีการอาจจะไม่เหมือนเดิมที่เขียนแล้วนะครับ ถ้าเป็น Blogger แบบใหม่ให้เข้าไปดูที่นี่ครับ ...

วิธีป้องกันไม่ให้ Copy บทความใน Blogger

 ถ้าใครเขียนบล็อก (Blog) หรือบทความมาแล้วหวงมาก ไม่อยากให้ใครมาลอก หรือ ก็อบปี้ (copy) บทความในบล็อก (Blog) ของเราไปได้โดยง่าย อยากที่จะป้องกันไว้ในเบื้องต้น ซึ่งถ้าคนที่เก่งหรือรู้วิธี อาจจะมาลอก หรือ ก็อบปี้ (copy)ได้ แต่เราอาจจะทำให้มันยากขึ้นไปนิดหน่อยครับ มีวิธีง่ายๆ ครับแค่เข้าไปที่   รูปแบบ>>องค์ประกอบของหน้า>>เพิ่ม Gadget>>เลือก HTML/จาวาสคริปต์ แล้วนำโค๊ดนี้ไปใส่ใน ช่องของ Gadget HTML/จาวาสคริปต์ แล้วบันทึก เราสามารถเปลี่ยนคำที่เราต้องการแสดงตอนที่มีคนจะมา Copy บทความของเราได้ครับ ใน code ด้านบนให้หาคำว่า var message=" Function Disabled! " ตรงตัวสีแดงเปลี่ยนเป็นคำที่เราต้องการได้ครับ เช่น ไม่ให้ Copy หรือ ไม่อนุญาตให้คัดลอก เป็นต้น อย่างน้อยก็แสดงให้รู้ว่า บทความที่เราเขียนขึ้นมานั้น ไม่ได้รับอนุญาตจากเจ้าของบทความนะครับ เท่านี้คนที่เข้ามาชมบล็อก( Blog ) ก็จะคลิกขวาเพื่อ copy บทความที่เราเขียนมาไม่ได้ครับ

วิธีการเปลี่ยน Template ใน Blogger

รูปภาพ
การแต่ง Blogspot หรือ Blogger นั้น มีเครื่องมือให้ใช้กันมากมาย เทมเพลต (Template) เป็นสิ่งสำคัญ สำหรับ Blogspot ถือเป็นรูปแบบหน้าตาในครั้งแรก ที่ผู้เข้าชมบล็อกของเราจะพบเห็น ก็คือรูปแบบบล็อกของเรานั่นเอง ถ้าหน้าตาบล็อกของเราสวยงาม มีรูปแบบที่น่าจดจำ ถ้าเพื่อนๆที่เก่งแล้ว คงเป็นเรื่องที่ไม่ยากอะไรมากนัก แต่สำหรับคนที่พึ่งเริ่มต้นเขียนบล็อกกับ Blogspot หรือ Blogger นั้น สิ่งที่เป็นพื้นฐานที่เราควรปรับ แต่งบล็อก ของเราก็คือ เทมเพลต (Template) การเปลี่ยนเทมเพลตนั้นไม่ยากครับ ทำได้ในไม่กี่คลิกเท่านั้นเอง เพราะบล็อกเกอร์นั้นมี เทพเพลตสำหรับรูป ให้เลือกเยอะพอสมควร และยังมีเครื่องมือสำหรับตกแต่งเอาไว้ให้อยู่แล้ว ใช้ง่ายและค่อนข้างปรับแต่งได้เยอะ โดยให้เราเข้าไปที่เมนู ก็จะทำให้สกิน (Skin) หรือหน้าตาของ Blog ของเรามีรูปแบบที่สวยงามขึ้น ในที่นี้จะไม่พูดถึงการสมัคร Blogger นะครับ เพราะข้อมูลนั้นคงมีเยอะอยู่แล้ว โดยการ เปลี่ยนเทมเพลต  ที่นอกเหนือจากที่ Blogger มีให้ จะต้องเปลี่ยนหลังจากที่เราเขียนบทความแล้ว อย่างน้อยสัก 1 บทความก่อนนะครับ โดยเราอาจจะไปเจอ และ ดาวน์โหลด Template ในรูปแบบที...