Membuat Read More Sejajar (disamping) dengan Paragraf Artikel

Post by Unknown on Monday, May 9, 2011 | 7:22 AM


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 ^^

17 Comments:

  • Kalau saya pakai auto readmore, gimana caranya?

  • @kolom : oke mas sama-sama deh ^^

    @arief : hmmm . . aku kurang ngerti sih sob klo pake auto readmore coz belum pernah coba, jadi maaf yah klo gag membantu banget

  • mantap sekali nih informasinya, langsung saja ke tkp gan

  • bagaimana kalau readmorenya pakai readmore auto ?

  • @adel : sipp deh sama-sama

    @obat : monggo silakan dicoba mas

    @risky : waduh klo pake auto readmore kaya gitu aku belum pernah coba mas risky, jadi mohon maaf yah

  • bagus sekali gan...

    tapi saya bingung kalo wordpress!!!

  • @djakarta : makasih sob..bingung kenapa manknya? kalo soal edit HTML di WP sih aku masih belum pernah

  • ane coba dulu gan, thanks triksnya

  • @muhammad : siap sob, moga berhasil yah..ohh iy, ada award tuh sob di blog'ku klo gag kebertan mohon di ambil yah n tolong dibagikan ke teman" yg lain ^^

  • Sob klo mau ngilangi komentar dan label pada tampilan muka gimana caranya?..

  • @idblogku : dulu aku pernah nemu codingnya sob tp aku uda lupa, coba ntar aku lihat lagi deh

  • ok terima kasih ya mas atas ilmu barunya salam kenal

  • Post a Comment

    Mari kita saling voting dan berkomentar. Jika kalian suka dengan artikel ini, ayo kita "Share" untuk membagikan informasi ini kepada teman yang lain agar lebih bermanfaat. Terima kasih banyak saya ucapkan, Salam Blogger teman . . .