Header Ads

Cara membuat read more di blogger ( 2 )


Banyak yang masih kebingungan tentang cara membuat readmore di blogger. Artikel tentang cara buat read more yg pertama memang agak sedikit membingungkan. Namun karena banyak template yang kode html nya berbeda-beda, ini ada opsi lain tentang Cara membuat read more di blogger.
Cara membuat read more di blogger dengan mudah endolita.blogspot.com
Sebenarnya cara membuat read more ini tidak jauh beda dengan cara buat readmore di artikel yang pertama. Hanya saja pada edisi kali ini, saya akan coba membahasnya dengan simple. Mudah - mudahan aja para blogger baru bisa lebih mengerti.

Baiklah.. kita langsung aja ke materi. Cara mudah buat readmore ini ada dua tahap.

Tahap 1 - Edit HTML

Silahkan login di blogger, masuk ke menu edit html, kemudian cari kode html seperti ini :

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

Hapus kode tersebut lalu ganti dengan kode yang 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'>Read More .. </a>
</b:if>

Silahkan ganti text Read more nya terserah anda. Jika sudah save template.

Tahap 2 - Cara Posting

Setelah bagian edit html selesai, sekarang saatnya untuk cara posting artikel dengan menggunakan read more.

Langkah pertama, silahkan buat postingan sampai selesai dulu.

Kedua, tentukan paragraf yang akan di tampilkan kemudian pasang kode ini dibawah paragraf tersebut:
<span class="fullpost">



Ketiga, pasang kode berikut di akhir postingan
</span>


atau bisa juga dengan memakai ini:

text yang akan ditampilkan
<div class="fullpost>
text lanjutannya
</div>
Dah gitu aja. makasih

No comments

Powered by Blogger.