![]() |
Blogger Template Magazine Stye |
มาอีกแล้วครับกับ Blogger Template สวยๆ สไตล์ Magazine เหมาะเอาไว้ทำบล็อกข่าว บล็อกวาร์ไรตี้ บันเทิง กีฬา ท่องเที่ยว แนะนำโรงแรม รีสอร์ทหรือแนวไหนก็ได้ตามใจชอบ ว่าถึงเจ้า Template ตัวนี้น่าใช้มากครับแถมการใช้งานก็ไม่ยุ่งยากอะไร การออกแบบก็ถือว่าลงตัวแล้วครับแต่ผมยังไม่ค่อยพอใจก็เลยโมอีกนิดหน่อยด้วยการใส่ Tabber Menu ซึ่งจะช่วยลดพื้นที่การใช้งาน Sidebar กับปรับแต่งสี และไอคอนต่าง ซึ่งผมก็จะเขียนอธิบายประกอบภาพให้ทำตามกัน สำหรับส่วนที่น่าสนใจของเจ้า Template ตัวนี้ก็คือมันมีระบบ Social plugin พร้อมครับ ทั้ง Facebook ปุ่มแชร์ ตลอดจน Google+ และยังมี Related Articels ระบบสุ่มบทความในตัว แถมมีไกด์ไลน์เหนือชื่อบทความอีกด้วย
ถ้าอยากรู้ว่าสวย และน่าใช้แค่ไหนก็ลองเข้าไปดูบล็อกตัวอย่างได้เลยครับ ซึ่งบล็อกตัวอย่างนี้ผมทำแค่ใส่รูปให้ดูยังไม่ได้ลงข้อมูลอะไรน๊ะครับ..ถูกอกถูกใจก็ดาวน์โหลดไปใช้กันได้เลยครับสำหรับของดีและฟรีอย่างเจ้า Blogger Template Magazine Stye ตัวนี้
*Template ตัวนี้ผมได้ลองเอาไปทำบล็อกขาย Amazon ก็เข้าท่าดีครับ *
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
DEMO : ตัวอย่าง | DOWNLOAD : ดาวน์โหลด |
การปรับแต่งเบื้องต้น |
หลังจากดาวน์โหลดแม่แบบแล้วก็ให้เข้าไปในส่วนของการแก้ไขแม่แบบจัดการวางโค๊ดแม่แบบ ก่อนที่จะบันทึกแม่แบบให้แก้โค๊ดต่อไปนี้ก่อน โดยการกด Ctrl กับ F จากแป้นพิมพ์ แล้วแก้ไขในส่วนต่างๆ ดังนี้
1.ให้หาคำว่า Your Blog Title แล้วเปลี่ยนเป็นชื่อบล็อกของคุณ
2.ให้หาคำว่า Your Blog Description แล้วเปลี่ยนเป็นรายละเอียดเกี่ยวกับบล็อกของคุณ
3.ให้หาคำว่า Your Keywords แล้วใส่คีย์เวิร์คของคุณแทน
4.ให้หาคำว่า Your Blog Name แล้วเปลี่ยนเป็นชื่อบล็อกของคุณ (จะมีอยู่ 2 จุด)
5.ให้หาคำว่า www.blogger.com คุณจะเจอโค๊ดดังต่อไปนี้
<a href='http://www.blogger.com' title=YOUR BLOG TITLE'
ส่วนสีเขียวให้แก้เป็น url ของบล็อกคุณ ส่วนสีแดงให้แก้เป็นข้อความเกี่ยวกับบล็อกของคุณ จากนั้นก็จัดการบันทึกแม่แบบ
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
วิธีการเปลี่ยนโลโก้ส่วนหัวของบล็อก |
![]() |
วิธีการเปลี่ยนโลโก้หัวบล็อก |
ให้หาคำว่า logo หรือ url ของรูปดังนี้
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8PU2J4BG4XkgTx3mPCRTM7a8uxXbyttO4e3XKE7mSCthd50d52pHsxAQItBYRcUbHnBCVa5i7yL-YT_8Ii2AffPpOyCDu9R7Imvvy1a7oHYPoZdu2spTlFVj2xw5wUGQDCpBUmWZjSDk/s1600/your+logo.jpg ให้จัดการเอามันออกแล้วแทนที่ด้วย url รูปภาพของคุณ รูปที่ใช้เป็นโลโก้ควรมีขนาด 240x80 px
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
การแสดงบทความหน้าบล็อก |
![]() |
ตั้งค่าการแสดงผลบทความหน้าบล็อก |
label1 = "YOUR LABEL1";
Title1 = "LABEL 1";
Title1 = "LABEL 1";
label2 = "YOUR LABEL2";
Title2 = "LABEL 2";
Title2 = "LABEL 2";
label3 = "YOUR LABEL3";
Title3 = "LABEL 3";
Title3 = "LABEL 3";
label4 = "YOUR LABEL4";
Title4 = "LABEL 4";
Title4 = "LABEL 4";
label5 = "YOUR LABEL5";
Title5 = "LABEL 5";
Title5 = "LABEL 5";
label6 = "YOUR LABEL6";
Title6 = "LABEL 6";
Title6 = "LABEL 6";
label7 = "YOUR LABEL7";
Title7 = "LABEL 7";
Title7 = "LABEL 7";
label8 = "YOUR LABEL8";
Title8 = "LABEL 8";
Title8 = "LABEL 8";
label9 = "YOUR LABEL9";
Title9 = "LABEL 9";
Title9 = "LABEL 9";
label10 = "YOUR LABEL10";
Title10 = "feature";
Title10 = "feature";
เราก็จัดการแก้ไขในส่วนตัวหนังสือสีแดงให้ใส่ชื่อป้ายกำกับบทความของเรา ซึ่งในส่วนนี้จะมีความสำคัญมากหากเราใส่ไม่ถูกต้องบทความของเราก็จะไม่แสดงหน้าบล็อกครับ เพราะฉนั้นบทความของคุณจะต้องใส่ป้ายกำกับบทความด้วยน๊ะครับ ส่วนตัวหนังสือสีเขียวให้ใส่ชื่อที่ต้องการแสดงเป็นหมวดหมู่เมนูในหน้าแรก สำหรับหมายเลข 10 ในส่วนของภาพสไลด์ก็ทำแบบเดียวกันอยากให้บทความไหนเป็นภาพสไลด์ก็ใส่ป้ายกำกับบทความตรงตัวหนังสือสีแดงส่วนชื่อตรงตัวหนังสือสีน้ำเงินคำว่า feature ไม่ต้องเปลี่ยนครับ
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
![]() |
การแก้ไขในส่วนต่างๆ |
หมายเลข 1 ก็คือส่วนของไอคอนรูปตัว B ถ้าอยากเปลี่ยนใหม่ก็ให้หาโค๊ดดังต่อไปนี้
แล้วเปลี่ยนเป็น url รูปภาพของคุณ ภาพไอคอนควรมีขนาด 18x18 px
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje1bstdhBGmW29VRN1KRiaciOBMTYOMJdlFuWB9luaiJ8V5mAyd0ckOW3EdT-3ABGjAQ69vKcqXdOz8zIyVrDNqDFNtnJRkZPZ8BdLKti9C6JnN1bFRuYNMBqQroKFiP39804jaD0lz3c/s1600/icon+blogger.bmp
หมายเลข 2 ก็คือ feeds ให้หาโค๊ดนี้ครับ
http://promoteband.blogspot.com/feeds ให้เปลี่ยนส่วนสีแดงเป็นชื่อบล็อกของคุณ
หมายเลข 3 ก็คือในส่วนของ twitter ก็เหมือนเดิมครับคือเปลี่ยนส่วนสีแดงเป็นชื่อ User ของคุณ
'http://twitter.com/Username'
ส่วนหมายเลข 4 คำว่า YOUR GADGET ก็หาจากแม่แบบแล้วแก้ไขข้อความใหม่ได้ตามใจครับ
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
การเพิ่มองค์ประกอบของหน้า |
![]() |
การเพิ่มองค์ประกอบของบล็อก |
หมายเลข 1 เมนูใต้ชื่อบล็อก ให้เลือกแก้ไข menu แล้วแก้ไขเพิ่มได้ตามใจชอบ
หมายเลข 2 แบนเนอร์ Ad ขนาด 468x80
หมายเลข 3 แบนเนอร์ขนาดรูปดังตัวอย่างบล็อกที่ผมทำ DEMO (รูปกล้อง คงประมาณ 300x250)
หมายเลข 4 ก็คือส่วนนี้ครับ
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
หากไม่ชอบสีแสดทีผมทำไว้ก็เปลี่ยนเป็นสีอื่นก็ได้ครับง่ายๆ แค่ค้นหารหัสสีจากแม่แบบโดยกด Ctrl กับ F แล้วหาโค๊ด C42915 มีกี่ที่ก็ให้เปลี่ยนเป็นรหัสสีที่คุณต้องการให้หมด
ก็หวังว่าคงจะถูกใจกันบ้างน๊ะครับสำหรับMagazine Blogger Template ตัวนี้ หากมีปัญหาสงสัยติดขัดตรงไหนก็สอบถามกันได้น๊ะครับ...
มีผู้อ่านแล้ว.. ..ครั้ง