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'>5. Harap disesuaikan saja kodenya, karena tidak semua templates sama,
<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 + "_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>
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
MAKASIH INFONYA............KITA TUNGGU KUNJUNGAN BALIKNYA KE LINK KITA YA
Sama-sama gan . . ., Semoga bermanfaat.
Terimakasih sudah bersedia berkunjung.
wahhh keren nich gan..
thank's gan...
makasih gan sangat bermanfaat
makasih gan infonya
makasih gan infonya sangat membantu