สร้างหน้าสารบัญ รวมบทความทั้งหมด

หน้าสารบัญ เป็นหน้าที่รวมบทความทั้งหมดในบล็อกที่เราเคยเขียนไว้ทั้งหมด แสดงผลเรียบตามตัวอักษรแล้วหมวดหมู่ที่เราตั้งไว้อย่างชัดเจน ทำได้ง่ายต่อการค้นหา และเลือกอ่านได้อย่างดีเลยทีเดียว วิธีการทำไม่ยากเลย เพียงแค่ทำตามที่ บล็อกเซอร์ สอนเท่านั้น

1. ก่อนอื่น เป็นการสำรองข้อมูลแม่แบบของเราไว้ก่อน เพื่อกันพลาดถ้าหากเราไปแก้ไข Html แล้วมัน Error ดูการสำรองข้อมูลแม่แบบที่นี่

2. ก่อนที่จะนำป้าย Facebook มาใส่ในบล็อคได้ เราต้องมี Code ติดตั้ง Plugin ก่อน ถ้าไม่ทำ ป้าย Facebook ก็จะไม่ทำงาน วิธีการคือ ไปที่เมนู แม่แบบ แล้ว Click ที่ แก้ไข HTML

3. จะมีหน้าต่างขึ้นมาเตือน ก็ให้ Click ที่ ดำเนินการ

4. Click ให้มีเครื่องหมายถูกหน้าข้อความขยายเทมเพลตวิดเจ็ต

5. ให้ทำการ หา Code คำนี้ ]]></b:skin> ถ้าให้หาด้วยตาเปล่าจะตาลายมากก่อนจะเจอ วิธีการหาได้อย่างรวดเร็วคือการ กด Control และ F (เครื่อง Mac Command+F) พร้อมๆ กัน จะขึ้นหน้าต่างให้พิมพ์อยู่ข้างบน ก็พิมพ์คำว่า ]]></b:skin> ลงไปในช่อง เมื่อเจอแล้วจะมีแถบสีเหลืองขึ้นมาบอกตำแหน่ง

6. เมื่อเจอแล้ว ให้นำ Code นี้ ไว้ก่อนหน้า ]]></b:skin> แล้ว Click บันทึกเทมเพลต

.judul-label{
background-color:#E5ECF9;
font-weight:bold;
line-height:1.4em;
margin-bottom:5px;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 4px #AAAAAA;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #e9e9e9;
border: 2px solid white !important;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.data-list{
line-height:1.5em;
margin-left:5px;
margin-right:5px;
padding-left:15px;
padding-right:5px;
white-space:nowrap;
text-align:left;
font-family:"Arial",sans-serif;
font-size:12px;
}
.list-ganjil{
background-color:#F6F6F6;
}
.headactive{
color: #fef4e9;
border: 2px solid white !important;
background: #1C8DFF;
background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2));
background: -moz-linear-gradient(top, #9dc2e7, #438cd2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2');
}