Membuat "read more" di Blog

Beberapa kali search2ing di google akhirnya menemukan artikel ini, susahnya minta ampun.... meskipun pada tahap akhir bisa juga.tapi untuk jaga2 jangan lupa Upload template yang telah anda buat sebelumnya pada harddisk di komputer anda, klik tata letak, terus edit html.


Caranya:

  • Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
  • Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
  • Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:
    <style>
    <b:if cond='data:blog.pageType == "item"'>
    span.fullpost {display:inline;}
    <b:else/>
    span.fullpost {display:none;}
    </b:if>
    </style>
  • Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Read More..</a>
    </b:if>
  • Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose

Selamat Mencoba!

No Response to "Membuat "read more" di Blog"

powered by Blogger | WordPress by Newwpthemes | Converted by BloggerTheme