31 Cool Blogger Templates

สวัสดีสมาชิกที่ติดตามอ่านบทความที่ผมเขียนมาตลอด บังเอิญว่าวันนี้เป็นวันครบรอบวันคล้ายวันเกิด 31 ปีของผม (20 มิถุนายน) ผมจึงนำ blogger Template จำนวน 31 Templates ที่คิดว่ามีความ Classic มีดีไซน์ที่ค่อนข้างละเอียดอ่อน และสามารถนำมาปรับแต่งใช้งานได้ มานำเสนอ ให้ลองเลือกดู เลือกใช้ Template ที่ชอบกันครับ

สอนทำบล็อก blogger templates

และเนื่องจาก Templates เหล่านี้ถึงจะแจกฟรี แต่ผมก็ให้เครดิตต่อผู้ออกแบบหรือผู้ที่ทำการ Convert จาก Wordpress theme เป็น Blogger Template ด้วยการ Link ไปยังผู้ออกแบบในกรณีที่ผู้ออกแบบเป็นผู้เผยแพร่เอง และจะลิงค์ให้คุณไปดาวน์โหลดกับผู้เผยแพร่โดยตรงเพื่อดูรายละเอียดในการติดตั้ง และดาวน์โหลด ซึ่งถ้าคุณมีปัญหาในการติดตั้งหรือดาวน์โหลดแม่แบบใดก็สามารถขอความช่วยเหลือจากผมได้โดยตรงที่บทความนี้ครับ 


1. UpSide

แจก Blogger Templates

(มีให้เลือก 5 สี)

Free Templates download



2. Diadema

สอนวิธีสร้างบล็อก

DEMO download


3. Gris Amarillo

วิธีทำ blogspot 

DEMO download



4. Translucence

สอนสร้างบล็อก

DEMO download blogger templates



5.Viluxus

วิธีสร้าง blog

DEMO download blogger templates



6. Comercon

วิธีสร้างบล็อก

DEMO download blogger templates



7. Nature's charm

Nature charm

DEMO download



8. Zeta

วิธีทำ blogger

DEMO download



9. Black or White

สอนแต่ง Blogger

DEMO download



10. Zbench

วิธีสร้าง blogspot

DEMO download



11. Accordion

Minima in All


DEMO download



12. Smart Touch

Smart Touch

DEMO download



13. Innovate

Innovate

DEMO download



14. Latte

Latte

DEMO download



15. White Clean Magazine

White Clean Magazine

DEMO download



16. Claretpress

Claretpress

DEMO download



17. Magiting

Magiting

DEMO download



18. K2

K2

DEMO download



19. Pin-Up

Pin-Up

DEMO download



20. Make Up

Make up

DEMO download



21. Template Television

Television

DEMO download



22. Simplexauto

Simplexauto

DEMO download



23. Simplex-portfolio

Simplex-portfolio

DEMO download



24. Emperors

Emperors

DEMO download



25. KikiBerry

KikiBerry

DEMO download



26. Joogoo

Joogoo

DEMO download



27. Zionn

Zionn

DEMO download



28. De-Pinque

de-pinque

DEMO download



29. Delight

Delight

DEMO download



30. Simplyfresh

Simplyfresh

DEMO download



31. Simple Fresh

Simple Fresh

DEMO download


