1. Log in ke akun blogger Anda.
2. Klik Rancangan --> Elemen laman --> Tambah Gadget -->HTML/Javascript
3. Masukkan kode berikut kedalam kotak yang di sediakan dan berikan judul sesuai keinginan Anda, misalnya Tutorial Blogger.
<div
style="overflow:auto; width:auto; height:150px; padding:5px;border:0px
solid #000000; font-family:julee; font-size:15px;
font-color:#0000FF;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src=''http://blognyamasrahmat.googlecode.com/files/postlabel.js></script><ol>
<script src="http://www.masrahmat.com/feeds/posts/default/-/Tips%20ngeBlog?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src=''http://blognyamasrahmat.googlecode.com/files/postlabel.js></script><ol>
<script src="http://www.masrahmat.com/feeds/posts/default/-/Tips%20ngeBlog?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
4. Kemudian klik Save/Simpan dan lihat hasilnya.
Keterangan:
- width:auto : menunjukkan bahwa lebar scroll box akan menyesuaikan dengan lebar sidebar.
- height:100px : tinggi scroll box. silahkan Anda ganti sesuai keinginan.
- border:1px solid #e6e4e3 : adalah ukuran, jenis dan warna dari border.
- font-size : adalah ukuran huruf.
- <ol> : adalah Numbered LIst , Anda bisa menggantinya menjadi bullet list dengan kode <ul>
- Ganti http://www.masrahmat.com dengan Url blog Anda.
- Ganti Tips%20ngeBlog dengan label yang Anda inginkan. Perhatikan penulisan labelnya. sesuaikan dengan yang tertera, jika satu huruf saja salah penulisannya, makan daftar isinya tak akan muncul. %20 adalah Spasi jadi ganti spasi dengan kode %20.
0 komentar:
Posting Komentar