Membuat Read More di Blogger [update]

Untuk blogger beta langkah-langkahnya sebagai berikut:

1. Sign in / login di blogger dengan username Anda
2. Klik menu layout
3. Klik Edit HTML
4. Beri centang Expand Template Widget
5. Sisipkan kode berikut sebelum </head> atau setelah ]]></b:skin>:

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

6. Selanjutnya cari <p><data:post.body/></p> , kemudian selipkan kode berikut sesudah tag tadi:

   <b:if cond='data:blog.pageType != "item"'>
   <a expr:href='data:post.url'> Baca Selengkapnya....</a>
   </b:if>

7. Kemudian simpan template
8. Setelah tersimpan, klik menu Pengaturan kemudian klik Format
9. Nah, setelah masuk.. pada kotak isian paling bawah isi dengan kode:

   <span class="fullpost">
    
   </span>

10. Kemudian klik simpan pengaturan
11. Selesai

Selanjutnya cara penulisan posting agar artikel terpotong adalah sebagai berikut:

1. Klik menu posting
2. Klik menu Edit HTML
3. Kemudian tulislah artikel anda dengan syntax:Artikel yang ada di awal/headline <span class=”fullpost”>artikel sisa sampai selesai</span>
4. kemudian klik mempublikasikan posting
5. selesai

Sekarang lihat postingan Anda!

Namun beberapa waktu yang lalu, ketika saya mencoba lagi cara di atas, cara tersebut tidak dapat digunakan lagi. Nah, sebagai gantinya gunakan cara berikut ini:

1. Sign in / login di blogger dengan username Anda
2. Klik menu layout
3. Klik Edit HTML
4. Beri centang Expand Template Widget
5. Selanjutnya cari <div class=’post-header-line-1′/><div class=’post-body’>

, kemudian selipkan kode berikut sesudah tag tadi:

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

6. Selanjutnya cari

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

   , kemudian selipkan kode berikut diantara tag tadi:

   <a expr:href='data:post.url'>Baca Selengkapnya....</a>
   </b:if>

   sehingga tag menjadi:

   <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'>Baca Selengkapnya....</a>
   </b:if>
   <div style='clear: both;'/> <!– clear for photos floats –>
   </div>

7. Kemudian simpan template
8. Setelah tersimpan, klik menu Pengaturan kemudian klik Format
9. Nah, setelah masuk.. pada kotak isian paling bawah isi dengan kode:

   <span class="fullpost">
    
   </span>

10. Kemudian klik simpan pengaturan
11. Selesai

Selanjutnya cara penulisan posting agar artikel terpotong adalah sebagai berikut:

1. Klik menu posting
2. Klik menu Edit HTML
3. Kemudian tulislah artikel anda dengan syntax:Artikel yang ada di awal/headline <span class=”fullpost”>artikel sisa sampai selesai</span>
4. kemudian klik mempublikasikan posting
5. selesai

Sekarang lihat postingan Anda!

Untuk blogger lama langkah-langkahnya sebagai berikut:

1. Sign in / login di blogger dengan username Anda
2. Klik menu template
3. Klik Edit HTML
4. Sisipkan kode berikut sebelum </style>:

   <mainOrArchivePage>
   div.fullpost {display:none;}
   </mainOrArchivePage>
   <itemPage>
   div.fullpost {display:inline;}
   </itemPage>

5. Selanjutnya cari <$BlogItemBody$> , kemudian selipkan kode berikut sesudah tag tadi:

   <mainOrArchivePage><br/>
   <a href="<$BlogItemPermalinkURL$>"> Baca Selengkapnya....</a>
   </mainOrArchivePage>

6. Kemudian simpan template
7. Setelah tersimpan, klik menu Pengaturan kemudian klik Format
8. Nah, setelah masuk.. pada kotak isian paling bawah isi dengan kode:

   <div class="fullpost">
    
    
   </div>

9. Kemudian klik simpan pengaturan
10. Selesai

Selanjutnya cara penulisan posting agar artikel terpotong adalah sebagai berikut:

1. Klik menu posting
2. Klik menu Edit HTML
3. Kemudian tulislah artikel anda dengan syntax:Artikel yang ada di awal/headline <div class=”fullpost”>artikel sisa sampai selesai</div>
4. kemudian klik mempublikasikan posting
5. selesai

Sekarang lihat postingan Anda!

Thanks for hans afatih, and rohman….