bayu tutor.-Cara mudah membuat read more di blog.Read more yaitu sebuah alat untuk mempersingkat bacaan dalam artikel supaya blog menjadi rapi dan lebih elegant.Read more atau bahasa indonesia nya Baca Selengkapnya ini sangat berguna dalam suatu blog supaya pengunjung blog tidak jenuh dan lebih mudah membaca artikel kita.Baca Juga --> Cara mudah membuat Random Post bergerak di Blog
Langsung saja ikuti cara nya di bawah ini.
1.Masuk ke Blogger kalian
2.Pilih Template
3.Pilih Edit HTML
4.Copykan dan paste kode dibawah ini tepat diatas kode ]]></b:skin>
Kode :
.post-thumbnail{float:left;margin-right:20px}
6.Lalu cari kode <data:post.body/> dan Copykan kode di bawah ini.
Kode :
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
8.Setelah di Copy,gantikan kode <data:post.body/> dengan kode yang barusan di Copy
9.Lalu klik Simpan Template dan lihat hasilnya
Cukup sekian,semoga bermanfaat.Apabila ada yang perlu ditanyakan silahkan beri komentarnya.Insyaallah saya bisa membantunya.
