ExitJangan Lupa Klik Like/Suka!

Sabtu, 27 Agustus 2011

Membuat Arsip Blog Fungsi Scrool

Mungkin ini yang dimaksud oleh Blog Adexme tentang blogroll kecil. Arsip blog fungsi scroll itu dapat kita lihat pada blog saya. Untuk membuat arsip blog memiliki fungsi scroll sangat mudah, untuk membuatnya silahkan ikuti langkah-langkah berikut  :
  1. Masuk ke blogger.
  2. Klik Tata Letak.
  3. Klik Elemen Halaman.
  4. Tambahkan sebuah elemen halaman=> Tambah elemen Arsip Blog.
  5. Tapi kawan harus pilih gaya  Hierarki.
  6. Disini  belum berfungsi scroll, untuk membuatnya memiliki fungsi scroll ikuti langkah-langkahnya lagi !
  7. Setelah itu, klik Edit Html.
  8. Beri tanda centang pada tulisan Expand Widget Template.
  9. Kawan cari kode seperti ini (ctrl + F).                                                                                                                                 <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
  10. Kawan akan menemukan kode lengkapnya seperti ini :
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<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:100px;'>
<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>
</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='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='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='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='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:widget>


         11.   Kode warna merah dan hijau adalah kode yang ditambahkan kedalam script tersebut
                  Kode warna hijau yang dicetak tebal adalah tinggi dari elemen tadi, silahkan kawan 

                  ganti agar sesuai dengan blog kawan.]
         12.   Lalu jangan lupa untuk menyimpannya=> Klik Simpan.


Sahabat Blogger sekalian, bagikan Informasi menarik ini dan jangan Lupa menuliskan segores Komentar anda, Karena Blog ini DOFOLLOW. Insya Allah Komentator akan mendapatkan sesuatu yang lebih baik.

Tidak ada komentar:

Posting Komentar