Thursday, May 7, 2009

Cara mudah membuat “Read More”

Artikel Panduan Belajar Blog kali ini adalah membahas tentang cara mudah membuat fasilitas Read more.. atau dalam bahasa indonesia bisa diartikan : Selengkapnya..
Pada template baru (XML), topik ini paling banyak di baca dan di minati oleh para blogger baru. Hal ini terlihat dari banyaknya komentar yang masuk pada artikel tersebut, ada yang senang karena sudah berhasil dan ada juga yang sedikit kecewa karena masih menemui kegagalan.
Dengan masih adanya kegagalan-kegagalan tersebut, maka dapat di tarik kesimpulan bahwa metode yang saya sampaikan ternyata masih kurang untuk di pahami. Dari itu tentu harus di pikirkan cara yang tepat dalam penyampaian panduan yang baik.
Ketika anda melakukan Editting pada kode template, sebaiknya jangan memakai browser Internet Explorer terutama Internet Explorer 6, pakailah browser lain misalnya FireFox ataupun Opera. Bagi yang belum mempunyai browser FireFox bisa mendownloadnya secara gratis di sini! dan untuk Opera bisa mendownloadnya di sini!, Kenapa jangan memakai Internet Explorer? ini merupakan pengalaman pribadi saya ketika melakukan editting sering menemukan pesan error ketika memakai IE, dan apabila memakai browser lain pesan Error tersebut tidak muncul (proses edtting sukses), dan saya pernah membaca di blogger forum banyak yang melaporkan isu ini dan pihak blogger sendiri menyarankan untuk sementara memakai browser lain selain IE.

Bagi yang belum sukses membuat fungsi read more..., coba ikuti langkah berikut ini :

Langkah #1
  • Sign in di blogger dengan id anda.
  • Klik Pengaturan
  • Klik Format
  • Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi text area kosong tersebut dengan kode di bawah ini :
<span class="fullpost"> </span>
  • Klik tombol Simpan Pengaturan
Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

Langkah #2
  • Klik menu Dasboard
  • Klik Tata Letak
  • Klik tab Edit HTML
  • Klik tulisan Download Template Lengkap.
  • Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
  • Beri tanda centang pada kotak di samping tulisan Expand Template Widget
  • Tunggu beberapa saat ketika proses sedang berlangsung
  • Silahkan anda cari kode berikut pada kode template milik anda :
<data:post.body/>
atau kode di bawah ini (sama saja) ;
<p><data:post.body/></p>
  • Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):
Top of Form
<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/> <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p> </b:if>
Bottom of Form
  • Klik tombol Simpan Template
  • Selesai.
Cara Posting Artikel
  • Klik menu Posting
  • Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :
<span class="fullpost"> </span>
  • Tuliskan artikel yang ingin tampak pada blog sebelum kode :
<span class="fullpost">
  • Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :
</span>
  • Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING
  • Klik tulisan Lihat Blog(di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas

Bagi anda yang mengikuti artikel Belajar Blog ini dan mengalami kegagalan, jangan kecewa ketika blog anda menjadi kacau, upload kembali backup templatenya dan nanti akan kembali ke keadaan semula sebelum di edit.
Silahkan mencoba !
Tetap kunjungi Tentang Komputer dan Internet, untuk mendapatkan info terbaru lainnya.
Terimakasih, dan semoga informasi ini berguna bagi anda.

4 comments:

  1. Terimakasih sudah berkunjung dan membaca artikel ini. Memang Read More cukup diperlukan bila artikel/postingan kita panjang, jadi menghemat tempat juga.
    Semoga informasi yang saya berikan bisa bermanfaat buat anda.

    ReplyDelete
  2. Gan langkah #1 ama #2 berhasil, tp itu yg cara posting artikel ga ngerti. Pas di liat ttp ga ada "selengkapnya..."
    Postingan sebelum bkin ini ga otomatis langsung ada selengkap'y atw gmn Gan? Tlong pencerahan secepat'y....

    ReplyDelete
  3. ow!!!!! ternyata yg Q ganti data coment.body bkn data post.body, itu ngaruh ga Gan? D cari2 data post.body ga ada ngumpet dmn sih, please Gan bls dulu........

    ReplyDelete
  4. Mas minta tutorial ganti background Blpg dong, saya udah coba perancang templete tp ga bisa Mas. Tolong ya Mas, please!!!

    ReplyDelete