cara membuat readmore  

Diposting oleh Hizkia Wellyadi

Apaan sih Read More itu ?

Read More.. atau Selengkapnya.. atau More Detail..adalah kata yang dipakai untuk mempersingkat tulisan pada Blog atau Website.

Misalnya tulisan yang sedang sobat baca sekarang ini, Saya memakai kata Read More.. dibawah tulisan ini untuk membawa pembaca ke isi tulisan secara lengkap/penuh.

Kali ini akan Saya bahas tentang membuat read more pada template baru (XML).

Sebagai catatan jangan memakai Internet Explorer jika ingin belajar bahasan ini, karena IE sering kali mengalami kegagalan pada saat setelah melakukan edit HTML pada Blog. Sobat bisa gunakan Mozilla Firefox atau Opera.


==Langkah Pertama==

  1. Login Ke Blogger Menggunakan ID sobat

  2. Klik Pengaturan

  3. Kemudian klik Format

  4. Pada layar kosong paling bawah pada halaman Format, disamping tulisan Template Posting isi dengan kode berikut :



    <span class="fullpost">

    </span>



  5. Kemudian Simpan Pengaturan



==Langkah Kedua==

  1. Klik Tata Letak

  2. Kemudian Klik Edit HTML, simpan dulu template sobat dengan menekan Download Template Lengkap. Backup template ini dimaksudkan agar jika terjadi kerusakkan pada proses edit HTML sobat bisa restore kembali template yang sudah sobat donwload tadi.

  3. Beri tanda centang pada Expand Template

  4. Cari kode dibawah ini pada template sobat
    <data:post.body/>

  5. atau kode berikut, sama saja
    <p><data:post.body/></p>

  6. Hapus Kode diatas dan ganti dengan kode dibawah ini :


    <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/>

    <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>

    </b:if>



  7. Kemudian Klik Save Template


Selamat Mencoba !

Note : Postingan yang ingin sobat tampilkan pertama letaknya diatas <span class="fullpost">, sedangkan postingan selanjutnya setelah <span class="fullpost">
dan jangan lupa ditutup dengan </span>

Sumber : miscah.blogspot.com

^^ Semoga artikel Ini juga Bermanfaat Untuk Sobat ^^

Related Posts by Categories



^^ Tambah Wawasan Sobat Dengan Membaca Juga Artikel Dibawah ^^
This entry was posted on Rabu, Juli 08, 2009 and is filed under , , . You can leave a response and follow any responses to this entry through the Langganan: Posting Komentar (Atom) .

0 komentar