Welcome

Jumat, 20 Januari 2012

Menambahkan Readmore Pada Postingan Blog


save our planet
Tulisan yang panjang di dalam blog, jika ditampilkan secara penuh, akan menampilkan halaman blog yang panjang pula, dan itu akan melelahkan pengunjung blog yang mencari-cari tulisan yang ada di bawahnya. Terlebih jika pada format pengaturan tampilan, kita memuatkan banyak posting (default blogger 7 posting). Wah, bisa-bisa pegel deh tangan kita untuk menarik scroll. Untuk mengatasi masalah tersebut ada baiknya kita menambahkan readmore (baca selengkapnya) pada template blog kita. Untuk memasangnya pun cukup mudah. Hanya dengan beberapa langkah saja kita bisa menampilkan readmore pada halaman blog kita.

Langkah-langkahnya adalah sebagai berikut:

Langkah Pertama
  • Biasalah kamu harus Login dulu ke dalam blog kamu
  • Dari halaman dashboard, pilih Tataletak (Layout)
  • Lalu kamu pilih Edit HTML, dan contreng pada bagian Expand Template Widget.
  • Selanjutnya cari kode HTML berikut (Gunakan Control F atau F3):
    <p><data:post.body/></p>

    Dalam beberapa template bisa saja tidak menggunakan kode paragraf (<p> dan </p>) tapi menggunakan perintah enter (<br/>).
  • Letak kode tersebut kira-kira berada 3/4 dari HTML template blog kamu. Untuk memudahkan pencarian, tekan Control F lalu masukkan kode tersebut kedalam kotak pencarian.
  • Kalo sudah ketemu, ganti kode tersebut dengan kode berikut:
    <!-- Mulai Readmore -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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'>Readmore »»</a>
    </b:if>
    <!-- Akhir Readmore -->

    Kamu bisa mengganti Readmore kalimat dengan Baca selengkapnya, Selanjutnya, Seterusnya, dll. sesuai kemauan kamu.
  • Simpan hasil editing ini dan lanjutkan dengan langkah kedua.

Langkah Kedua
  • Dari halaman Edit HTML, klik Pengaturan lalu pilih Format.
  • Pada kotak Templat Entri, tambahkan kode berikut:
    <div style="text-align:justify"><span style="font-family:arial">Isi paragraf tampil
    </span><span class="fullpost" style="font-family:arial">
    <br/>
    Isi paragraf sembunyi
    </span></div>

    Jika tidak ingin menggunakan perataan kiri-kanan, ganti kata justify dengan left. Dan jika kamu ingin menggunakan huruf default dari template kamu, hapus saja kode style="font-family:arial"-nya.
  • Simpanlah hasil pengaturan kamu dan ucapkan Alhamdulillah....

Sekarang kamu tinggal menuliskan postingan kamu. Gantilah kalimat Isi paragraf tampil dengan sebagian naskah kamu yang akan ditampilkan, dan sisanya ditulis pada bagian Isi paragraf sembunyi.

Dengan menggunakan readmore ini, tulisan-tulisan kamu terdahulu akan terlihat aneh karena ada tulisan readmore-nya disetiap akhir naskah, karena itu kamu harus melakukan editing ulang terhadap tulisan-tulisan tersebut. Tapi kalo kamu gak mau ribet, mendingan pake readmore versi 2. Dengan readmore versi 2 ini, tulisan-tulisan kamu yang dulu (sebelum ditambahkan readmore) tidak akan memunculkan kata readmore pada akhir tulisannya.

Ok, cow... Gampang kan? Selamat mencoba!!!

0 komentar:

Posting Komentar

 
;