Dhafiq Sagara adalah orang bodoh yang tidak bisa apa-apa, tapi dia selalu berusaha untuk terus menjadi yang lebih baik. Rasa keingin-tahuannya sangat tinggi, selalu berusaha dan terus berusaha, trial dan error adalah prinsip belajarnya.

21 Nov 2009

Membuat "Read More" Di Blogspot

"Read more" atau "baca selengkapnya" yang biasa ada dipostingan blog atau web merupakan artikel penuh dari postingan yang ditampilkan separuhnya. Sehingga untuk melihat artikel penuhnya harus menekan link "read more" atau "baca selengkapnya".

Pada blogspot, untuk membuat "read more" harus mengubah script HTMLnya secara manual. Dan ada settingan pada saat posting artikel. Caranya sangat mudah. Silahkan ikuti langkah-langkahnya.

Gimana caranya???

Tahap 1 - Edit HTML Templates:

  1. Login dulu di blogger admin blog anda
  2. Masuk ke Layout / Tampilan
  3. Pilih Edit HTML
  4. Check list (beri tanda centang) pada Expand Widget Templates
  5. Cari script berikut <data:post.body> atau <p><data:post.body></p>
  6. Hapus code tersebut
  7. Gantikan dengan code berikut
    <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'>Read More... </a>
    </b:if>
  8. Silahkan ganti text yang berwarna hijau sesuai keinginan anda



Tahap 2 - Cara Posting:

  1. Silahkan membuat artikel postingan sampai selesai
  2. Tentukan paragraf yang mau ditampilkan sebagian
  3. Melalui Edit HTML posting, pasang code berikut <span class="fullpost"> di bagian bawah paragraf tersebut.
  4. Di akhir paragraf postingan anda, tutup dengan code berikut </span>

    NB: Atur sebisa mungkin "read more" anda muncul. Peletakan tutup code harus benar.

    Terima kasih kepada http://www.ferdy-benjamin.co.cc/ yang udah menambah ilmuku untuk edit blog.

    3 komentar:

    1. mas punya saya pada Tahap 1 - Edit HTML Templates yang mencari saya tidak menemukan sama sekali tp adanya dan saya menemukan 2 lah pertanyaan saya manakah yang harus saya ganti????

      BalasHapus
    2. mas punya saya pada Tahap 1 - Edit HTML Templates yang mencari scrib "data:post.body" saya tidak menemukan sama sekali tp adanya "data:post.body/" dan saya menemukan 2 lah pertanyaan saya manakah yang harus saya ganti????

      nb: <>=""

      BalasHapus