สร้างลิงค์แนวนอน Horizontal links |blogspot

Written By Unknown on วันอังคารที่ 19 ตุลาคม พ.ศ. 2553 | 00:44

สวัสดีเพื่อน ๆ ที่ชวนเพื่อนเขียนบล็อก  กลับมาคราวนี้นำบุญมาฝากด้วยนะคะ   หายไปหลายวันต้องรีบกลับมาอัพเดทบล็อกซะหน่อย   วันนี้มาลองปรับแต่งหน้าตาบล็อกด้วย Horizontal  links หรือสร้างลิงค์ในแนวนอนกันนะคะ  Links แบบนี้ปกติมักจะวางกันไว้ใต้ ส่วนหัว Head
horizontal  links ประโยชน์ของมันคือเป็นทางผ่านให้ผู้เยี่ยมชม สามารถเข้าไปศึกษาข้อมูลในบล็อกได้อีกทาง  นอกเหนือจากลิงค์ในแนวตั้ง      ส่วนมากมักจะสร้าง Links เป็นเมนูหลัก ๆ สำหรับวิธีการ 
ขั้นที่ 1  ให้เพื่อน ๆ Login เข้าไปที่ blogger  การออกแบบ > แก้ไข html
horizontal  links ขั้นที่ 2  มองหา ส่วนหัวของ บล็อกสังเกตที่
/* Blog Header */
horizontal  links
  ขั้นตอนที่ 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
horizontal  links

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

ขอบคุณข้อมููลจาก http://blogknowhow.blogspot.com

0 comments:

แสดงความคิดเห็น