Membuat posting abstraksi atau READ MORE di Blogger Baru (Blogger Beta) tentu berbeda dengan membuat read more di blogger lama. Jika anda membutuhkan informasi tentang hal ini, maka berikut saya sajikan langkah-langkah praktisnya. Tapi INGAT!, sebelum melakukan semua langkah-langkah di bawah ini, terlebih dahulu Download Full Template Anda. Itu adalah golden standard pada blogger beta ketika akan melakukan perubahan page element atau merubah templatenya.
Yah, minimal untuk jaga-jaga saja. Sudah tidak sabaran? Ikuti tutorial di bawah ini :

1. Buka template –> edit HTML
2. Kasih tanda tik/cek menu “expand widget template”
3. Cari kode berikut di TEMPLATE blog Anda:


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


4. Kalau sudah ketemu, letakkan kode berikut DI BAWAH kode html di atas:


<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:none;}</style>


5. Di Bawah kode di atas ada kode html sbb:

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

</div>


6. Nah, di antara kode <p><data:post.body/></p>
dan kode <div style='clear: both;'/> <!-- clear for photos floats -->
</div>

pasang kode html ini:
<a expr:href='data:post.url'>Read More......</a>

</b:if>


7. Jadi, susunan kode html di template setelah ditambah dg kode READ MORE akan menjadi seperti ini (yg warna biru adalah kode tambahan untuk READ MORE, sedang kode warna hitam adalah kode asli template):

 <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'>Read More......</a>
   </b:if>

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

8. Klik SETTINGS, terus klik FORMATTING. Di paling bawah ada kotak kosong di samping menu POST TEMPLATE. Isi kotak kosong tsb dg kode berikut:


<span class="fullpost">

</span>


Jangan lupa klik SAVE apabila sudah dipasang.

9. Klik SAVE. Selesai.***

CARA MEMPOSTING

Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode

<span class="fullpost">

</span>


Letakkan posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost"> sementara sisanya (yakni keseluruhan entry), letakkan di antara kode
<span class="fullpost"> dan </span>

Nah, selesai. Selamat Mencoba.

Print PDF