Cara Membuat Read more di Blogger Baru

Setelah beberapa hari mencari-cari cara di blog laen tentang cara membuat read more, akhirnya bisa juga. Banyak juga artikel yang sudah saya ikuti tetapi gak berhasil juga. Baru berhasil sekitar satu jam yang lalu.

dan kali ini saya juga akan memberi tahu sobat cara yang saya ikuti.

1. Buka Layout --> Edit HTML


2. Beri Tanda cek pada "expand widget template"


3. Cari kode berikut pada template blog anda


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

<div class='post-body'>


Untuk memudahkan pencarian klik ctrl+f (find)


4. jika sudah ketemu, Letakan kode berikut ini di bawah kode di atas.


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


5. Di bawah kode html tersebut, cari kode html seperti ini:


<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


6. Diantara kode


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


dan


<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


pasangkan kode berikut:


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


7. Jika sebelum kita pasang kode tersebut ternyata sudah ada, hapus kode tersebut, dan ganti kode di atas.


8. Jadi, setelah sobat menambahkan kode html untuk Read more, maka susunannya akan menjadi seperti berikut (warna hitam untuk kode asli, dan warna biru untuk kode tambahan Read more)


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


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


9. Klik Save.


10. Klik SETTINGS terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Sobat isi kotak kosong tersebut kode berikut:


<span class="fullpost">


</span>


Dan Klik Save Setting



CARA MEMPOSTING!


Saat anda akan memposting tulisan, klik Edit HTML, bukan Compose. Maka anda akan melihat kode


<span class="fullpost">


</span>


Letakan tulisan yang akan sobat tampilkan di halaman muka sebelum kode tersebut dan sisanya anda letakan di antara kode


<span class="fullpost">


dan


</span>


Nah,,, Begitulah caranya,.,


INGAT!! Sebelum anda mengutak atik HTML template, biasakan backup dulu. Untuk mengantisipasi jika terjadi eror.