Kamis, 18 Maret 2010

MEMBUAT READ MORE

Ketika kita membuat posting suatu artikel, dan isi artikel tersebut sangat panjang sehingga apabila ditampilkan semua akan memenuhi halaman dan tidak sedap dipandang mata. Untuk mengatasi masalah di atas, solusi yang tepat ialah dengan memasang Read More... atau Baca Selengkapnya.... dan untuk membuatnya tidaklah sulit, sobat bisa ikuti langkah-langkah di bawah ini:



  • Seperti biasa Sign in ke blogger sobat.


  • Klik Tata Letak (layout).


  • Klik menu Edit HTML.


  • Klik Download Full Template untuk antisipasi jika terjadi kesalahan.


  • Beri tanda centang pada Expand template widged.


  • Tunggu beberapa saat hingga proses selesai.


  • Cari kode di bawah ini:



  • <p><data:post.body/></p>


  • Kemudian hapus kode tersebut, 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/></p>

    <a expr:href='data:post.url'>Read More......</a>

  • Kemudian klik Save Template.


  • Langkah selanjutnya ialah kita pergi ke Setting / Pengaturan, klik Format.

    Pada layar paling bawah, di samping Post Template terdapat text area kosong. Tugas sobat ialah mengisi area kosong tersebut dengan kode di bawah ini:


    <span class="fullpost">

    </span7>

  • Klik Simpan Pengaturan.




  • Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.


    Cara Posting Artikel:

  • Klik Menu Posting.


  • Klik menu Edit HTML akan nampak kode yang kita masukan tadi yaitu:


    <span class="fullpost">

    </span>



  • Tulis artikel yang ingin dimunculkan setelah kode <span class="fullpost"> dan sisanya setelah kode </span> .


  • Kemudian klik Publish Post.




Selamat mencoba .... !!!!!
. . ..