Membuat Read more... (Tulisan selengkapnya...)

Untuk menambah serasinya tampilan blog, saya mencoba melakukan beberapa hal seperti yang dilakukan para blogger senior. Untuk kali ini belajar membuat read more atau baca selengkapnya… (terserah kesukaan dari kita masing-masing untuk kalimat tersebut).

Pada template baru (XML), untuk melakukan Editting pada kode template dapat dengan menggunakan browser FireFox atau Opera. Bagi yang belum mempunyai browser FireFox bisa mendownloadnya secara gratis klik disini! dan untuk Opera bisa mendownloadnya klik disini!

Langkah membuat fungsi read more... adalah sebagai berikut:

Sesi #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 diatas maksudnya agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

Sesi #2.

• Klik menu Dasboard.
• Klik menu Layout.
• Klik menu Edit HTML.
• Klik tulisan Download Template Selengkapnya.
• 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 :

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

• Hapus kode diatas, lalu ganti dengan kode di bawah ini:

<b:if cond="'data:blog.pageType"> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/> <a href="'data:post.url'"><strong>Selengkapnya...</strong></a></p> </b:if>

• 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.
• Tuliskan artikel yang ingin tampak pada halaman utama blog sebelum kode :

<span class="fullpost">

• Sementara sisa artikel yang hendak disembunyikan dihalaman utama di letakkan sesudah kode di atas tadi dan sebelum kode dibawah ini:

</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 teliti kembali langkah diatas

Selamat bermanfaat!

Untuk melihat hasil pekerjaan diatas, jangan lupa perhatikan setting globalnya, pada Tampilkan Mode Compose untuk semua blog Anda? harus diisi dengan "Ya". Setting Global ini berlaku untuk semua blog Anda.