Cara Mudah Membuat Scroll Pada Arsip Blog

Diposkan oleh Unknown

Halo Sob Blogger Mania... Jumpa lagi.. Langsung saja kita mulai...Begini Ceritanya...Arsip blog merupakan salah satu gadget standar yang bisa dipasang pada blog kita namun pada versi standar pengaturann hanya tersedia pilihan perbulan, minggu dan jumlahnya dengan bentuk point atau menu dropdown. Sehingga ketika kita lagi banyak bikin postingan dan ingin menampilkannya perpostingan (judul) maka akan memakan banyak ruang yang kelihatan cukup mengganggu tampilan blog. Salah satu langkah untuk meminimalisasinya adalah dengan membuatkan scroll pada arsip blog anda.

Berikut langkah membuat scroll pada arsip blog:
1. Login blogger.
2. Pilih Rancangan>Edit HTML.
3. Beri centang pada Expand Template Widget.
4. Cari kode di bawah berikut (Untuk lebih mudah dan Cepat tekan F3 pada browser):

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

5. Jika sudah ketemu perhatikan kode-kode di bawahnya:

<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: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'/>
</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 + "_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='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='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='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>

6. Kode yang berwarna adalah Kode yang ditambahkan kedalamnya.
7. Angka 200 adalah tinggi kotak arsip blog anda (ubah sesuai kebutuhan sobat..).
8. Simpan/save.

Pasti berhasil! :)

Cara Mudah Membuat Scroll Pada Arsip Blog
Anda sedang membaca artikel Cara Mudah Membuat Scroll Pada Arsip Blog dengan url : http://sigithermawan12.blogspot.com/2012/05/cara-mudah-membuat-scroll-pada-arsip.html?m=0

Dapatkan Artikel Terbaru Gratis!! Masukan Email Kamu Disini :

Terima Kasih

Home › blogspot › BLOGTIPS › sigithermawan › Cara Mudah Membuat Scroll Pada Arsip Blog