Membuat Read More Sejajar Dengan Paragraf

Selamat malam semunya...! Kali ini saya akan menjelaskan tips yang masih ada hubungannya dengan mempercantik tampilan read more. Sebelumnya saya sudah menjelaskan 2 tips dengan tema yang sama, yaitu Membuat Read More + Judul Artikel dan Mengganti Link Read More Dengan Gambar. Jika di cara membuat read more yang telah saya jelaskan dulu, link read more anda akan tampil di paragraf baru atau baris baru alias tidak sejalan dengan paragraf abstraksi postingan.Nha tips kali ini membuat link read more supaya sejajar dengan paragraf. Caranya sangat simpel, namun sangat penting untuk detail kecil yang bisa membuat blog terlihat lebih rapi. Mau?

Berikut Cara Membuat Read More Sejajar dengan Paragraf:

1. Login ke akun Blogger anda

2. Plih Layout > Edit HTML, lalu centang Expand Widget Template

3. Cari kode link read more anda, seperti ini:

<p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read More</a>
</b:if>

4. Pindahkan kode </p> ke tempat setelah kode </b:if>. Maka hasilnya akan seperti ini:

<p><data:post.body/>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read More</a>
</b:if></p>

Keterangan: Tag <p> dan </p> menunjukkan satu paragraf. Jadi jika memindahkan kode link read more kode dalam tag tersebut, maka link read more akan muncul di paragraf yang sama.

5. Terakhir klik Save Template.

Selamat mencoba...

Jangan lupa kasih komentar ya...

 Source : Zacky Blog's