Cara Buat Widget Scroll List

HTML

<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipC35SqIWdcXNyy2SPCtbss3ZgZWyx_gOnSrq0USHsR2nAeoRk3iDCb1ovqUGpni_nInRW2rslqbTboHChpdsnCbjNaJD73ZhuH-aMpyL3p8eykbmKC5nP4D17dzHmP4KH0w8XT6R8bzY/s1600/Arrow01.png") no-repeat left center;
line-height:1.5em;
padding:3px 0px 3px 25px;
margin: 0px 5px;
}
</style>
<div style="background-color: transparent; border: 1px solid rgb(230, 230, 230); height: 163px; margin: 0px; overflow: auto; padding: 3px; width: 100%;">
<div class="list"><a href="LINK TUJUAN" target="_blank">LINK 01</a></div>
<div class="list"><a href="LINK TUJUAN" target="_blank">LINK 02</a></div>
<div class="list"><a href="LINK TUJUAN" target="_blank">LINK 03</a></div>
<div class="list"><a href="LINK TUJUAN" target="_blank">LINK 04</a></div>
<div class="list"><a href="LINK TUJUAN" target="_blank">LINK 05</a></div>
<div class="list"><a href="LINK TUJUAN" target="_blank">LINK 06</a></div>
<div class="list"><a href="LINK TUJUAN" target="_blank">LINK 07</a></div>
<div class="list"><a href="LINK TUJUAN" target="_blank">LINK 08</a></div>
<div class="list"><a href="LINK TUJUAN" target="_blank">LINK 09</a></div>
<div class="list"><a href="LINK TUJUAN" target="_blank">LINK 10</a></div>
</div>

Catatan :
- Ganti LINK TUJUAN dengan tujuan link
- Ganti LINK 01 s/d 10 dengan teks yang akan ditampilkan

Sumber : www.maskolis.com