Cara Buat Read More di blogger

Cara Buat Read More di blogger

Bagi sobat yang sering berkunjung pada halaman blog pasti sudah tidak asing lagi dengan tulisan Read More,Selanjutnya,Seterusnya dan yang lainnya. nah Read More pada blog berguna untuk meringkas Artikel pada blog agar artikel yang ditampilkan tidak menyeluruh dan terkesan rapi. Bagi sobat yang ingin mengetahui cara membuat Read More nah ini dia caranya :)

-> Silahkan sobat login terlebih dahulu kedalam blogger sobat
-> Pada jendela Dashbord pilih Layout/Tata Letak lalu pilih tab Edit Html
-> Pada jendela Edit Html beri tanda checklist Expand Template Widget
-> Lalu sobat cari kode berikut ini gunakan Find(on this page) pada menu edit IE untuk mempemudah pencarian

<div class='post-header-line-1'/>
<div class='post-body entry-content'>

-> Kalau sudah ketemu, copy paste kode di bawah ini, dan letakkan di template sobat di bawah kode yang diatas.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

-> Awas jangan sampai salah meletakkanya...kalau sudah selesai, lihat di bawah kode yang sobat copy paste tadi ada kode seperti di bawah ini :

<p><data:post.body/></p>
<div style="'clear:"> <!– clear for photos floats –a>
</div>

-> diantara kode

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

-> dan kode

<div style="'clear:"> <!– clear for photos floats –a>
</div>

-> Letakan kode dibawah ini : (harus diantaranya)

<a expr:href='data:post.url'>Read More .. </a>
</b:if>

->Sehingga hasil akhir kodenya seperti ini :

<div class='post-header-line-1'/>
<div class='post-body entry-content'>

<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:"> <!– clear for photos floats –a>
</div>

=> Huruf yang berwarna Biru adalah Kode yang harus sobat tambahkan
=> Huruf yang berwarna Hitam adalah kode Template

-> Setelah selesai lalu save, lalu sobat masuk ke menu Setting dan pilih Formatting.
-> Setelah itu sobat cari Template Posting.
-> Dan isi kotak kosong yang ada di sampingnya dengan kode dibawah ini :

<span class="fullpost">

</span>


->Kalau sudah klik save....

Cara memposting

Setiap sobat membuat postingan baru, sobat akan melihat kode tersebut di bagian Editor HTML. Nah supaya postingan sobat dapat diringkas, maka ketika memposting letakkan bagian posting yang akan ditampilkan di atas kode

<span class="fullpost">

sedangkan sisanya, letakkan diantara kode

<span class="fullpost">

dan

</span>

Contoh:
nah Read More pada blog berguna untuk meringkas Artikel pada blog agar artikel yang ditampilkan tidak menyeluruh dan terkesan rapi. <span class="fullpost"> Bagi sobat yang ingin mengetahui cara membuat Read More nah ini dia caranya </span>

....Selesai deh dan jangan lupa untuk menyimpan semua perubahan yang sobat lakukan... :)

Oke...Semoga bermanfaat untuk sobat blogger semuanya... :)