Membuat Read more pada blogger

Bagi Anda yang memiliki akun di blogger.com, tentunya Anda menyadari bahwa blogspot tidak menyediakan fasilitas Read More dalam proses pembuatan postingan. Fasilitas vital ini tentu berpotensi menurunkan kualitas tampilan blog Anda, dan akibatnya bisa bermacam-macam: tampilan menjadi kurang atraktif, posisi artikel lain menjadi tergeser jauh, sampai membebani waktu loading blog.

Beberapa artikel dan tutorial menawarkan cara-cara yang beda tapi serupa, sehingga perlu waktu beberapa saat bagi saya untuk menyadari bahwa tidak semua artikel tersebut menawarkan solusi yang jitu: selesai dengan masalah more tag, timbul masalah baru lagi, yaitu tulisan Read More selalu muncul di setiap postingan - tanpa diminta.

LANGKAH-LANGKAH YANG DIPERLUKAN:

catatan: sebaiknya Anda melakukan backup template terlebih dahulu untuk menghindari kesalahan.

1. Masuk ke akun blogger Anda, klik link Layout, kemudian klik Edit HTML
   
2. Klik pada kotak Expand Widget Templates
3. Silakan meng-copy semua script di link ini, script ini adalah karya Ramani,
   agar lebih cepat, Anda bisa mengklik kanan mouse, memilih Select All, kemudian baru di-Copy
4. Pada edit HTML, cari tag </head> (gunakan fasilitas find dengan mengklik ctrl+f),
5. Paste-kan script tadi sebelum (di atas) tag </head>
6. Nah, langkah berikutnya, gunakan find lagi untuk mencari
   <p><data:post.body/></p>
   atau sekedar
   <data:post.body/>
   (tergantung pada template yang Anda gunakan)
   
7. Ganti tag tersebut dengan script di bawah ini:
   
   <div class=’post-body’ expr:id=’”post-” + data:post.id’ >
   <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>
   <span id=’showlink’>
   <a expr:href=’data:post.url’>Read More……</a>
   </span>
   <script type=’text/javascript’>
   checkFull(”post-” + “<data:post.id/>”);
   </script>
   </b:if>
   <div style=’clear: both;’/> <!– clear for photos floats –>
   </div>
   

8. Perhatian, Anda bisa mengganti tulisan Read More…… dengan apa saja, misalnya ‘baca selanjutnya’, ‘More’, atau ‘baca terus’
9. Kalau sudah, klik Save Template.

Selesai? Nah, bagaimana memanggil tag Read More ini bila diperlukan?

Pada saat membuat postingan baru, masuklah pada bagian Edit HTML. Masukkan tag <span id=”fullpost”> di bawah paragraf terakhir yang ingin Anda tampilkan di Halaman Muka. Kemudian, di bawah paragraf terakhir postingan Anda, tulis </span>.

Demikianlah tutorial ini. Bila Anda melakukannya dengan benar, maka tulisan Read More tidak akan muncul pada semua artikel - tetapi hanya bila Anda menggunakannya saja. Selamat mencoba!