Cari Blog Ini

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