Membuat Read More di BloggerBlogspot Baru

Karena terlalu lama memakai blogger klasik dan baru saja mencoba memakai blogger baru yang ada fitur widgetnya, saya jadi tertarik dengan cara membuat “READ MORE” seperti blog ini. Tapi “Read More” blogger butuh sedikit merubah kode HTML nya.

1. Buka template –> edit HTML
2. Centang menu “expand widget template”
3. Di TEMPLATE blogger cari kode ini :

<div class=’post-header-line-1?/> <div class=’post-body’>

4. Tambahkan kode yang berwarna hijau, susunannya akan seperti ini :

<div class=’post-header-line-1′/> <div class=’post-body’>
<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>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

5. Klik SETTINGS -> FORMATTING. Kotak bawah disamping menu POST TEMPLATE. Isi kotak dengan :

<span class=”fullpost”></span>

6. SAVE

POSTING
Saat Posting, pilih EDIT HTML :

Paragraf yang ingin ditampilkan
<span class=”fullpost”>
Sisa keseluruhan paragraf
</span>