Cara Membuat Scrollbar Pada Arsip Blog Di Blogspot

Posted by : Unknown - Posted On : 4/03/2012 with : 8 Comments

Pada artikel sebelumnya kita sudah tahu bagaimana Cara Membuat Scrollbar Pada Blog, Kali ini Blog Laurencius Share Cara Membuat Scrollbar Pada Arsip Blog Di Blogspot.

Coba bayangkan kalau kita mempunyai Artikel cukup banyak, kemudian kita klik Arsip tersebut, arsip blog akan memanjang ke bawah. Agar jangan Arsipnya manjang ke bawah kita bisa memanfaatkan Scrollbar.

Membuat Scrollbar Pada Arsip Blog Di Blogspot

• Login ke blogger.com
• Pilih menu "Design"
• Klik "Edit HTML"
• Centang pada "Expand Template Widget"

Sebaiknya backup dulu template, caranya klik "Download Full Template"

• Cari kode ini <div id='ArchiveList'> (supaya lebih gampang pergunakan ctrl+f )

Kalo sudah ketemu, copy/paste kode di bawah ini tepat sebelum kode <div id='ArchiveList'> tadi

<div style="overflow: auto; width: 270px; height: 100px; padding: 10px; border: 1px solid rgb(238, 238, 238);">

Kalo sudah, kemudian tambahkan kode </div> di atas kode <b:include name='quickedit'/>

Supaya lebih jelas hasil akhirnya jadi seperti ini, coba diperhatikan kode yang berwarna biru adalah kode yang disisipkan,

<div class='widget-content'>
<div style="overflow: auto; width: 270px; height: 100px; padding: 10px; border: 1px solid rgb(238, 238, 238);">
<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'/>

• Setelah selasai kemudian Klik "Save Template"
• Selesai, dan lihat hasilnya

Bisa kan teman-teman? Semoga Artikel ini bisa bermanfaat ya. Salam

Tweet

Related Posts

Cara Membuat Scrollbar Pada Arsip Blog Di Blogspot

4/ 5

Oleh : Unknown