ชวนเพื่อนเขียนบล็อก

Pin It now! สวัสดีเพื่อน ๆ ที่ชวนเพื่อนเขียนบล็อก  กลับมาคราวนี้นำบุญมาฝากด้วยนะคะ   หายไปหลายวันต้องรีบกลับมาอัพเดทบล็อกซะหน่อย   วันนี้มาลองปรับแต่งหน้าตาบล็อกด้วย Horizontal  links หรือสร้างลิงค์ในแนวนอนกันนะคะ  Links แบบนี้ปกติมักจะวางกันไว้ใต้ ส่วนหัว Head
ประโยชน์ของมันคือเป็นทางผ่านให้ผู้เยี่ยมชม สามารถเข้าไปศึกษาข้อมูลในบล็อกได้อีกทาง  นอกเหนือจากลิงค์ในแนวตั้ง      ส่วนมากมักจะสร้าง Links เป็นเมนูหลัก ๆ สำหรับวิธีการ 
ขั้นที่ 1  ให้เพื่อน ๆ Login เข้าไปที่ blogger  การออกแบบ > แก้ไข html
ขั้นที่ 2  มองหา ส่วนหัวของ บล็อกสังเกตที่

/* Blog Header */

  ขั้นตอนที่ 3  เมื่อเจอ ส่วนหัวของบล็อกแล้ว ให้ copy code ด้านล่างนี้วางไว้ใต้ส่วนหัว 

/* Blog Header */ #newnavbar ul li{ font-size:100%; list-style-type: none; display:inline; padding:0px; margin:10px; border:0px solid; } #newnavbar li a{ color:#335577; } #newnavbar li a:visited { color: #990066; } #newnavbar li a:hover { color: #99FFFF; background: #CCFFFF; }

ขั้นตอนที่ 4 หลังจากวาง code ดังกล่าวเรียบร้อยให้เลือกบันทึกแม่แบบ
ขั้นตอนที่ 5  ให้เลือกที่เมนู การออกแบบ>องค์ประกอบหน้า เลือกเพิ่ม gadget


ขั้นตอนที่ 7 เลือกเพิ่ม gadget html/javascript

ขั้นตอนที่ 8  copy code ด้านล่างวางใน gadget html/javascript

<div id='newnavbar'> <ul> <a href="URL ที่ต้องการสร้างลิงค์"><ชื่อลิงค์></a></li> <li><a href="URL ที่ต้องการสร้างลิงค์">ชื่อลิงค์</a></li> <li><a href="URL ที่ต้องการสร้างลิงค์">ชื่อลิงค์</a></li> <li><a href="URL ที่ต้องการสร้างลิงค์">ชื่อลิงค์</ </a></li> <li><a href="URL ที่ต้องการสร้างลิงค์">ชื่อลิงค์</ </a></li> </ul></div>

ดูตัวอย่าง Horizontal links ที่ชวนเพื่อนเขียนบล็อก
 
ขั้นตอนสุดท้ายเลือกบันทึก  gadget html/javascript ลองดูการแสดงผลนะคะ 
เสร็จแล้วค่ะวิธีการสร้าง Horizontal links ใน blogspot ลองปรับแต่งกันดูนะคะ  วันนี้ bye bye จ้า