Rabu, 08 Desember 2010

Membuat read more yang Biasa



Kali ini saya akan memberikan tips untuk membuat read more yang biasa. Karena pada read more yang sebelumnya terdapat kelemahan, yaitu blog Anda akan lama di-load. Karena begitu besarnya ukuran karena membuka isi posting secara keseluruhan, tetapi yang nampak memang hanya sebagian. Keunggulan read more ini ialah lebih cepat membuka blog, ukuran blog tidak terlalu besar, dan jika Anda membuka blog saya setelah meng-klik read more maka akan terbuka artikel saya terkait lainnya. Selamat bereksperimen...

Jika sudah siap maka ikuti langkah-langkah ini...
  1. Masuk ke Tata Letak kemudian pilih Edit HTML.
  2. Centang Expand Template Widget.
  3. Cari kode berikut dengan menekan Ctrl + F.
  4. <p><data:post.body/></p>
    atau
    <data:post.body/>
  5. Ganti kode <p><data:post.body/></p> atau <data:post.body/>menjadi seperti ini :
  6. <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>

    <a expr:href='data:post.url'>Baca Selengkapnya...</a>
    </b:if>
    Tulisan yang bercetak miring bisa Anda ganti dengan tulisan apapun yang Anda suka dan mudah dimengerti.
  7. Simpan perubahan.
  8. Sebenarnya sudah selesai, tetapi ada beberapa langkah lagi agar cara ini benar-benar bekerja. Setiap posting jangan lupa untuk memasukkan kode di bawah ini. Anda hanya perlu menghafalkan kode ini, ini mudah!
  9. <span class="fullpost">



    </span>
    Tulisan yang ada di antara kode span akan disembunyikan. Sebagai contoh.
    Penulisan KodeHasil yang tampak
    Tulisan yang terlihat,
    Tulisan 
    yang terlihat.
    <span class="fullpost">
    Tulisan 
    yang tersembunyi
    Tulisan yang 
    tersembunyi
    Tulisan yang tersembunyi
    </span>
    Tulisan yang terlihat,
    Tulisan 
    yang terlihat.
    [+/-] Selengkapnya...
  10. Jika sudah Anda coba dan berhasil maka ucapkanlah Alhamdulillah...
Semoga tulisan ini membantu...

Tidak ada komentar:

Posting Komentar