Cara Membuat Read More di Blogspot Lengkap


Terima kasih anda sudah menyempatkan diri untuk berkunjung, disini tempatnya kita saling belajar dan berbagi. saya mendapatkan ilmu, lalu saya membagikannya untuk anda. meskipun sudah banyak yang menulis topik yang sama yaitu membuat Read More di blog, tapi semua itu tidak menyurutkan hati saya untuk terus menulis selagi itu bisa bermanfaat untuk anda.

Sebelum anda terbang ke tutorial, sebaiknya saya perkenalkan terlebih dahulu apa itu Read More. Read More dalam bahasa Indonesia ialah Baca Selengkapnya. kegunaan Read More ini adalah untuk mempersingkat tulisan pada blog anda agar terlihat rapi dan tidak memanjang kebawah. apalagi jika judul postingan anda sudah mencapai diatas lima buah judul, maka fungsi read more ini sangat berguna sekali.

Berikut langkah-langkahnya untuk membuat read more atau baca selengkapnya

Pertama
Silahkan anda login ke blogger, template, edit html dan cari kode </head>. setelah anda ketemu dengan kode </head>, silahkan anda pastekan kode dibawah ini tepat diatas kode </head> tersebut.
   <style>
     <b:if cond='data:blog.pageType == "item"'>
      span.fullpost {display:inline;}
     <b:else/>
      span.fullpost {display:none;}
     </b:if>
   </style>

Kedua
Setelah anda paste kode diatas tersebut, maka cari kembali kode <data:post.body/>. pastekan kode dibawah ini tepat dibawah kode <data:post.body/> 
     <b:if cond='data:blog.pageType != "item"'>
       <a expr:href='data:post.url'><strong>Baca Selengkapnya..</strong></a>
       </b:if>
Jika sudah anda ganti, maka klik tombol Simpan Template.

Sekarang kita atur di dalam postingan, dimana tulisan yang ingin anda potong. kode yang akan anda gunakan untuk memotong tulisan adalah <span class="fullpost"> dan penutup </span>.

Untuk menguji apakah readmore/baca selengkapnya ini berfungsi dengan baik ialah dengan cara anda buat postingan baru seperti biasa. jika memang sudah fix anda membuat postingan (artikel, konten) maka kita klik HTML letaknya disamping Compose dan gunakan <span class="fullpost"> Isi Artkel Anda </span>.

Misalkan Artikel Anda
<span class="fullpost"> Contohnya anda buat posting baru, setelah membuat posting baru dan sudah anda koreksi artikel di blog. silahkan anda gunakan atau pilih yang HTML postingan perhatikan gambar dibawah in ini</span>
Contoh gambarannya seperti dibawah


readmore-bacaselengkapnya.imoul.blogspot.com

Keterangan:
Buat postingan, setelah postingan selesai jangan anda terbitkan, akan tetapi klik tombol HTML, lalu masukan kode <span class="fullpost"> dan diakhiri dengan penutup </span> dan klik publikasikan.

Bagaimana menurut anda?
Apakah membuat Read More ini sesulit yang anda bayangkan?
Itulah gunanya blog ini untuk belajar dan berbagi.

Pertanyaan:
Milik saya ada dua buah kode <data:post.body/> nya, bagaimana?

Jawaban:
Sungguh pertanyaan tersebut yang saya tunggu-tunggu. jika anda menemukan dua buah kode yang sama seperti <data:post.body/>. maka silahkan anda pilih yang kedua. letaknya tidak jauh diatas kode <div class='post-footer-line post-footer-line-1'>.

Semoga informasi cara membuat read more ini bisa berguna dan bermanfaat untuk anda, dan tidak lupa untuk selalu saya ucapkan happy blogging.

Update 29/04/2016 "Menghilangkan Tulisan Read More/Baca Selengkapnya"
Jika anda ingin menghilangkan tulisan Baca Selengkapnya, maka silahkan anda hapus kode seperti dibawah ini
 <b:if cond='data:blog.pageType != &quot;item&quot;'>
       <a expr:href='data:post.url'><strong>Baca Selengkapnya..</strong></a>
       </b:if>
Lalu letakan kode dibawah ini, letaknya tepat dibawah kode <data:post.body/>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;index&quot;'>
     <b:if cond='data:blog.pageType != &quot;archive&quot;'>
       <br/>
         <br/>
       <a href=''><img border='0' src='http://www.mylivesignature.com/signatures/86204/doraimoul/5a57d31fd90d7ad31837d81317178596.png' style='border: 0 !important; background: transparent;'/></a>
          <table border='5' style='background:#f2f2f2' width='100%'>
         <tr> <th>Catatan: Mohon Beritahu Kami Jika Anda Menemukan Error Link Pada Blog Ini.</th> </tr>
       </table>
      </b:if>
     </b:if>
    </b:if>





Anda Berada di Label Blogger HTML


5 comments:

  1. makasih gann atas tutorialnyaa
    sudah ane coba di blog satu lagi,dan ternyata berhasil hehe

    ReplyDelete
  2. Muhammad Anggi @ oke mas... selamat..!!

    ReplyDelete
  3. mantap gan caranya :) thank yaa hehe

    ReplyDelete
  4. Embed @ iya mas sama" dan terima kasih kunjungannya

    ReplyDelete
  5. Thanks... baru belajar saya 😊 http://asal-bahagia.blogspot.com masih bingung mau otak-atik nya 😅

    ReplyDelete

Silahkan berikan komentar anda sesuai dengan konten yang saya bahas diatas. komentar yang tidak relevan, spam, maka tidak akan saya publikasikan di blog belajar berbagi ini.

Belajar Berbagi Home