Announcement:

Selamat Datang di website Mas-Greget. Terimakasih sudah berkunjung ^_^

Selasa, 16 Juli 2013

Cara Membuat Scroll pada Blog Archive/Arsip Blog

Cara Membuat Scroll pada Blog Archive/Arsip Blog - Cara ini dilakukan untuk mempercantik blog sekaligus untuk memperingkas arsip blog dikarenakan arsip blog ini yang sangat panjang membuat tampilan blog menjadi tidak indah dipandang mata. untuk itu perhatikan step/langkah - langkah berikut dengan baik.


Berikut adalah Cara Membuat Scroll pada Blog Archive :
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan Blogger.
3. Kemudian pilih Edit HTML
4. Kemudian sobat Cari kode berikut <div id='ArchiveList'> atau ArchiveList agar lebih mudah gunakan ctrl+F. 
5. Jika sudah ketemu 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>


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

Unknown

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

4 komentar:

Copyright @ 2013 Maz-Greget. Designed by Templateism | Love for The Globe Press