Cara Memasang Scroll Pada Widget Arsip Blog

Cara Memasang Scroll Pada Widget Arsip Blog

Cara Memasang Scroll Pada Widget Arsip Blog

Thursday, January 16, 2014

Cara Memasang Scroll Pada Widget Arsip Blog

Filled under: ,
Print Friendly and PDF Translate


Setiap kita update Artikel di blog maka semakin panjang juga arsip yang ada dihalaman blog kamu. jika semakin panjang maka otomatis akan memakan lebih banyak tempat diblog kamu. Terus bagaimana solusinya ?, apa Widget Arsip dihapus saja ?, kalau tidak dihapus solusinya bagaimana ?.

Ha...ha...jangan terlalu pusing dan sampai banyak pertanyaan seperti itu sob. Disini Minan  punya solusinya yaitu dengan memasang fungsi Scroll pada arsip blog kamu. Resepnya mudah hanya perlu menambahkan sedikit kode pada bagianWidget Arsip kamu. biar gak kelamaan mikir langsung saja ikuti Resep Minan Takeda berikut ini :

  1. Silahkan login kehalaman blog masing-masing
  2. Untuk menambah fungsi Scroll pada arsip blog kamu, jelas kamu harus memasang Widget Arsip terlebi dahulu kehalaman blog kamu.
  3. Jika Widget Arsip sudah kamu tambahkan kehalaman blog kamu sekarang masuk kehalaman edit HTML dengan cara Pada Bagaian Dhasbord blog Pilih Template --> Edit HTML --> Proses Atau lanjutkan
  4. Jangan Lupa centang kotak kecil yang bertulisan Expand Widget Template.
  5. Sekarang Cari kode Seperti ini :<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'> (gunakan tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
  6. Sudah ketemu, kamu akan menemukan kode Widget Arsip kurang lebih 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 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>
<b:include name='quickedit'/>
</div>
</b:includable>
  1. Sekarang Tambahkan kode berikut ini <div style='overflow:auto; width:ancho; height:100px;'> dibawah kode <div class='widget-content'>, kemudian tambahkan kode </div> diatas kode <div class='widget-content'>, Sehingga susunannyam menjadi seperti ini:
32<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>
  1. Jika sudah Klik Simpan Template
Selesai dan lihat hasilnya

Comments
0 Comments

0 comments:

Post a Comment

 

Copyright © 2014. "MASTER MUNYIL". Designed by: BigsMaster