Docstoc

BLog

Document Sample
BLog Powered By Docstoc
					Membuat scroll pada artikel blog

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

<h2><data:title/></h2>
 </b:if>
 <div class='widget-content'>




      Sekarang kamu copy dan pastekan html ini setelah html di atas


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


      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 == &quot;expanded&quot;'>
  <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +
&quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId +
&quot;&amp;toggleopen=&quot; + data:toggleopen'>
     <span class='zippy toggle-open'>&#9660; </span>
  </a>
 <b:else/>
  <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +
&quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId +
&quot;&amp;toggleopen=&quot; + data:toggleopen'>
       <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;
        <b:else/>
          &#9658;
        </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='&quot;archivedate &quot; + 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 + &quot;_ArchiveMenu&quot;'>
  <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 + &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'/>


      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

				
DOCUMENT INFO
Shared By:
Categories:
Stats:
views:7
posted:5/10/2011
language:Indonesian
pages:3