Menambahkan read more.. (baca selengkapnya..) pada blogspot

Mungkin anda cukup frustasi pada template blog anda yang tidak menyediakan fitur Read more.. sehingga membuat tampilan HOME blog anda sangat panjang karena menampilkan post terbaru dari awal hingga akhir post. Membuat pengunjung blog anda harus menggulung-gulung scroll pada mouse untuk melihat judul-judul sebelumnya. tentunya ini sangat tidak efisien.

 

Read more.. atau baca selengkapnya.. biasa ada pada akhir dari preview-preview artikel yang dimunculkan dalam sebuah page. Fitur ini dapat mempercantik tampilan blog anda.

 

Berikut tutorial untuk menambahkan fitur readmore pada artikel-artikel blog anda:

SEBELUM MEMULAI, SEBAIKNYA ANDA BACK-UP TEMPLATE ANDA TERLEBIH DAHULU. DAN BERHATI-HATILAH KETIKA MENGEDIT KODE HTML-NYA.

1.
Login ke akun Blogger anda, pilih Rancangan, Edit HTML, jika ada peringatan, klik lanjutkan.

2.
pastikan check box Expand template widget ter-check:

 

3.
cari tag:

 <data:post.body/>  

kemudian copy paste kode berikut diatasnya:

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

dan copy paste kode berikut dibawahnya (dibawah tag <data:post.body/>):

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

sehingga akan menjadi seperti berikut:

save template anda.

4. selanjutnya, pada setiap postingan anda, setelah anda selesai menulis post. Masuk ke mode HTML (disebelah tab compose) tambahkan code berikut sebagai pembatas antara  potongan posting yang anda inginkan untuk tampil di HOME blog anda. (tulisan sebelum readmore..)

 <span class="fullpost">  

contoh:

dan tab berikut di akhir post:

 </span>  

 

TERIMA KASIH TELAH MEMBACA. MOHON TINGGALKAN KOMENTAR DAN SERING-SERING BERKUNJUNG KE BLOG INI. :)

ASSALAMU’ALAYKUM.