แสดงบทความที่มีป้ายกำกับ Menu แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ Menu แสดงบทความทั้งหมด

วิธีการสร้างเมนูใน Blogger ด้วย html

ใครที่มีบทความเผยแพร่บน Blogger หรือ Blogspot เคยมีความคิดอยากจะสร้างเมนู (Menu) ให้กับ Blog ของคุณไว้ใช้เองหรือไม...วันนี้บทความนี้จะแนะนำวิธีการสร้างเมนู (Menu) หรือ เมนูย่อย (SubMenu) ไว้ใช้กันแบบง้ายยยย...ง่าย

ขั้นตอนการสร้างเมนูให้กับ Blogger อย่างง่าย

วิธีนี้คุณต้องไปโหลด Template ที่คุณชอบมาก่อน โดยเราสามารถไปค้นหาจากหลายๆที่ (คุณๆสามารถไปเปิดอ่านในบทความ "การสร้างรูปแบบของ Blogger ให้สวยเพียง 1 นาที" ซึ่งเราได้หา Template แล้วตามรูป 1
รูปที่ 1 แสดงตัวอย่างเมนูจาก template

1. ให้เปิดเข้าไปในส่วนของ Back-End ของระบบ
2. เลือกเมนูทีม (Theme) ดังรูป 2
สร้างเมนูใน blogger
รูปที่ 2 เลือกเมนูธีม เพื่อเข้าไปจัดการเมนูใน blogger

3. คลิกที่ปุ่ม "แก้ไข html" ตามรูปที่ 1 ระบบจะแสดงโค้ช html ให้ดังรูปที่ 3
สร้างเมนูใน blogger
รูปที่ 3 แสดงหน้าโค้ช html 
4. ค้นหาคำตามเมนู ในรูปที่1 โดยเมนูถัดไปจาก Home คือคำว่า Excel ให้คุณวางเมาส์ไว้ที่แสดง HTML code และ กด Ctrl+F จะเกิด PopUp ที่มุมบน ด้านขวาของจอ ซึ่งจะแสดงตามรูปที่ 4
สร้างเมนูใน Blogger
รูปที่ 4 ค้นหาคำในเมนู
ให้คุณสังเกต Code ที่คล้ายแบบข้างล่างนี้

<li><a href='#'>Excel</a>
<ul class='children'>
<li><a href='https://www.itlearncenter.com/search/label/Basic-Excel'>Basic Excel</a></li>
<li><a href='https://www.itlearncenter.com/search/label/Data-Management'>Data Management</a></li>
<li><a href='https://www.itlearncenter.com/search/label/Functions'>Function</a></li>
<li><a href='https://www.itlearncenter.com/search/label/Data-Analysis'>Data Analysis</a></li>
</ul>
</li>
ตัวหนังสือสีดำ ให้ใส่ชื่อเมนูที่ต้องการ ซึ่งใน Code นี้ Excel จะเป็นเมนูหลัก และ Basic Excel / Data Management / Function / Data Analysis จะเป็นเมนูย่อยภายใต้เมนูใหญ่

ตัวหนังสือสีแดงเป็น URL ที่คุณต้องการให้สามารถ Link ได้ถึง 

กำหนด URL ให้กับเมนูย่อยภายใน Blogger

สำหรับเมนูย่อยภายใต้เมนูใหญ่ใน Blogger สำหรับมือใหม่อาจจะสับสน ว่าจะได้ URL ของเมนูย่อยนั้นมาอย่างไร ... ให้คุณๆย้อนกลับไปถึงการสร้างเนื้อหาภายใน Blogger ทางด้านขวาจะมี "ป้ายกำกับ (Label)" ให้คุณระบุ Keyword ของบทความนั้น ก็ให้คุณกำหนด Keyword ที่ต้องการให้เป็นเมนูย่อยลงไป ดังรูปที่ 5
การใส่ป้ายกำกับให้บทความใน Blogger
รูปที่ 5 การใส่ Keyword ในป้ายกำกับ (Label) ให้บทความภายใน Blogger

 จากรูปที่ 5 ใส่ Keyword เข้าไป 4 คำ ถ้าคุณไม่ต้องการใส่ Keyword อีกก็คลิกเสร็จสิ้น จากนั้นให้เปิดบทความนั้น และคลิกที่ Keyword ที่คุณต้องการให้เป็น SubMenu ของเว็บคุณ ดังรูปที่ 6
การสร้างเมนูย่อยใน Blogger
รูปที่ 6 การสร้าง Submenu ใน Blogger

คลิกเข้าไปที่ Keyword ที่ต้องการ ซึ่งจากรูปที่ 6 ให้คลิกที่ Data Management ระบบจะรวบรวมบทความที่มี Keyword นี้ โดย URL จะเป็นแบบนี้ https://www.itlearncenter.com/search/label/Data-Management เพียงแค่นี้คุณก็จะได้ SubMenu ไปแก้ไข Code ในข้อ 4 ได้แล้ว 


Share:

จำนวนการดูหน้าเว็บรวม

Popular Posts

ขับเคลื่อนโดย Blogger.

Dashboards คืออะไร มีกี่ประเภท

Dashboards คืออะไร และสามารถช่วยเราในการทำงานอย่างไร Dashboards คือ การนำข้อมูลมาสร้างรายงานที่เป็นภาพรวมทางธุรกิจ ให้ผู้บริหารสามารถ...

Recent Posts

Keywords

เอ็กเซล Data-Management Functions การจัดการข้อมูลในเอ็กเซล Blogger Basic-Excel Create-Blogger การจัดการข้อมูล Excel Conditional Formatting excel Data-Analysis Drop down list Excel สูตร Computer knowledge Feed RSS Atom คือ อะไร Index Match function excel SEO Search Console Search engine chart excel คือ excel data validate paste option Excel vlookup approximate Match exact Match vlookup function excel การใช้ concatenate ใน excel สร้าง drop down list สร้าง กราฟ เอ็กเซล Advance Filter Auto Filter by Color Auto Filter by Text Content Syndication DATEDIF() Datedif Function Excel SUM Function Excel SUMIF Function Excel SUMIFS Function Formula Values Transpose Formatting Function excel Gantt Chart excel Gantt Chart excel ทำยังไง HLOOKUP Icon Set Index Match function คือ Knowledge Line Chart Scatter Chart LogicFunction Match function excel Name Manager Paste Special Pie Doughnut chart excel Robots Header Tag Sumproduct function การใช้ สูตร เอ็กเซล Template Text Function Excel Trim Clear Function Excel Values column chart excel condition countif excel count if excel 2010 countifs data validation excel countifs เงื่อนไข ตัวอักษร มากกว่า น้อยกว่า excel index match formula excel match function reference cell excel sort and filter excel เบืื้องต้น excel เบื้องต้น flash fill excel คือ flash fill คือ อะไร function คือ highlight in dropdownlist index excel match vlookup index match ใช้ยังไง lookup excel กราฟ แผนภูมิ Excel การ เรียง ข้อมูล excel การ เรียง ลําดับ ข้อมูล excel การกรองข้อมูล Excel การตัดข้อความ เอ็กเซล การทํา chart excel การทําcontrol chart excel การสร้าง ตาราง กราฟ excel การสร้าง chart excel การสร้างฟีต การหาผลรวมในเอ็กเซล การเผยแพร่เนื้ือหา การเพิ่ม Subscription ให้ Blogger การแยก ข้อความ การใช้ if การใช้ index match excel การใช้งาน Subtotal outline excel การใช้ฟังก์ชั่น concatenate การใช้แผนภูมิ chart excel ค้นหาข้อมูล เอ็กเซล ค้นหาเลขคอลัมน์ ค้นหาเลขแถว เอ็กเซล ตัดช่องวางในเอ็กเซล ผูกเว็บกับ Google Analytics ฟังก์ชั่น Text การใช้ วิธีการตัดข้อความใน Excel วิธีทำ แผนภูมิ วงกลม Excel สูตร COUNTIF สูตรexcel concatenate สูตรการหาผลรวมใน Excel หาผลต่างระหว่างเดือน เพิ่มรายการใน Data Validation แผนภูมิ คอลัมน์ excel แผนภูมิคอลัมน์ เรียงซ้อน ใส่สีให้ dropdownlist