การสร้าง Menu Bar For Blogger การเพิ่มลิ้งค์เมนูบาร์บล็อก

การสร้าง Menu Bar For Blogger การเพิ่มลิ้งค์เมนูบาร์บล็อก

วันนี้ผมเอา Trips เล็กๆ น้อยๆ มาฝากครับ เป็นการสร้างเมนูบาร์ ของบล็อกเกอร์ (MENU BAR BLOGGER)บางคนรู้วิธีแล้วมันก็ไม่ยาก แต่สำหรับคนที่เพิ่งเริ่มเขียนบล็อก มันเป็นสิ่งที่ยากเหมือนกันนะครับ พูดแล้วนึกถึงสมัยเริ่มเขียนบล็อกใหม่ๆ มึนเหมือนกันครับลูกเล่นเยอะมาก เราตามไม่ทันและก็ใช้มันไม่หมดทุกตัวหรอกครับ เราต้องคัดตัวที่เราคิดว่าสำคัญ อาจจะดูจากบล็อกคนอื่นเพื่อเป็นแนวทางก่อนก็ได้ครับ ส่วนบล็อกตัวนี้ของผมเองนั้นร่วม 7 เดือน PageRank 2 แล้วครับ ดีใจมากๆเรยละครับ ถือว่าเราประสบความสำเร็จในระดับหนึ่งเลยทีเดียวครับ (สำหรับคนที่ไม่เก่งได้ระดับนี้สุดยอดแร้ว…)

มาดูวิธีการสร้าง Menu Bar บน Blogger กันดีกว่าครับ

และนี่ก็เป็นอีกวิธีหนึ่งครับ

เหมือนเดิมเลย Login เข้า Blogger >>แม่แบบ>>แก้ไข HTML


*สังเกตุรูปเมนูบาร์ กับ Code ด้านล่างนี้ครับ

<li><a href='#'>Business</a> <ul class='children'> <li><a href='#'>Internet</a></li> <li><a href='#'>Market</a></li> <li><a href='#'>Stock</a></li> </ul> </li> <li><a href='#'>Downloads</a> <ul class='children'> <li><a href='#'>Dvd</a></li> <li><a href='#'>Games</a></li> <li><a href='#'>Software</a> <ul class='children'> <li><a href='#'>Office</a> </li> </ul> </li> </ul> </li>

*จุดที่ต้องเปลี่ยนตรงที่ใส่สีใว้ครับ

‘สีน้ำเงิน’ ใส่ Url หน้าเว็บที่เราต้องการให้ลิ้งค์ไปหา
‘สีแดง’ ใส่ชื่อเมนู ได้ตามต้องการครับ
‘Code <ul class='children'> ’ เป็นโค้ดเมนูลึกลงไปอีกชั้น สังเกตุรูปภาพที่ทำเป็นตัวอย่างครับ

แค่นี้เองครับ การสร้างเมนูบาร์ ผมทำใว้ให้ดู 2 รอบแล้วครับครั้งแรกเผื่อดูแล้วไม่เข้าใจ หน้านี้ครับรอบแรก

Google แท็ก : สร้างเมนูบาร์ ของบล็อกเกอร์, MENU BAR BLOGGER, การสร้าง Menu Bar บน Blogger,MENU BAR, MENU BLOGGER, การสร้าง Menu BAR BLOGGER, การเพิ่มลิ้งค์เมนูบาร์

http://kobover.blogspot.com/2014/01/menu-bar-for-blogger.html  

9 องค์ประกอบของการออกแบบเว็บบล็อกให้มีประสิทธิภาพ

 KHIT KAENPHROM  FEATURED , RICH ONLINE

9 องค์ประกอบของการออกแบบเว็บบล็อกให้มีประสิทธิภาพ 
องค์ประกอบต่อไปนี้ถือเป็นพื้นฐานที่สำคัญของเว็บบล็อกที่ได้รับการออกแบบมาอย่างมีประสิทธิภาพ

1. ความเรียบง่าย (Simplicity)
หลักที่สำคัญของความเรียบง่าย คือ การสื่อสารเนื้อหาถึงผู้ใช้โดยจำกัดองค์ประกอบเสริมที่เกี่ยวข้องกับการนำเสนอให้เหลือเฉพาะสิ่งที่จำเป็นเท่านั้น

