MEMBUAT AUTO READ MORE DENGAN GAMBAR

Bagi para blogger, hal ini sangatlah tidak asing, apalagi buat para master. Tapi bagi pemula mungkin ini bisa membantu, saya sendiri pernah mengalami dan kebingungan bagaimana membuat ikon readmore, saya melihat bloh teman-teman saya sangatlah bagus, kok saya tidak bisa?

dari situlah saya berfikir mengapa tidak saya membagi sedikit pengalaman kepada teman-teman pemula, mungkin saja postingan saya bisa membantu, maaf ya para master, postingan ini juga materinya dari artikel para master. terima kasih ya..

Nah, sepanjang yang saya baca, membuat ikon read more bisa dilakukan seperti ini:

• Loggin dulu ke blogger
• Klik layout atau tata letak, kemudian pilih edit HTML
• backup dulu template kamu, ini untuk menghindari error (kayak blog kesayangan saya yang error, huhuhuuhuhuhu)
• Centang Expand widget template
• Cari kode seperti di bawah dengan cara Ctrl+F untuk memudah kan pencarian

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

• setelah itu ganti tulisan Read More.... dengan kode di bawah ini

<img border="0" src="Paste alamat hostingan gambar Read More Kamu"/>

• Save, saya anjurkan pakai pratinjau dulu baru disave untuk melihat apakah berhasil atau tidak.
• selesai