Rabu, 27 Mei 2009

Membuat Read More (Selengkapnya) di Postingan

Seringkali kita merasa bahwa blog kita terlalu panjang dikarenakan postingan kita yang panjang lebar. Itu semua menjadikan bog kita kurang menarik. Bahkan tidak kurang para pembaca menjadi kurang enjoy. Oleh karena itu mari kita buat postingan kita tampil hanya garis besarnya saja..... begini caranya....

Beranjak ke menu Layout --> Edit HTML

  • Centang cexbox"Expand Widget tempalte"

  • Lalu carilah code dibawah (untuk mempermudah tekan ctrl+F untuk kotak pencarian browser)
    <div class='post-header-line-1'/>

  • Nah dibawah Code diatas ada code yang mirip kaya dibawah, ingat code dibawah berbeda-beda di setiap template blogger


    <div class='post-body entry-content'>

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

  • Lalu ganti kode diatas dengan kode dibawah ini

    <div class='post-body entry-content'>

    <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'>Selengkapnya....</a>
    </b:if>

    Nah kamu perhatikan saja Code yang berwarna biru karena code yang berwarna merah berbeda-beda di setiap template blogger

    Perhatikan Code diatas Tulisan Selengkapnya.... adalah link untuk menuju ke postingan keseluruhan yang bisa kamu ganti dengan sesuka hati misalnya Read More.... atau Baca Selengkapnya...

  • Lalu simpan Template
  • Nah langkah pertama sudah selesai... lalu kita melangkah ke langkah selanjutnya

    1. Lalu Ke menu Setting Lalu pilih menu Formatting

    2. Lalu Cari Kotak Post Template Isikan kode dibawah

      <span class="fullpost">


      </span>

    3. Kemudian Di save

    Tidak ada komentar:

    Posting Komentar