Membuat Artikel Terkait Per Lebel Dengan Scroll Box

Kali ini saya akan Share Gimana caranya Membuat Artikel terkait Dengan Scrol seperti Gambar di bawah

1. pertama yang harus dilakukan Login ke Blog sobat -> desain -> tata letak -> tambah gadget -> HTML/JavaScript
2. masukkan kode dibawah ini



<div style="overflow:auto; width:50; height:300px; padding:5px; border:10px solid blue;">
    <ol>
    <script style="text/javascript">
    var numposts = 100;
    var standardstyling = true;
    </script>
    <script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>

    <h3>Aplikasi HP</h3>
    <ol>
    <script src="http://jeinsuweb.blogspot.com/feeds/posts/default/-/HP?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
    </ol>
        <br/>

    <h3>Aplikasi PC</h3>
    <ol>
    <script src="http://jeinsuweb.blogspot.com/feeds/posts/default/-/aplikasi PC?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
    </ol>
        <h3>Tips Seputar WEB dan Blog</h3>
    <ol>
    <script src="http://jeinsuweb.blogspot.com/feeds/posts/default/-/web?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
    </ol></ol></div>

• width:50; menunjukkan lebar scroll box akan mengikuti lebar sidebar.
• height:300px; menunjukkan tinggi scroll box setinggi 300 piksel. Silakan diganti angkanya untuk mengubah tingginya.
• border:10px solid blue; menunjukkan garis keliling (border) scroll box bergaya solid setebal 1 piksel berwarna blue. Silakan disesuaikan dengan keadaan template Sobat.
• <ol> menunjukkan numbered list, kalau ingin menjadi bullet list silakan diganti dengan <ul> kalau ga mau ada tanda list nya ganti dengan <ou>.
• Ganti jeinsuweb.blogspot.com dengan alamat blog Sahabat.

• Ganti Aplikasi HP, Aplikasi PC, Tips Seputar WEB dan Blog dengan label yang Sobat inginkan. Penulisan label harus sesuai dengan yang tertera di blog

3. Klik tombol SIMPAN.