10 เครื่องมือพื้นฐานที่ชาว Blogger ควรมี

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

บทความนี้ผมจึงขอเสนอเครื่องมือพื้นฐานที่จะช่วยในการปรับแต่ง Blogger  ให้ง่ายขึ้น และทุกคนที่จะทำบล็อกให้ดูเป็นมืออาชีพ ก็ควรจะมีเครื่องมือเหล่านี้


1. Window Live Writer

สอนทำบล็อก
เครื่องมือนี้จะช่วยให้การเขียนบล็อกของคุณสะดวกขึ้นมาก เพราะมีฟังก์ชันใกล้เคียงกับ Microsoft word คุณจะสามารถปรับแต่งรูปแบบอักษร หรือแทรกตาราง หรือแทรกรูปภาพ และจัดการกับรูปภาพ ได้ง่ายขึ้นอย่างมาก คุณสามารถดูรายละเอียดและดาวน์โหลดได้จากบทความ เขียนบทความแบบเทพๆ ด้วย Windows Live Writer


2. Hex Color Finder

วิธีทำ blospot 
เครื่องมือนี้เป็น Software ที่จะช่วยให้คุณทราบโค้ดสีที่เห็นหรือสร้างโค้ดสีที่ต้องการได้อย่างง่ายดาย ถ้าต้องการทำบล็อกให้ดูมืออาชีพ เครื่องมือนี้ขาดไม่ได้เลยครับ ดูรายละเอียดและดาวน์โหลดได้จากบทความ รู้ Color Code ง่ายๆ ด้วย Hex Color Finder


3. Pixel Ruler

ทำบล็อก

Software นี้ทำหน้าที่เป็นไม้บรรทัด ซึ่งจะช่วยให้การวัดความกว้าง และความสูงของ blogger Templete ง่ายขึ้นมาก การใช้งานก็เพียงคลิกซ้าย คลิกขวา และ Drag and Drop เมาส์เท่านั้นเอง >> ดาวน์โหลด Pixel Ruler ได้ที่
http://www.soft.tahionic.com/download-ruler/index.html


4. www.w3schools.com

วิธีทำ blogger   
ที่ w3schools เป็นการสอนความรู้พื้นฐานในเรื่อง CSS, HTML และ Java Script และอื่น ๆ อย่างชัดเจน คุณควรเริ่มศึกษา CSS จากเว็บนี้ในตอนนี้เลย ! เพราะต่อไปจะเป็นประโยชน์กับตัวคุณเองมาก ที่แนะนำเว็บนี้เพราะว่าเขามีจุดเด่นคือ สามารถให้เราทดลองโค้ดได้ด้วยตัวเองได้ด้วย มั่วได้จนพอใจเลยครับ ครึ่งเดือนก็เก่งแล้วครับ


5. http://upic.me

สอนแต่ง blospot
บริการรับฝากรูปแบบฟรีไม่อั้นแห่งนี้ สามารถช่วยให้คุณฝากรูปในการตกแต่งบล็อกได้อย่างรวดเร็วและไม่มีการจำกัด Bandwidth เหมาะสำหรับการทดสอบการนำภาพมาแสดงผลอย่างยิ่งครับ แต่ถ้าต้องการฝากรูปอย่างมั่นใจว่าไม่โดนลบอ่าน บทความ >> วิธีฝากรูปไว้บน Blogger ของเราเอง หรือ วิธีใช้ Google site เก็บข้อมูลของ blogger 



6. FastStone Image Viewer

สอนแต่งบล็อก
FastStone Image Viewer เป็น Software ที่ใช้จัดการกับรูปภาพได้หลายอย่างเช่น ตัดภาพ จับภาพหน้าจอ ใส่ข้อความ ใส่ลายน้ำ ใส่ effect ภาพเบื้องต้นได้ เช่น แต่งขอบภาพ ทำภาพเบลอ ปรับโทนสี ลบตาแดง เป็นต้น Software  นี้จึงเหมาะสำหรับการนำมาตกแต่งภาพเบื้องต้นเพื่อให้เขียนบทความได้สะดวกขึ้น เหมาะสำหรับคนที่ต้องการให้ใช้งานง่ายไม่ซับซ้อนเหมือน Photoshop คุณสามารถดาวน์โหลดมาใช้ได้แบบฟรี ๆ ได้จากลิงค์ด้านล่าง
http://www.faststone.org/FSViewerDownload.htm


