Membuat "Read More" Di Blogspot

"Read more" atau "baca selengkapnya" yang biasa ada dipostingan blog atau web merupakan artikel penuh dari postingan yang ditampilkan separuhnya. Sehingga untuk melihat artikel penuhnya harus menekan link "read more" atau "baca selengkapnya".

Pada blogspot, untuk membuat "read more" harus mengubah script HTMLnya secara manual. Dan ada settingan pada saat posting artikel. Caranya sangat mudah. Silahkan ikuti langkah-langkahnya.

Gimana caranya???

Tahap 1 - Edit HTML Templates:

1. Login dulu di blogger admin blog anda
2. Masuk ke Layout / Tampilan
3. Pilih Edit HTML
4. Check list (beri tanda centang) pada Expand Widget Templates
5. Cari script berikut <data:post.body> atau <p><data:post.body></p>
   
6. Hapus code tersebut
7. Gantikan dengan code berikut
   <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>
8. Silahkan ganti text yang berwarna hijau sesuai keinginan anda

Tahap 2 - Cara Posting:

1. Silahkan membuat artikel postingan sampai selesai
2. Tentukan paragraf yang mau ditampilkan sebagian
3. Melalui Edit HTML posting, pasang code berikut <span class="fullpost"> di bagian bawah paragraf tersebut.
4. Di akhir paragraf postingan anda, tutup dengan code berikut </span>

NB: Atur sebisa mungkin "read more" anda muncul. Peletakan tutup code harus benar.

Terima kasih kepada http://www.ferdy-benjamin.co.cc/ yang udah menambah ilmuku untuk edit blog.