รวมลิงก์ข้อมูลทางเทคนิค html สร้างเว็บบล็อกให้สวยน่าอ่าน คลิกแล้วติดตามเว็บเหล่านั้นเลยครับ

15.3

15.3.1 Font Size.....Px กับ Pt ต่างกันอย่างไร
15.3.2 Font Size.....Px กับ Pt ต่างกันอ

วิธีปรับความกว้างใน Blogger Blogspot, วิธีขยายบล็อกธีม

15.2

เมื่อเข้าไปดูในส่วน เครื่องมือออกแบบเทมเพลตบล็อกเกอร์

วิธีวิธีปรับความกว้างใน Blogger Blogspot

          เข้าไปที่ Blogger
                    - เลือก Template
                    - เลือก Edit HTML
          ไปที่ Google Chrome
                    - เลือก Setting (สัญลักษณ์ 3 ขีด อยู่หัวมุมบนขวา)
                    - เลือกค้นหา
                    - ใส่คำว่า Content.width
                    - เปลี่ยน 1350px เป็นขนาดที่เราต้องการ
                    - กด Save

สร้างลิงค์เมนูบาร์จากตาราง (ภาษา Html), CODE Table Menu Bar Html

SmartMathsTutor – Code Table Menu Bar Html

15.1

กดขยายรูป

<center> <table bgcolor="#CCCCCC" border="2" bordercolor="#ff0000" cellspacing="1" style="width: 1800px;">   <colgroup><col align="center" />   <col align="left" />   <col align="right" />    </colgroup><thead> <tr>     <th bgcolor="#FFFF00" width="20%"><span style="line-height: 25pt; mso-ansi-language: en-us; mso-ascii-theme-font: major-bidi; mso-bidi-language: th; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: calibri; mso-fareast-language: en-us; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: major-bidi;"><span style="font-family: Angsana New;"><span style="font-size: 22pt;"><span lang="TH">สารบัญบทความทั้งหมด</span></span></span></span></th>     <th bgcolor="#FFFFFF" width="20%"><span style="line-height: 25pt; mso-ansi-language: en-us; mso-ascii-theme-font: major-bidi; mso-bidi-language: th; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: calibri; mso-fareast-language: en-us; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: major-bidi;"><span style="font-family: Angsana New;"><span style="font-size: 22pt;"><span style="color: red;">A.</span> <span lang="TH" style="font-weight: normal;"><a href="http://smartmathstutor.blogspot.com/p/5_14.html"><b>บทเรียนคณิตศาสตร์</b></a></span></span></span></span></th>     <th bgcolor="#FFFFFF" width="20%"><span style="line-height: 25pt; mso-ansi-language: en-us; mso-ascii-theme-font: major-bidi; mso-bidi-language: th; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: calibri; mso-fareast-language: en-us; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: major-bidi;"><span style="font-family: Angsana New;"><span style="font-size: 22pt;"><span style="color: red;">B.</span> <span lang="TH" style="font-weight: normal;"><a href="http://smartmathstutor.blogspot.com/p/b.html"><b>วิธีพัฒนาตัวเอง I.Q. ฯลฯ </b></a></span></span></span></span></th>     <th bgcolor="#FFFFFF" width="20%"><span style="line-height: 25pt; mso-ansi-language: en-us; mso-ascii-theme-font: major-bidi; mso-bidi-language: th; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: calibri; mso-fareast-language: en-us; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: major-bidi;"><span style="font-family: Angsana New;"><span style="font-size: 22pt;"><span style="color: red;">C.</span> <span lang="TH" style="font-weight: normal;"><a href="http://smartmathstutor.blogspot.com/p/blog-page_27.html"><b>รู้ไว้มีสุข – บทความสุขภาพ</b></a></span></span></span></span></th>     <th bgcolor="#FFFFFF" width="20%"><span style="line-height: 25pt; mso-ansi-language: en-us; mso-ascii-theme-font: major-bidi; mso-bidi-language: th; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: calibri; mso-fareast-language: en-us; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: major-bidi;"><span style="font-family: Angsana New;"><span style="font-size: 22pt;"><span style="color: red;">D.</span> <span lang="TH" style="font-weight: normal;"><a href="http://smartmathstutor.blogspot.com/p/24.html"><b>อยากเป็นนักเขียน – วิธีพัฒนาการใช้ภาษา</b></a></span></span></span></span></th> </tr> </thead>  </table> </center>

ผลลัพธ์ของ Code

สารบัญบทความทั้งหมด	A. บทเรียนคณิตศาสตร์	B. วิธีพัฒนาตัวเอง I.Q. ฯลฯ	C. รู้ไว้มีสุข – บทความสุขภาพ	D. อยากเป็นนักเขียน – วิธีพัฒนาการใช้ภาษา

อ้างอิง : http://www.enjoyday.net/webtutorial/html/html_chapter12.html