Cara membuat readmore/baca selengkapnya pada blog anda

Banyak sekali para blogger yang menulis postingan bagaimana Cara Membuat Read More, karena artikel tutorial yang paling diminati oleh blogger pemula yang baru membuat blog di blogspot, karena  Sebuah artikel yang panjang akan banyak memakan tempat di halaman utama sebuah blog, sehingga artikel lain yg ditulis sebelumnya akan jarang dibaca pengunjung karena mereka harus menscroll halaman kebawah terlebih dahulu. Nah, pada belajar ngeblog kali ini saya akan coba menyajikan tutorial bagaimana cara memotong artikel panjang tersebut dengan membuat read more .. baca selanjutnya .. baca selengkapnya... atau apa aja lah sesuai yg anda inginkan

Langkah-langkah yg harus anda lakukan

    * Login ke akun blogger anda, klik Layout kemudian masuk ke Edit HTML

    * Klik tulisan Download Full Template, Silahkan save dulu template tersebut, untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula dgn upload lagi data tersebut

    * Jangan lupa centang Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.
    * Masukkan kode berikut dibawah ini yg berwarna hijau:

      <style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style>

      sebelum tag / diatas </head>  Langkah berikutnya

    * Mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template anda dan tambahkan kode berikut yg berwarna orange tepat dibawahnya: ( Tips, untuk mempermudah pencarian kode tekan Ctrl + F + masukan kode yg dicari )

      <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> Read More..</a> </b:if>

      Anda bisa mengganti kata Read More pada kode ini sesuai keinginan anda, seperti baca selanjutnya... baca selengkapnya... atau yg lain pkoknya terserah dah

    * Ok, lalu klik save template. Terus bagaimana cara memotong postingan artikelnya?
Cara Posting Artikel nya

    * Klik menu Posting =>jangan lupa tulis posting di Edit HTML bukan di Compose karena kode dibawah ini tidak akan muncul di halamana compose

    * Nah supaya terpotong, setiap kali anda menulis artikel posting,
    * Klik pada bagian artikel dimana anda  pengen tulisan Read More.. muncul,
    * Lalu  ketik <span class=”fullpost”>
    * Kemudian lanjutkan sisa artikel  sampai selesai, akhiri dengan mengetik  </span>.

Contoh Penulisan Posting

    Artikel yang ingin tampil dipostingan


    <span class=”fullpost”&gt;


    Sisa Artikel anda


    </span>


    warna hijau adalah kode yang harus anda tambahkan dipostingan yang sedang anda edit

Selesai,..... Jika cara ini tidak Berhasil, silahkan anda coba cara kedua.

Selamat mencoba semoga bermanfaat.


Sebaik-baik ummat manusia adalah apabila ia memiliki ilmu, maka ia mengamalkannya.