Cara Membuat Darfat Isi Perlebel Scroll Box

hi.. apa kabar ?
aku mau bagi-bagi Cara Membuat Darfat Isi Perlebel Scroll Box ..
yang berminat langsung aja diplototi caranya.. Hhaa ...

1. Masuk ke akun blog
2. klik Rancangan > Elemen Laman >Tambah Gedget > pilih HTML/Java Script.
3. Tulis judulnya, kemudian copy kode dibawah ini

<div style="overflow:auto; width:auto; height:200px; padding:5px; border:1px solid #e6e4e3;">
    <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>Al ula neli zulfa</h3>
    <ol>
    <script src="http://alulanelizulfa.blogspot.com/feeds/posts/default/-/Zulfa?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
    </ol>
    </ol></div>

Keterangan dan Cara memodifikasi :

1. width:auto = menunjukan lebar scroll box mengikuti lebar sidebar
2. height:200px = menunjukan tinggi dari Scroll box, kalian bisa mengganti angka 200 menjadi ketinggian angka yang kalian mau.
3.  border:1px solid = menunjukan garis keliling/border, scroll box bergaya solid setebal 1 pixel.
4.  <ol> menunjukan numbered list, jika sobat ingin mengganti jadi bullet list silahkan diganti dengan <ul>, kalau nggak mau ada tanda listnya, ganti aja dengan <ou>.
5.  ganti alulanelizulfa.blogspot.com dengan nama blog kamu
6. ganti lebel Zulfa dengan lebel blog kamu, perhatikan besar kecilnya huruf. juga jangan lupa jika ada spasinya, setiap spasi diganti dengan %20. contoh Al%20ula%20neli%20zulfa.
7. Jangan lupa klik tombol simpan.

Selamat Mencoba *)

0 komentar