7. HTML Encoder 

ทำ blogger
HTML Encoder เป็นเครื่องมือสำหรับการแปลงโค้ด HTML ให้สามารถเขียนลงบนบทความ เขียนลงในกล่อง Comment และแทรกลงไปใน Template คุณสามารถใช้บริการรับแปลงโค้ด HTML ได้จากเว็บทั่วไป แต่ในที่นี้ขอแนะนำเครื่องมือที่ผมได้ติดตั้งไว้ในบล็อกของผมเอง ที่บทความ วิธีโพส HTMLโค้ดใน Blogger Comment Box หรือที่บทความ AdSense Code Converter For Blogger



8. Google

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


9. GOOGLE แปลภาษา
 
สอนสร้างblog

ความรู้บนโลก Internet ปัจจุบันมีมากมายมหาศาลและเพิ่มขึ้นทุกวัน ถึงแม้คุณไม่เก่งภาษามากนักแต่ก็ศึกษาได้โดยใช้ GOOGLE แปลภาษาเมื่อจำเป็น   
http://translate.google.co.th


10. HACKUBLOG

วิธีสร้าง blog
แอบเนียนโปรโมทหน่อยครับ (55) ผมไม่ได้เก่งอะไรครับ แต่ผมยินดีจะช่วยเหลือถ้าช่วยได้ ( ไปที่ Forums ) ทุกวันนี้ก็พยายามสร้างฐานความรู้ไว้สำหรับ Blogger มือใหม่ เดิมผมก็ฝันไว้ว่า สมมติมีคนอยากทำ Blogger สักคนหนึ่งแต่ไม่รู้จะเรียนรู้จากไหน ไม่รู้จะถามใคร พอมาอ่านบล็อกนี้แล้วทำได้ มีบล็อกเป็นของตัวเอง สร้างรายได้จากบล็อกเป็น นี่แหละครับความฝันของผม ทุกวันนี้ก็ไม่รู้มาถูกทางไหม แต่ก็จะเดินหน้าต่อไปครับ

ที่กล่าวมาทั้งหมดเป็นเครื่องมือพื้นฐานที่จำเป็นในการทำ Blogger นะครับ ส่วนเครื่องมือที่ใช้ช่วยในการทำ SEO หรือหารายได้ก็เป็นอีกเรื่องครับ สุดท้ายหวังว่าเครื่องมือเหล่านี้คงจะช่วยคุณได้ และถ้าสมาชิกท่านใดมีเครื่องมือเจ๋ง ๆ ก็สามารถแนะนำสมาชิกท่านอื่นไว้ที่บทความนี้เลยนะครับผม