2. ความสม่ำเสมอ (Consistency)
ใช้รูปแบบเดียวกันตลอดทั้งเว็บบล็อก เนื่องจากผู้ใช้จะรู้สึกกับเว็บบล็อกว่าเป็นเสมือนสถานที่จริง ถ้าลักษณะของแต่ละหน้าในเว็บบล็อกเดียวกันนั้นแตกต่างกันมาก ผู้ใช้ก็จะเกิดความสับสนและไม่แน่ใจว่ากำลังอยู่ในบล็อกเดิมหรือไม่ ดังนั้นรูปแบบของหน้า สไตล์ของกราฟิก ระบบเนวิเกชัน และโทนสีที่ใช้ควรจะมีความคล้ายคลึงกันตลอดทั้งบล็อก

3. ความเป็นเอกลักษณ์ (Identity)
การออกแบบต้องคำนึงถึงลักษณะขององค์กร เนื่องจากรูปแบบของเว็บบล็อกสามารถสะท้อนถึงเอกลักษณ์ และลักษณะขององค์กรนั้นได้

4. เนื้อหาที่มีประโยชน์ (Useful Content)
เนื้อหาถือเป็นสิ่งที่สำคัญที่สุดในเว็บบล็อก ดังนั้นในเว็บบล็อกควรจัดเตรียมเนื้อหาและข้อมูล ที่ผู้ใช้ต้องการให้ถูกต้องและสมบูรณ์ โดยมีการปรับปรุงและเพิ่มเติมให้ทันต่อเหตุการณ์อยู่เสมอ เนื้อหาที่สำคัญที่สุดคือ เนื้อหาที่สร้างขึ้นมาเองโดยทีมงานของคุณและไม่ซ้ำกับบล็อกอื่น เพราะจะเป็นสิ่งที่ดึงดูดผู้ใช้ให้เข้ามาในเว็บบล็อกอยู่เสมอ

5. ระบบเนวิเกชันที่ใช้งานง่าย (User-Friendly Navigation)
ระบบเนวิเกชันเป็นองค์ประกอบที่สำคัญมากของเว็บบล็อก จะต้องออกแบบให้ผู้ใช้เข้าใจได้ง่ายและใช้งานสะดวก โดยใช้กราฟิกที่สื่อความหมายร่วมกับคำอธิบายที่ชัดเจน รวมทั้งมีรูปแบบและลำดับของรายการที่สม่ำเสมอ

6. มีลักษณะที่น่าสนใจ (Visual Appeal)
เป็นเรื่องยากที่จะตัดสินว่าลักษณะหน้าตาของเว็บบล็อกน่าสนใจหรือไม่ เพราะเกี่ยวข้องกับความชอบของแต่ละบุคคลอย่างไรก็ตามหน้าตาของเว็บบล็อกจะมีความสัมพันธ์กับคุณภาพขององค์ประกอบต่าง ๆ

7. การใช้งานอย่างไม่จำกัด (Compatibility)
ควรออกแบบเว็บบล็อกให้ผู้ใช้ส่วนใหญ่เข้าถึงได้มากที่สุด โดยไม่มีการบังคับให้ผู้ใช้ต้องติดตั้งโปรแกรมใด ๆ เพิ่มเติม หรือต้องเลือกใช้บราวเซอร์ชนิดใดชนิดหนึ่งจึงจะสามารถเข้าถึงเนื้อหาได้ สามารถแสดงผลได้ในทุกระบบปฏิบัติการและที่ความละเอียดหน้าจอต่างกันอย่างไม่มีปัญหา

8. คุณภาพในการออกแบบ (Design Stability)
ถ้าต้องการให้ผู้ใช้รู้สึกว่าเว็บบล็อกที่มีคุณภาพ ถูกต้อง และเชื่อถือได้ ก็ควรให้ความสำคัญกับการออกแบบเว็บบล็อกอย่างมาก

9. ระบบการใช้งานที่ถูกต้อง (Functional Stability)
ระบบการทำงานต่าง ๆ ในเว็บบล็อกจะต้องมีความแน่นอน และทำหน้าที่ได้อย่างถูกต้อง

http://www.socialrichonline.com/2014/12/9.html