Membuat Read more/ selengkapnya pada template minima

Maksud dari posting ini adalah,, untuk membantasi apa saja yang akan ditampilkan dihalaman muka blog anda..
Dengan begitu, halaman muka blog anda tidak akan terlalu panjang kebawah, karena postingan anda hanya sebagian saja yang muncul..


Untuk membuat hal tersebut, maka yang harus diperhatikan adalah..
Buka blog anda, kemaudian ke tata letak, dan edit html..
Cari sript berikut ini..

<div class='post-body'>

atau ada juga beberapa template minima yang seperti ini..

<div class='post-header-line-1'/>

Kemudian tambahkan script berikut ini ini bawahnya..

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p> <!-- satu -->
<b:else/>
<style>.fullpost{display:none;}</style>

Kemudian cari di bawahnya lagi,,,(ingat bukan yang ditambahkan..)

<p><data:post.body/></p>

atau pada template baru..

<data:post.body/>

Tambahkan lagi..

<a expr:href='data:post.url'>Read more.....</a>
</b:if>

sehingga menjadi..

<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read more.....</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

atau pada template baru..

<div class='post-header-line-1'/>

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<data:post.body/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
</b:if>
<a expr:href='data:post.url'>Readmore.. </a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Nah sudah selesai..
silakan mencoba..

0 comments:

Post a Comment

 

Komentar Terbaru

Banner Blog Lain / Blog Teman

Followers