วิธีออกแบบเทมเพลตบล็อกเกอร์

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

1

เข้าสู่บัญชี Blogger ของคุณเพื่อเข้าถึงแดชบอร์ด ตัวเลือกธีมเทมเพลตเฉพาะทั้งหมดของคุณมีอยู่ในแดชบอร์ด

2

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

3

เลือกรูปแบบเทมเพลตที่เหมาะสมกับเนื้อหาของคุณ คุณสามารถเลือกจาก "แบบธรรมดา" ซึ่งเป็นหน้าที่มีความกว้างคงที่โดยไม่ต้องเจริญ “ หน้าต่างรูปภาพ” ซึ่งใช้รูปภาพเป็นพื้นหลังรอบ ๆ โพสต์ของคุณ “ Awesome Inc. ” ซึ่งมีสีเข้มและข้อความสีขาว และ "ลายน้ำ" ซึ่งใช้โลโก้เป็นพื้นหลังเพื่อแสดงถึง บริษัท ของคุณ

4

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

5

คลิก "พื้นหลัง" เพื่ออัปโหลดภาพพื้นหลังหรือเลือกสีพื้นหลัง

6

คลิกที่ส่วนของธีมของคุณภายในหน้าต่างโครงร่างสีและปรับสีย่อยทีละสี สำหรับแต่ละด้านให้ลากตัวเลือกสีไปยังเฉดสีเพื่อกำหนดสี

7

คลิก "เค้าโครง" ทางด้านซ้ายมือเพื่อเลือกโครงสร้างพื้นฐานสำหรับไซต์ของคุณ ตัวเลือกทั้งหมดเหล่านี้ค่อนข้างเป็นอัตวิสัย แต่วัตถุเอฟเฟกต์เค้าโครงที่คุณต้องการวางบนไซต์

8

คลิกประเภทการออกแบบสำหรับบล็อกของคุณ คุณสามารถเลือกการออกแบบแบบคอลัมน์เดียวซึ่งจะสร้างเฉพาะบล็อกกว้างบนเนื้อหาโดยมีส่วนหัวที่ด้านบนหรือเลย์เอาต์สามคอลัมน์ที่มีแถบด้านข้างสองแถบสำหรับลิงก์เมนูปฏิทินหรือวิดเจ็ต

9

ปรับความกว้างของคอลัมน์หลักและแถบด้านข้างโดยลากแถบเลื่อนไปทางซ้ายและขวา

10

คลิก "ใช้กับบล็อก" เพื่อใช้การเปลี่ยนแปลงกับไซต์ของคุณ หากคุณไม่มีเนื้อหา - โพสต์รูปภาพหรือส่วนหัวคุณอาจไม่เห็นว่าเทมเพลตจะทำงานอย่างไรในทันที

11

คลิก "เทมเพลต" ในแผงควบคุม

12

คลิก "แก้ไข HTML" เพื่อทำการเปลี่ยนแปลงแบบกำหนดเองกับสไตล์ชีตแบบเรียงซ้อน (CSS) สำหรับไซต์ที่เรียกใช้ Blogger ของคุณ

13

เปิดสำเนาบล็อกของคุณในหน้าต่างใหม่เพื่อดูตัวอย่างการเปลี่ยนแปลงของคุณ

14

คลิกขวาที่ใดก็ได้ในหน้าแล้วเลือก“ ตรวจสอบองค์ประกอบ” เพื่อดูว่ากฎ CSS ใดถูกนำไปใช้กับองค์ประกอบนั้น