Saturday, January 29, 2011

Membuat Penggalan Posting pada Blogspot |

Sering kita menemukan artikel yang tidak tuntas, dalam hal ini keseluruhan artikel disembunyikan dan hanya ditampilkan beberapa penggal saja.

Untuk membaca keseluruhan isi artikel kita harus meng-klik tautan Baca Selanjutnya atau Read More. Metode ini bisa digunakan di blogger (blogspot) dengan menambahkan beberapa script kecil pada template versi klasik (html) maupun versi beta (xml).

Berikut langkah-langkah menambahkan script fullpost yang sudah saya cobakan di blog ini.

  1. Login ke blogger.com, masukkan id dan password anda
  2. Masuk ke section Template, gunakan edit versi HTML nya
  3. Untuk menganitisipasi jika terjadi kesalahan atau gagal koneksi, alangkah lebih baik jika template lama di-back-up terlebih dahulu.
  4. Masukkan script berikut ke dalam blok css/style anda, ingat posisinya harus di dalam tag <style> loh ya!

    <MainOrArchivePage>
    div.fullpost {display:none;}
    </MainOrArchivePage>
    <ItemPage>
    div.fullpost {display:inline;}
    </ItemPage>
  5. Masukkan script berikut ke dalam blok <blogger>, letakkan setelah tag <$BlogItemBody$>

    <MainOrArchivePage>
    <a href="<$BlogItemPermalinkURL$>">Read more**</a>
    </MainOrArchivePage>

    **
     Read more dapat diganti sesuai keinginan kita, mau selanjutnya, atau baca lagi, atau apa deh terserah elo!
  6. Save Template! Wajib hukumnya.
  7. Masuk ke section Formating, tarik ke bawah, pada field Template tambahkan script berikut,

    <div class="fullpost">

    </div>


    Lalu save!
  8. Langkah berikutnya, siap posting artikel baru atau edit artikel lama.

Cara kerja script ini adalah sebagai berikut, (ilustrasi).
Saat membuat posting baru, akan keluar kode <div class="fullpost"> </div> secara otomatis. Penggal artikel yang akan ditampilkan pada halaman index atau halaman depan dituliskan sebelum kode/tag "fullpost" di atas. Sedangkan detil atau lanjutan dari artikel dituliskan dalam kode/tag "fullpost".

Selamat mencoba :)

Labels: ,