Membuat scroll pada artikel

Oleh Putra

Mar 16, 2011

Scroll artikel memang menghemat ruang di blog kita,saya juga sudah lama mencari artikel ini tetapi baru sekarang saya berhasil mempraktekannya karena html blog saya agak beda dari yang lain.mungkin di antara teman teman ada yang mengalami kesulitan seperti yang saya alami mari saya bimbing semoga berhasil

Pastikan kamu sudah berada di dasbord blog kamu
Masuk ke rancangan blog yang mau kamu buat scroll
Pilih yang edit html dan jangan lupa beri centrang pada expand template widget
Sekarang cari kode blogarchive atau archivelist
Sekarang kau perhatikan dengan seksama di antara kode di atas biasanya si di bawah ada kode html

Sekarang kamu copy dan pastekan html ini setelah html di atas

Trus aku gulir ke bawah sampai ketemu html ini

<b:include name='quickedit'/>

Beri kode </div> sebelum html di atas sehingga hasilnya akan seperti ini

       <b:widget id='BlogArchive1' locked='false' title='Aritikel' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +       "&dir=close&toggle=" + data:interval.toggleId +       "&toggleopen=" + data:toggleopen'>
        <span class='zippy toggle-open'>▼ </span>
    </a>
<b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +         "&dir=open&toggle=" + data:interval.toggleId +         "&toggleopen=" + data:toggleopen'>
          <span class='zippy'>
            <b:if cond='data:blog.languageDirection == "rtl"'>
              ◄
            <b:else/>
              ►
            </b:if>
          </span>
    </a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div class='widget-content'><div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
</div>
</div></div>
<b:include name='quickedit'/>

Html di atas saya ambil dari blogarchive karena pertama kita mencari kode tadi,biar gak binggung nyarinya maksudnya soalnya jaraknya lumayan jauh. kalau pratinjau dulu atau langsung save aja.
Lihat blog kamu berhasil atau tidak

Tag : blog, lain lain, tips dan triks, tutorial

Membuat scroll pada artikel

Previous

Next

0 Komentar untuk "Membuat scroll pada artikel"