Jumat, 27 Januari 2012

Beranda » Cara Membuat Arsip Blog Fungsi Scrool

Cara Membuat Arsip Blog Fungsi Scrool

Cara Membuat Arsip Blog Fungsi Scrool
TerseduniaCara Membuat Arsip Blog Fungsi ScroolMungkin ini yang dimaksud oleh Blogadexme 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.

Gampang kan sob Tutorial Blog di atas, oke sekian dulu artikel Cara Membuat Arsip Blog Fungsi Scrool, semoga dapat membantu. Mampir juga di artikel saya tentang Cara memasang Tombol like facebook di blog, Thanks!


www.tersedunia.blogspot.com

Tidak ada komentar:

Posting Komentar

Diberdayakan oleh Blogger.