ตอนนี้มีความคิดเห็น : 34 ความคิดเห็น
หากคุณมีปัญหาหรือข้อสงสัยใดๆ สามารถสอบถามได้จากกล่อง comment ด้านล่างนี้ได้เลยครับ

  1. เอ็นทรีนี้แพนเค็กมั่กมั่ก

  1. @ คุณธุลีดิน: เป็น comment แรกของคุณธุลีดินเลยนะครับเนี่ยตั้งแต่ติดตามกันมานาน ขอบคุณที่แวะมาเยี่ยมชมครับ

  1. ท่านแฮ็กขะรับ ข้าพเจ้าอยากลบเจ้ากรอบสี่เหลี่ยมที่หน้า Label ข้อความประมาณ 'แสดงบทความใหม่ล่าสุดที่มีป้ายกำกับ (ชื่อ Label) แสดงบทความที่เก่ากว่า' ออก ไม่ทราบลบตรงไหนขะรับ อีกอย่างตำแหน่งที่เปลี่ยนตัวหนังสือด้านล่าง (หน้าเก่า หน้าแรก) เป็นรูปภาพ คลับคล้ายท่านเคยบอกแล้ว ข้าพเจ้าหาไม่เจอ ขอบพระคุณขะรับ

    ท่านสะสมเอ็นทรีมากขึ้นเรื่อย ๆ จนข้าพเจ้าละอายใจ จะต้องเขียนนิยายแข่งกับเอ็นทรีบล็อกโนโลยี่ของให้ได้!

    คารวะ

  1. ตอบท่าน ธุลีดิน :
    ตอบคำถามที่ 1 ท่านให้ผมดูที่บล็อกก่อนได้ไหมครับ ยังไม่แน่ใจว่าเป็นที่เดียวกันหรือไม่ครับ

    ตอบคำถามที่ 2 บทความนี้ครับ
    http://www.hackublog.com/2009/09/back-forward-home.html

  1. ท่านแฮ็กขอรับ ลองดูหน้านี้ขอรับ
    http://tuleedin.blogspot.com/search/label/shortstory

    เจ้าสี่เหลี่ยมข้อความบนสุดนั่นแลที่ข้าพเจ้าอยากยุบ (ไม่สภา)

    ข้อสองแท็งค์กิ้วขอรับจะมาร์คเก็บไว้ล่ะ

  1. แจ่มครับ เป็นกำลังใจให้จะคอยติดตามผลงานครับ

  1. เท่าที่อ่านหนังสือ หรือแม้กระทั่งบทความสอนทำบล็อก ผมว่า คุณHACK สอนได้ละเีอียดดีมากๆ ครับ เข้าใจง่าย นำไปใช้ได้เลย
    เป็นกำลังใจให้ครับ (ขอความรู้เยอะเลยครับ อิอิ)

  1. ตอบท่าน ธุลีดิน : เอาโค้ด .blog-feeds, .post-feeds{display:none} ไปวางที่ ก่อนหน้า โค้ด ]]></b:skin> แล้วบันทึกแม่แบบครับ

  1. ชอบตรง windows live นั่นแหละครับ ... เขียนบทความง่ายมากๆครับ

  1. เป็นกำลังใจให้ครับ

  1. ช่วยคอมเม้นบล็อกหน่อยครับ คุณHackพอดีทำบล็อกไปแล้ว(แบบมั่วๆเดาสุ่มเอา)แต่พอดีพึ่งมาเจอบล็อกของคุณHackนี่แหละ สอนได้ละเอียดมากๆ ตอนนี้ไปต่อไม่เป้นเลย แนะนำหน่อยว่าควรจะต้องทำอย่างไรต่อ บล็อกผม>>> http://allmyheros.blogspot.com

  1. @ Newrelease : เท่าที่เข้าไปดูยังขาดอีกมากครับ แต่แนะนำที่ปรับได้ง่าย ๆ ก่อน คือเรื่อง การออกแบบยังไม่ลงตัวครับ องค์ประกอบยังไม่กลมกลืน ตัวหนังสือค่อนข้างกลืนกับสีพื้นทำให้อ่านยาก หรือไม่น่าอ่าน เอาเท่านี้ก่อนส่วนเรื่องอื่นก็ลองทำตามที่ได้แนะนำเอาไว้ในบทความ http://www.hackublog.com/2010/06/roadmap-blogger-blogspot.html ครับ

  1. ผมชอบเครื่องมือ
    ไม้บรรทัดวัด pixel กับ ข้อ 10 ครับป๋ม

  1. มาสมัคร..เป็นลูกศิษย์ด้วยครับผมมีปัญหาข้อ 7 ครับ งมมาอาทิตย์กว่าแล้วทำไม่ได้เลย..อยากปรึกษาครูคับผู้มีประสพการณ์มากกว่า...แนะนำด้วยนะครับ
    เพิ่งหัดทำนะครับอยากขายของครับ...(ตกงานมานาน)

  1. ขอสมัครเป็นแฟนคลับอย่างเป็นทางการนะคะ ยังมีอะไรที่ต้องเอาไปแต่งบล็อกอีกเยอะเลยจะค่อยๆลงมือทำตามคำแนะนำที่ล่ะอย่างนะคะ แต่จอยอยากให้ลองเข้าไปชมบล๊อกที่จอยเพิ่งหัดทำนะคะ อยากได้คำติชมมากๆเลยคะที่
    http://enjoyenjoy-time.blogspot.com/2010/11/blog-post_17.html ขอบคุณล่วงหน้านะคะ

  1. ข้อสุดท้ายนั้น ควรมีไว้อย่างยิ่งครับ
    เพราะอาจารย์เค้าสุดยอดจริงๆ

  1. กำลังสร้าง blog อยู่เหมือนกันค่ะ งง มั๊ก มั๊ก แต่เด๊วลองอ่านก่อน ถ้่าไม่ได้เด๊ว ขออนุญาติถามนะคะ

  1. เป็นบล็อกที่มีเนื้อหาดีมากๆคับต้องขยันศึกษาหน่อยละ บทความดีๆเยอะเหลือเกิน ขอบคุณที่แบ่งปัญความรู้ดีๆคับบบบ.

  1. กำลังเริ่มต้นศึกษาค่ะ ขอบคุรกับการแป่งปันมากๆนะคะ

  1. ขอบคุณมาก ๆ คะที่ให้ความรู้

  1. ขอบคุณมากค่ะ ^^

  1. เป็นบทความที่ดีมากค่ะ ชอบๆ
    หนูกำลังเขียนบล็อกอยู่แต่ไม่รู้ว่าจะทำยังงัยดีเจอบทความนี้ก็รู้แล้วค่ะว่าต้องทำสำเร็จแน่ๆ
    ขอบคุณค่ะ

  1. คือทำ blog ภาษาไทยอยู่ อยากติดตั้ง ปุ่มกดแปล ภาษาเป็น eng หรือ ภาษาอื่น ๆ ในblog ของเราจะทำอย่างไรดีครับ

  1. ผมใช้ประโยชน์ได้มากทีเดียว

  1. ช่วยแวะไปชมและแนะนำให้ผมที ผมมือใหม่ครับ www.musicmixtrack.com

  1. เป็นบทความที่มีประโยชน์มากครับ

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

  1. คลังแสงความรู้เลยครับเว็บ นี้ ^^'

  1. ขอกราบงามๆสักทีครับ

  1. ขอบคุณสำหรับความรู้ค่ะ มีประโยชน์มากเลยตอนนี้กำลังหาข้อมูลการสร้างบล๊อกอยู่ด้วย ^^

  1. ขอบคุณสำหรับความรู้ดี ๆ นะค่ะ กำลังหาวิธีการสร้างบล็อกอยู่พอดีเลยค่ะ เป็นประโยชน์มาก ๆ เลย ขอบคุณอีกครั้งค่ะ :))

  1. ขอบคุณสำหรับบทความดีๆคับ ทำให้ผมมีไฟลุกขึ้นมา กับพลังใจ ในการทำครับ เพราะไม่รู้จะเริ่มต้นอะไรยังไง ตรง

    แต่คิดไว้ว่า ต้องทำอะไรเป็นชิ้นเป็นอันขึ้นมาซักทีนึงแล้วครับ ขอบคุณอีกครั้งครับ

  1. ได้ความรู้มากๆเลยค่ะ ขอบคุณนะคะ

  1. ขอบคุณมากครับ

แสดงความคิดเห็น

ถ้าต้องการโพส HTML ให้แปลงโค้ดที่เครื่องมือด้านล่างนี้ก่อนครับ

สร้างบล็อก Facebook SEO บล็อก Linkwheel iMacros Link Wheel