Friday 31 May 2013

Cara Membuat Kolom Blog Archive Dengan Scroll



Pada artikel sebelumnya saya sudah menjelaskan tentang Cara mudah membuat scrol pada blog, nah pada artiekl kali ini ngak jauh beda/masih sodaraan dengan artikel saya yang kemarin yaitu cara membuat blog archive dengan scroll. mengapa harus menggunakan scroll? kan udah saya bilang pada artikel sebelumnya agar blog terlihat rapih dan membuat arshive blog tidak memanjang kebawah. Apa lagi sobat blogger yang suka/sering posting-posting artikel pasti kebayangkan panjangnya seperti apa dan membuat artikel kurang menarik kalau terlalu panjang.

OK lah tanpa panjang lebar lagi berikut langkah-langkahnya :



1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Widget Templates,
3. Cari kode berikut <div id='ArchiveList'> atau ArchiveList

Catatan: Untuk menemukan kode <div id='ArchiveList'> atau ArchiveList maka teman-teman harus memasang Blog Archive nya terlebih dahulu dengan cara, klik Design/Rancangan >> Page Element >> Add a Gadget >> Blog Archive >> Save. Jika teman-teman sudah memasang Blog Archive nya maka langsung saja mencari kodenya tadi.

4. Selanjutnya tambahkan kode yang berwarna merah seperti di bawah ini:

<div class='widget-content'>

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">

<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>
5. Harap disesuaikan saja kodenya, karena tidak semua templates sama,
6. Untuk merubah tinggi kolom scrollnya, silahkan ganti pada kode height: 200px,
7. Jika sudah klik Save templates dan lihat hasilnya.


Nah begitulah langkah-langlah cara membuat blog archive dengan scroll, semoga artikel yang ane buat ini bermanfaat bagi sobat blogger semua . . . Salam Blogger Sob