Membuat “Read More…” atau “Baca Selengkapnya..” di Blogger

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

Contoh penulisan posting:

ISP adalah perusahaan penyedia jasa pelayanan internet. Peran ISP adalah menghubungkan kita dengan jaringan internet internasional. Jenis layanan yang disediakan oleh setiap ISP kepada setiap pelanggan berbeda-beda .<span class="fullpost"> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>