Karena sifat widget archivelist bisa kita banyak mengantri maka blog kita akan semakin panjang kebawah dan tampilan blog kita akan semakin rancu. salah satu solusinya adalah membuat scoll. begini caranya

1. Login ke Blogger.

2. Tuju Tata Letak > Edit HTML.

3. Backup dulu templatenya.

4. Cari kode seperti ini.

    <b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
    <b:widget id='HTML6' locked='false' title='Jam' type='HTML'/>
    <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
    <b:widget id='Label1' locked='false' title='Kategori' type='Label'/>
    <b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
    <b:widget id='HTML7' locked='false' title='Statistik Blog Ini' type='HTML'/>
    <b:widget id='HTML1' locked='false' title='Kotak Chatting' type='HTML'/>

Lalu, cari kode widget yang akan anda berikan scroll. Misalnya Arsip Blog. Apabila judul widget tersebut adalah Arsip Blog, maka kodenya kira-kira seperti ini.

   

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>

Kode title adalah judul dari widget. Apabila tidak diberi judul maka kodenya adalah title=''. Yang harus anda perhatikan dengan seksama adalah kode id='BlogArchive1'. Perhatikan pada bagian BlogArchive1. itu adalah id dari widget Arsip Blog.


Lalu selanjutnya cari kode

]]></b:skin>

. Nah, lalu ketikkan seperti ini diatasnya.

    #BlogArchive1 .widget-content{
    height:200px; /* Tinggi yang diinginkan */
    width:auto;
    overflow:auto;
    }

Ganti bagian BlogArchive1 dengan id dari widget yang diinginkan. Contohnya Label1 atau Followers1. Selanjutnya klik Simpan Template.

Selamat Mencoba

Cara membuat Scroll pada blog
    Karena sifat widget archivelist bisa kita banyak mengantri maka blog kita akan semakin panjang kebawah dan tampilan blog kita akan semakin rancu. salah satu solusinya adalah membuat scroll. begini caranya
    * Masuk ke blogger
    * Buka design / rancangan
    * Pilih Edit HTML
    * Centang "Expand Widget Template"
    * Cari kode id='ArchiveList' (Gunakan Ctrl + F )
    * Setelah ketemu, masukkan kode berikut ini tepat di atasnya

    <div style='overflow:auto; width:ancho; height:250px;'>

    * Lalu lihat terus ke bawah sampai menemukan kode  <b:include name='quickedit'/>, dan masukkan kode </div> di atas kode <b:include name='quickedit'/> tadi
    * Selengkapnya seperti ini,

    <div class='widget-content'>
    <div style='overflow:auto; width:ancho; height:250px;'>
      <div id='ArchiveList'>
      <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
        <b:if cond='data:style == &quot;HIERARCHY&quot;'>
         <b:include data='data' name='interval'/>
        </b:if>
        <b:if cond='data:style == &quot;FLAT&quot;'>
          <b:include data='data' name='flat'/>
        </b:if>
        <b:if cond='data:style == &quot;MENU&quot;'>
          <b:include data='data' name='menu'/>
        </b:if>
      </div>
      </div></div>
      <b:include name='quickedit'/>
      </div>

Selamat mencoba

<style type="text/css">
.daftar_posting{list-style:none;margin-left:-40px;font-family:Droid Serif;font-size:11px;color:lime;text-align:left;}
.daftar_posting a{color:yellow;border-top:1px dotted blue;border-bottom:1px dotted blue;background:transparent url(http://i49.tinypic.com/27ziu80/gubhugreyot/images/bgRPli.gif) no-repeat 0 50%;padding-left:15px;}
.daftar_posting a:hover{color:red;}
</style>
<div style="margin:2px; padding:4px;border:2px solid #888;background:#333;">
<div style="border:2px solid #444;overflow:auto;padding:4px;background:#111;height:250px;">
<div style="width:500px;">
<script style="text/javascript">
var numposts = 1000;
var showpostsummary = false;
var standardstyling = true;
function showrecentposts(json) {document.write('<ol class="daftar_posting">');
for (var i = 0; i < numposts; i++) { document.write('<li>');
var entry = json.feed.entry[i]; var posttitle = entry.title.$t;
var posturl; if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href; break;}}
posttitle = posttitle.link(posturl);
if ("content" in entry) { var postcontent = entry.content.$t;}
else
if ("summary" in entry) { var postcontent = entry.summary.$t;}
else var postcontent = ""; var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write(posttitle);
if (!standardstyling) document.write('</div><div class="bbrecpostsum"">');
if (showpostsummary == true) { if (standardstyling) document.write('<br/>');
if (postcontent.length < numchars) { if (standardstyling) document.write('<i>');
document.write(postcontent); if (standardstyling) document.write('</i>');}
else { if (standardstyling) document.write('<i>');
postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" ");
if (standardstyling) document.write('</i>');}}
if (!standardstyling) document.write('</div>'); if (standardstyling) document.write('<br/>');
document.write('</li>');}
document.write('</ol>');
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('<br/>');}
</script>
<script src="http://easyonlinex.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
</div>
</div>

Ganti dengan feed web milik anda
Silahkan Baca Juga Dibawah Ini......!!!

Silahkan Baca Juga Dibawah Ini......!!!