1.ไปที่ แผงควบคุม-->รูปแบบ-->เพิ่ม Gadget-->HTML/จาวาสคริปต์ กดเพิ่ม
2.วางโค้ดต่อไปนี้ลงไป ให้แก้ไขตรงอักษรสีแดงแล้ว บันทึก
<div class="widget-content">
<ul style="height:400px;width:280px; overflow:auto; ">
<li><a href=" Ur Address ">ชื่อLINK 1</a></li>
<li><a href=" Ur Address ">ชื่อLINK 2</a></li>
<li><a href=" Ur Address ">ชื่อLINK 3</a></li>
<li><a href=" Ur Address ">ชื่อLINK 4</a></li>
<li><a href=" Ur Address ">ชื่อLINK 5</a></li>
<li><a href=" Ur Address ">ชื่อLINK 6</a></li>
</ul></div>
อธิบาย:
-ตัวเลข 400 คือความสูงและ 280 คือความกว้าง สามารถปรับเปลี่ยนได้
-เราสามารถเพิ่ม/ลบ บรรทัด <li><a href=" ใส่ลิงค์ ">ใส่ชื่อ<a></li> เท่ากับจำนวนลิงค์ที่เราต้องการ
และถ้าต้องการคลิกลิงค์แล้วเปิดในหน้าต่างใหม่ก็ให้ใช้โค้ดชุดด้านล่าง
<div class="widget-content">
<ul style="height:400px;width:180px; overflow:auto; ">
<li><a href=" Ur Address " target="_blank">LINK 1</a></li>
<li><a href=" Ur Address " target="_blank">LINK 2</a></li>
<li><a href=" Ur Address " target="_blank">LINK 3</a></li>
</ul></div>
ตัวอย่างเช่น
<div class="widget-content">
<ul style="height:400px;width:280px; overflow:auto; ">
<li><a href="http://stmath09.blogspot.com/2015/08/kmplayer-window8.html">การเลือกให้โปรแกรม KMplayer เล่นไฟล์ชนิดต่างๆ</a></li>
<li><a href="http://stmath09.blogspot.com/2015/08/word-2013.html">การใส่วิดีโอใน word 2013</a></li>
<li><a href="http://stmath09.blogspot.com/2015/07/e-book.html">โปรแกรมที่ใช้ในการทำ E-book</a></li>
<li><a href="http://stmath09.blogspot.com/2015/07/favicon.html">การใส่ favicon ให้บล็อก</a></li>
<li><a href="http://stmath09.blogspot.com/2015/05/mail-merge-word-2013.html#more">การสร้างจดหมายเวียน (Mail merge) word 2013</a></li>
</ul></div>
ตรงชื่อ ใส่ชื่อหัวข้อตามต้องการ เสร็จแล้วกดบันทึก
ที่มา http://www.hackublog.com/2009/10/scroll-bar.html
