Bagi teman-teman yang hobi blogging dan ingin mempercantik tampilan dari blog tersebut, teman-teman bisa menggunakan salah satu trik ini untuk mempercantik tampilan blog teman-teman. Seperti yang kita ketahui bahwa salah satu elemen blog yakni archive akan menampilkan atau membuka seluruh isi archive pada waktu tersebut, nah hal ini tentu kelihatan kurang bagus dan kita ingin membuatnya menjadi tertutup agar lebih rapi. Caranya bagaimana? Lanjut baca dibawah ini.      
       Berikut merupakan cara cepat agar blog archive pada blogger menjadi tertutup atau collapsed. Untuk membuatnya langsung saja ikuti langkah mudahnya.

1. Buka blogger.com masuk ke template > edit html. Kemudian tekan ctrl + f dan cari kode berikut. Bisa gunakan kode baris pertama untuk pencarian.
<b:includable id='interval' var='intervalData'>

<b:loop values='data:intervalData' var='i'>

<ul class='hierarchy'>

<li expr:class='&quot;archivedate &quot; + data:i.expclass'>

<b:include data='i' name='toggle'/>

<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>

<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>

<b:if cond='data:i.data'>

<b:include data='i.data' name='interval'/>

</b:if>

<b:if cond='data:i.posts'>

<b:include data='i.posts' name='posts'/>

</b:if>

</li>

</ul>

</b:loop>

</b:includable>

2. Gantikan kode tersebut dengan kode dibawah ini kemudian save.
<b:includable id='interval' var='intervalData'>

<b:loop values='data:intervalData' var='i'>

<ul class='hierarchy'>

<li class='&quot;archivedate collapsed &quot; + data:i.expclass'>

<b:include data='i' name='toggle'/>

<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>

<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>

<b:if cond='data:i.data'>

<b:include data='i.data' name='interval'/>

</b:if>

<b:if cond='data:i.posts'>

<b:include data='i.posts' name='posts'/>

</b:if>

</li>

</ul>

</b:loop>

</b:includable>

       Ini tampilan sebelum ditutup atau expand dan setelah ditutup atau collapsed.


Bagaimana? Terlihat lebih rapi kan? Selamat mencoba.

Post a Comment

Previous Post Next Post