MEMBUAT READ MORE...

Kalau kita sering publish/posting artikel yang panjang dan ga mao kelihatan terlalu panjang di dalam lembar kerja, ada cara yang sederhana tapi sangat membantu yaitu dengan meletakkan beberapa kode HTML di blog anda yang akan memotong tulisan anda...dan akan tertera tulisan Read More....atau Baca Selengkapanya.....Mau tahu caranya..

Saran saya, ketika anda melakukan Editting pada kode template, sebaiknya jangan memakai browser Internet Explorer terutama Internet Explorer 6, pakailah browser lain semisal 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 (maaf lupa catat alamat link nya)

.

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 tesxt 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 , lihat gambar di bawah :





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):

<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>


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

Mudah-mudahan dengan adanya postingan ini tidak ada lagi yang mengalami kegagalan dalam membuat menu Read more...
Bagi anda yang mengikuti tutorial ini dan mengalami kegagalan, jangan panik ketika blog anda menjadi amburadul (katanya begitu dalam komentar), upload kembali backup templatenya dan nanti akan kembali ke keadaan semula sebelum di edit.
Masih Bingung..Belum Jelas..Mau lebih jelas silakan berkunjung ke blognya kang Rohman. Selamat mencoba !