สำหรับท่านที่ชอบ Template ที่มีลวดลายสวยงาม ลายการ์ตูน หรือสีสันฉูดฉาด ก็จะนำมาเสนอในภายหลังครับ บทความนี้จะเน้นที่ดูแล้วออกแนว Classic ครับ สุดท้ายถ้าชอบบทความนี้วานช่วยกันบอกต่อด้วยนะครับ ขอบคุณและสวัสดีครับ

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

  1. อืม...สวย ๆ ทั้งนั้นเลยครับ
    ขอโหลดเก็บไว้ก่อนครับ
    ขอบคุณครับ

  1. โดนใจมากมายคับพี่ HackBlog อุอุอุ
    ปล.ขอให้ พี่HackBlog มีการงานที่มั่นคง มีเงินมีทอง เข้ากระเป๋าแยะๆๆ นะคับ ขอให้ อายุ100ปี(อิอิอิ)ขอให้มีความสุขในวันเกิดนะคับ ขอบคุณคับ ด้วยความเคารพและนับถือ อิอิ

  1. เช่นกับครับน้อง Angelofdeath ขอให้ชีวิตเจริญก้าวหน้ามีความสุข และขอให้รวย ๆ คร้บ

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

  1. Happy Birthday ครับ ขอให้มีสุขภาพร่างกายแข็งแรงสมบูรณ์ในวันเกิดและตลอดไปนะครับ เรื่องความสุขคงไม่ต้องพูดถึงเลย เพราะ "ผู้ให้ย่อมเป็นสุขในโลก..." ครับ ขอบคุณจริงๆครับ สำหรับการแบ่งปันมาโดยตลอด ผมจะยึดคุณเป็นแบบอย่างในการ "ให้ที่จริงใจ..." และสืบทอดเจตนารมย์ของคุณต่อไปครับ Happy Birthday อีกครั้งครับ

  1. สุขสันต์วันเกิดครับ ได้รับความรู้จากเวบนี้หลายๆเรื่องเลยครับ
    Template สวยๆ ทั้งนั้นเลยครับ กะว่าจะเปลี่ยน แฮ่ะๆๆ
    ชอบ Simplexauto แต่อยากจะเอา weekly video ออก
    ไม่ทราบ ต้องไปแก้โด้ดอะไรอ่ะครับ

  1. เอาวิธีลบอย่างง่ายก่อนนะครับ
    ลบโค้ดนี้ในแม่แแบบออกไปครับ

    <div class='section' id='ft'><div class='widget HTML' id='HTML1'>
    <div id='featured'>
    <ul>
    <script type='text/javascript'>
    document.write("<script src=\"/feeds/posts/default/-/feature?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showfeatureposts\"><\/script>");
    </script>
    </ul>
    </div>

    <script type='text/javascript'>
    $(document).ready(function(){
    $("#featured").easySlider({
    auto: true,
    continuous: true
    });
    });
    </script>
    </div></div>

  1. Happy Birthday ย้อนหลังครับ ขอบคุณที่ครับสำหรับ Template สวยๆ ขอเก็บไว้ละกันครับ

  1. HBD ย้อนหลังค่ะ^^ ขอให้มีความสุขมากๆๆนะคะ
    ขอบคุณสำหรับการแบ่งปันมากๆๆค่ะ ^^ ขอบคุณที่ทำเว็บนี้ขึ้นมาค่ะ ^^

  1. ขอบคุณ ๆ RaB3itzdOll และคุณ Green มากครับ ขอให้มีความสุข ประสบความสำเร็จในการทำบล็อกเช่นกันครับ

  1. ติดตามานานล่ะ อ่านมาก็มากอยู่ แต่ยังไม่รู้จะเริ่มต้นจากตรงไหนก่อนดี

  1. @ Custom Embroidery service : เริ่มจากบทความ Roadmap การทำ blogger ในหน้าแรกครับ

  1. สวัสดีครับ อวยพรวันเกิดด้วยคนนะครับ ขอให้มีความสุขมาก ๆ เจริญรุ่งเรือง ๆ ๆ มั่งมีศรีสุขครับผม เป็นแฟนเว็บนี้มาก็นานทำตามบทความมาก็เยอะ ไม่เคยติดขัดปัญหาเลยไม่เคยถามอะไรครับ มาวันนี้มีปัญหาครับ คือติดตั้งเทมเพลตของ Simplexauto แล้วมันขึ้น ไม่สามารถแยกวิเคราะห์แม่แบบของคุณเนื่องจากมีรูปแบบไม่ถูกต้อง โปรดตรวจสอบว่าองค์ประกอบ XML ทั้งหมดมีการปิดอย่างถูกต้อง
    ข้อความแสดงข้อผิดพลาดของ XML: XML document structures must start and end within the same entity พอจะแนะแนวทางแก้ไขให้หน่อยได้ไหมครับ ขอบคุณล่วงหน้ามากครับ

  1. @ หนอนน้อย : อาจะผิดพลาดอะไรเล็กน้อย ไม่ทราบว่าใช้วิธีเปลี่ยนแบบ Upload ขึ้นไปแล้วบันทึกหรือไม่ครับ ผมลองเปลี่ยนดูแล้วก็เปลี่ยนได้ปกติ จึงยังไม่ทราบว่ากรณีคุณ หนอนน้อยเกิดจากสาเหตุผลใดกันแน่

    ลองทดสอบดูแบบนี้ครับ ใช้วิธีเปลี่ยนแม่แบบอื่นก่อน จากนั้นก็เปลี่ยนเป็นแม่แบบ Simplexauto อีกครั้งครับ

  1. อื้อหือ ตอบเร็วมากเลยครับ ยังไงก็ขอบคุณมากครับ คือผมใช้วิธีอัพโหลดแล้วก็บันทึกครับ ก็ไม่ได้ แล้วก็ลองอย่างวิธีที่พี่บอกแล้วก็ไม่ได้ มันก็ขึ้น ไม่สามารถแยกวิเคราะห์แม่แบบของคุณเนื่องจากมีรูปแบบไม่ถูกต้อง โปรดตรวจสอบว่าองค์ประกอบ XML ทั้งหมดมีการปิดอย่างถูกต้อง
    ข้อความแสดงข้อผิดพลาดของ XML: XML document structures must start and end within the same entity. เหมือนเดิมครับ ยังไงก็ขอบคุณมากครับ เดี๋ยวผมจะหาวิธีต่อไปครับ

  1. @ หนอนน้อย :แสดงว่าไฟล์ที่ดาวน์โหลดมาไม่สมบูรณ์ครับ ยังไงลองดาวน์โหลดจากไฟล์นี้ครับ
    http://www.mediafire.com/?twthzny0gtg

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

  1. @ หนอนน้อย : ให้มีความสุขและ รวย ๆ เช่นกันครับ ^^

  1. เข้ามาอ่านหลายครั้งแล้ว
    ได้เติมความรู้จากที่นี่เยอะมาก

    ขอบคุณที่ทำเวบดีๆมาให้ได้อ่านกันนะคะ

    และขออวยพรวันเกิดย้อนหลังนะคะ
    ขอให้มีความสุขสมหวังทุกสิ่ง รวยๆ ค่ะ

  1. โอว สุดยอด...ขอบคุณครับ แต่ไม่รู้จาทำได้ป่าวผมไม่เก่งภาษาคอมฯเลย

  1. @ Lady : ขอบคุณมากครับ ขอให้มีความสุขสมหวังทุกสิ่ง รวยๆ เช่นกันครับ
    @ cyberrich : ทำได้แน่นอนครับเพราะผมเองก็ไม่เก่งครับ ^ ^

  1. สวัสดีครับ มีปัญหารบกวนสอบถามอีกครับ คือผมเข้าไปโหลด template ในเว็บนี้ครับ พอดีว่าสวยแล้วมันเป็นแบบว่ามีลูกเล่นดีครับ http://simplexdesign.blogspot.com/2010/07/simplex-enews-another-magazine-template.html แต่ปัญหาคือ ทำไมมันไม่มี post element คือเวลาที่เราคลิกเข้าไปดูบทความมันจะเป็นหน้าว่างเปล่า ถ้าเข้าไปดูใน องค์ประกอบของหน้า จะไม่มี post element คือต้องแก้ส่วนไหนอย่างไรบ้างครับ ขอบคุณล่วงหน้าครับ

  1. @หนอนน้อย :เขาอาจจะ disable ไว้ หรือไม่ก็ลบโค้ดทิ้งไปแล้วครับ ลองศึกษาบทความนี้ดูครับ
    http://www.hackublog.com/2010/05/customization-post-element-on-blogger.html

  1. สวัสดีอีกรอบครับ คือตั้งแต่วันที่โพสถามจนมาวันนี้แก้ปัญหายังไม่ได้เลยครับ ศึกษาบทความก็แล้ว ทำหลายอย่างก็แล้ว คือว่ามันเป็นเเบบนี้นะครับ หน้าเว็บบล็อก หน้าแรก จะมีบทความที่เราเขียนอยู่ครับ พอเราคลิกที่ read more เพื่อเข้าไปอ่านบทความข้างใน จะเจอแต่หน้าว่าง ๆ ไม่มีตัวหนังสือ หากพี่พอจะมีเวลาผมรบกวนพี่จริง ๆ ช่วยดูโค๊ดตัวนี้ให้หน่อย http://www.mediafire.com/?mm79dl7v669x999 ผมขอขอบคุณล่วงหน้าครับ

  1. @หนอนน้อย :
    1. พี่ทดสอบแล้วมันปกติดีครับ
    2. แม่แบบนี้่ต้องมีบทความอย่างน้อย 6 บทความที่มีป้ายกำกับเหมือนกันด้วย
    3. ถ้าใส่สคริปต์อย่างอื่นเพิ่มเข้าไปให้ถอนออกให้หมด เพื่อทดสอบว่ามันขัดแย้งตรงไหน แล้วค่อย ๆ ใส่เข้าไปทีละอย่าง
    4. แม่แบบนี้จะไม่แสดงกล่องบทความในส่วนองค์ประกอบของหน้าครับ ถ้าจะให้มีต้องใช้แม่แบบอื่นอย่างเดียวครับ เพราะแม่แบบนี้ออกแบบมาอย่างนี้
    5. ตามความเห็นพี่ แม่แบบนี้สวยก็จริงแต่มี error เยอะมาก และไม่เป็นมิตรกับ SEO เลย สคริปต์ที่ฝังอยู่ในแม่แบบหลายร้อยบรรทัดเลยครับ ถ้าเลือกแม่แแบบอื่นได้ก็ลองเปลี่ยนเอาแม่แบบที่ไม่ผิดธรรมชาติอย่างนี้จะดีกว่าครับ

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

  1. สวัสดีค่ะกลับมาใช้พื้นที่กล่อง comment ตามคำแนะนำ

    http://farmcatfish.blogspot.com/(blog ทดลอง)

    มีคำถามอีกแล้วค่ะ
    1.ภาพสไลด์ทำไมมันไม่พอดีกับจอ (ภาพใหญ่ไปใช่ไหมค่ะ) แก้ไขได้อย่างไร
    2.ดูใน Demo template จะแสดงภาพเล็กๆ รอบๆ จอสไลด์ (แต่ของดิฉันไม่ขึ้น) ต้องทำอย่างไรค่ะ
    ขอบคุณค่ะ...
    Chamaporn

  1. ไม่ทราบว่า โค้ดที่ใส่ไปใน Gadget garelly ถูกต้องหรือเปล่าครับ ลองตรวจสอบดูก่อนนะครับ เพราะเห็นโค้ดนี้ปรากฎขึ้นมาด้วย >> http://upic.me/i/5a/w6006.jpg

  1. เอาอย่างนี้ครับคุณ Chamaporn เชิญผมไปเป็น Admin แล้วผมจะแก้ให้ พอแก้เสร็จแล้วผมจะลบตัวเองออกมา ไม่ต้องกังวลเรื่องข้อมูลเพราะผมจะไม่ไปยุ่งกับส่วนอื่น ๆ นอกจากปรับแม่แบบอย่างเดียว ถ้าแก้เสร็จแล้วก็จะลบตัวเองออกมาครับ

    วิธีเชิญ http://www.hackublog.com/2010/04/blogger.html

    Email ของผม hackublox@gmail.com

  1. พี่ hack น่ารักสุดๆ
    เชิญแล้วนะค่ะ

  1. ตอนนี้ผมตอบรับคำเชิญแล้วแต่ยังแก้อะไรไม่ได้ครับต้อง แต่งตั้งให้เป็น Admin อีกขั้นหนึ่งครับ

  1. เรียบร้อยแล้วค่ะ

  1. wow..สวยจังเลย ขอบคุณมากค่ะ
    อยากตอบแทนจังเลย...มีอะไรให้ช่วยบอกเลยนะคะ

  1. @ คุณ Chamaporn : ลองศึกษาการเพิ่มลิงค์ใน gadget linklist และเพิ่มในส่วนที่เหลือด้วยนะครับ ตอนนี้ผมลบตัวเองออกมาแล้วครับ

  1. สวยงามทุกอัน ขอบคุณครับ

    สนใจ 19. Pin-Up แต่โหลดไม่ได้แล้ว ท่านใดโหลดไว้แล้วสามารถแชร์ได้มั่งครับ

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

  1. @ คุณ ladies uk : วิธีเปลี่ยน ศึกษาได้จากบทความ ตามลิงค์ด้านล่างครับ
    http://www.hackublog.com/2009/09/2.html

    แนะนำให้อ่านจากบทความ วิธีทำบล็อก วิธีสร้างบล็อก การเขียนบล็อก blogger การทำ SEO เริ่มต้นที่นี่ ครับผม

    ส่วนลูกเล่นอื่น ๆ อ่านได้จากสารบัญบทความครับ

  1. สวยๆ ทั้งนั้น ขอบคุณค่ะ

  1. งามทั้งนั้นเลยครับ ขอบคุครับ

  1. ผมใช้ template ชื่อ Latte สวยมากเลย แต่ มีปัญหาอยู่ตรงโลโก้ที่ติดมากับเทมเพลท เช่น Twitter RSS Become a fan
    เราจะเพิ่ม URLของเราให้ใช้งานและแก้ไข ได้ยังไงครับ เพราะว่าไม่มีให้แก้ไขตรง gadget ช่วยแนะนำและขอบคุณมากครับ

  1. ขอบคุณสำหรับเทคนิคดีๆที่ทำให้บล็อกดูเป็นระเบียบ + เฉียบขึ้นเยอะ =)

  1. สุดยอดธีมครับ

  1. hackublog ใช้ theme ของอ่ะไรครับ สวยดี ดูไม่แสบตาดี.......

  1. เจอแล้วครับ......ไม่เป็นไร

  1. ถ้าไม่เปลี่ยน Templates แต่อยากทำใ้ห้มี บทความ หลายๆอัน ในหน้าแรก ละคับ
    โดยให้แต่ละ บทความ เรียงกันใน แนวนอน 3 อัน และเรียงลงมาในแนวตั้ง 5 อัน
    อะไรประมาณนี้อะคับ พอจะมีวิธีทำได้หรือป่าวคับ พอดีผมทำบล็อกเกี่ยวกับหนัง น่ะคับ

  1. theme สวยๆ ทั้งนั้นเลยครับ ขอบคุณ คุณ Hackublog ที่เอามาแป่งปัน

  1. โหลดธีมแล้วมันใช้ไม่ได้ โค้ดเป็นตัวหนังเลข กะยึกกะยือ
    เป็นเพราะ blogger ปรับเปลี่ยนอะไรหรือเปล่าคะ
    มีวิธีแก้ไขไหมคะ

  1. ผมโหลด ZETA มาอ่ะครับ ต้องการจะเปลี่ยน slide เป็นบทความภายในบล๊อค

    และต้องการจะเปลี่ยนแทบข้างล่างสุดให้เป็นแค่อันเดียวอ่ะครับ

    ต้องทำไงครับ

  1. ไปเจอ theme นี้มา hxxp://design-cart-premiumbloggerthemes.blogspot.com/
    ตรงส่วน checkout มันจะมี paypal กับ บัตรเครดิต อยากถามว่าเราสามารถ เพิ่ม หรือแทนที่ ให้เป็นส่ง Email รายการสั่งซื้อแทนได้มั๊ย

  1. โหลด Delight ไม่ได้อ่ะครับ สมัครเป็นสมาชิกบล็อกนี้ยังไงครับ.........

  1. มีแบบสวยๆ เยอะเลย

  1. ทำไมก่อนโพสต้องแปลงโค้ดข้างล่างก่อนครับ งงนิดหน่อยแบบว่าไม่เคยเจอมาก่อนในโลก อิอิ

    ผมดาวโหลดเทมเพลตจากเวบ http://javatemplates.com/2011/blogger-store-v2/
    เวลาติดตั้งทำไมมันขึ้นแต่ข้อความครับ ตามรูบ http://i.imgur.com/pj1Fj.png
    มันไม่เหมือนในเทมเพลตในเวบเจ้าของเลย งงมากๆ

    ติดตามเวบนี้มานานแต่ยังไม่เคยโพสครับ ขอบคุนสำหรับคำแนะนำครับ

  1. คือผมอยากใช้ตรีม 2. Diadema นี้อ่ะครับ

    แต่อยากเอาหลายอย่างออก แล้วไม่รู้จะไปแก้ตรงไหน ช่วยแนะนำทีนะครับ

  1. รูปที่ตอดมากับtemplatesเอาออกได้ไหมครับ
    ถ้าเอาออกได้ เอาออกยังไงครับ

  1. สวยๆทั้งนั้นว่าแต่มันเอาไปใช้ไงอะครับ

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

  1. อยากขอโปรแกรมทำ Templates Blogger หน่อยได้ไหมครับพี่ Hackublog
    ผมใช้โปรแกรม Artisteer ก็ไม่เห็นได้เรื่องเลย กากมากๆ ทำแล้วขื้นไรไม่รู้ เต็มเว็ปไชต์เลย

  1. สุขสันต์วันเกิดครับอาจารย์ __/|\__

    ปรารถนาสิ่งใด ขอจงสมปรารถนาทุกประการ

    ขอให้มีความสุขมาก ๆ ครับ ^_^

  1. thank you. Greetings www.spesialisseo.com

  1. เรียน รบกวนคุณ แฮคกู ค่ะ
    จะใส่ keyword ในหน้าบล้อกเกอร์ ได้อย่างไรคะ เพิ่งกลับเข้ามาเรียนรู้ใหม่อีกครั้งค่ะ ที่เดียว
    ที่จะหาความรู้คือที่นี่ ขอบคุณมากๆด้วยความนับถือค่ะ จากป้าชอบเรียน

  1. สวัสดีครับผมมีเรื่องรบกวนสอบามหน่อยครับ ข้างบนซ้ายมือบล็อกผมทำไมมีเครื่องหมาย > แบบนี้ครับช่วยผมหน่อยครับเอาออกแบบไหนครับผม รบกวนด้วยครับ www.sukata.net

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

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

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