Jumat, 27 November 2009

Membuat Menu "Read More"

Kadang kala kita menulis post terlalu panjang, tapi kita juga tidak ingin menguranginya. Bagaimana menyiasatinya? Pakai cara dengan Read More. Maksudnya bisa anda lihat di blog berikut :http://solo-spirit-of-java.blogspot.com/, tetapi dalam blog ini Read More diganti dengan Selengkapnya....
Caranya:
  • Login ke Blogger anda
  • Pilih Menu Tata Letak
  • Klik Menu Edit HTML (Untuk berjaga-jaga, jika hasil editan kita nanti ada kesalahan, Download Template anda yang sekarang dulu dengan Klik Download Template Lengkap. Jadi jika nanti anda kesalahan, template anda yang lama terselamatkan.)
  • Copy dan Pastekan kode berikut persis sebelum kode </head> . (Untuk mempermudah mencari kode , tekan tombol CTRL F dan ketikkan kode yang anda cari pada kotak Find yang biasanya ada di bawah kiri) 
<style> 
<b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> 
span.fullpost {display:none;} 
</b:if> 
</style>
  • Kemudian Copy dan Pastekan kode berikut setelah kode <p><data:post.body/></p>

    (Gunakan Tips di atas untuk mencari kode tersebut)
    
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>


!!! Anda bisa mengganti Read More... bercetak tebal dengan Baca Selengkapnya..atau Selanjutnya !!! 
  •  Kemudian Simpan Template
    Langkah Berikutnya adalah Klik Menu Pengaturan / Setting dan pilih Sub Menu Format
    Copy dan Pastekan kode berikut pada kotak  Post Template Atau Template Entry
    <span class="fullpost">

    </span>  
    
    Langkah selanjutnya SAve Setting & Selesai
    Trus Caranya Posting bagaimana? Tenang Saudara-saudara gampang koq...
    • Klik Menu Posting
    • Klik Menu Edit HTML
    • Ketik Artikel yang ingin anda tampilkan sebelum kata Baca Selanjutnya...sebelum kode


      <span class="fullpost">
      dan sisanya setelah kode


      </span>
      
      Selesai Dech... 
      










    Tidak ada komentar:

    Posting Komentar