Rabu, 09 Februari 2011

Cara Membuat Kolom Scroll Pada Blog Archive


Masih berkaitan dengan artikel sebelumnya tentang Kolom Scroll Untuk Komentar, maka kali ini kita akan Membuat Kolom Scroll Pada Blog Archive. Sama halnya dengan komentar yang apabila memiliki lebih dari 50 komentar, akibatnya akan membuat blog panjang ke bawah, nah Blog Archive ini pun sama.

Sewaktu teman-teman memposting suatu artikel dan di-archive-kan secara Hierarki dan Judul Artikelnya ditampilkan, maka semua artikel yang ada di Blog Archive tersebut akan tampil memanjang ke bawah. Nah untuk membuatnya terlihat sedikit rapi agar tidak memanjang terlalu ke bawah, maka kita akan membuat Kolom Scrollnya.




Untuk membuatnya silahkan ikuti langkah-langkah di bawah ini:
1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Widget Templates,

3. Cari kode berikut <div id='ArchiveList'> atau ArchiveList

Note
: Untuk menemukan kode 

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.

Seperti itulah Cara Membuat Kolom Scroll Pada Blog Archive, semoga bisa bermanfaat untuk teman-teman semua dan selamat mencoba.



Refrensi : anggasona-anotherbestblog.blogspot.com


Artikel Terkait:


Tidak ada komentar:

Poskan Komentar

Komentator Blog Ini