Minggu, 08 Mei 2011

Membuat Read More Sejajar (disamping) dengan Paragraf Artikel


Mungkin pada template default blogger posisi readmore ada di bawah posting dan ada kalanya juga teman-teman ingin membuat posisi readmore itu sejajar dengan artikel kita. Memang tidak berpengaruh besar sih cuma ada saja teman-teman yang mungkin risih atau kurang menarik kalau penempatannya ada disana. Untuk mengubahnya mari ikuti saya kesini :

  1. Login ke Blogger.

  2. Pilih tab Design – Edit HTML.

  3. Cari kode berikut ini :

<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'><b>Selengkapnya.....</b></a>
</b:if>

agar nantinya posisi readmore berubah maka pindahkan kode </p> ini menjadi seperti ini :

<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/>
<a expr:href='data:post.url'><b>Selengkapnya.....</b></a></p>
</b:if>
Dan juga, ganti kode ini :

<div class="fullpost">
</div>


Menjadi seperti ini :

<span class="fullpost">
</span>

4.     Dan untuk langkah terakhir, tinggal Save Template deh ^^

Tidak ada komentar:

Posting Komentar