Cara Membuat Read More Pada Blog
Pembuatan readmore... atau selengkapnya... pada posting yang isinya panjang atau bahkan sangat panjang membuat tampilan atikel yang kita buat lebih menarik dan pembaca akan jadi penasaran selain itu secara otomatis akan mempercantik tampilan Blog.Dalam melakukan editting pada kode template, sebaiknya jangan memakai browser Internet Explorer terutama Internet Explorer 6, pakailah browser lain antara lain FireFox ataupun Opera.
Adapun langkah-langkah untuk membuat readmore sederhana adalah sebagai berikut:
1. Masuk kedalam Blogger dengan Identitas anda
- Klik Settings - Formating
- Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi
dengan kode di bawah ini:
<span class="fullpost">
</span>
- Klik Save Settings
2. Masuk ke Dasboard
- Layout - Edit HTML
- Klik Download Full Template
- Simpan terlebih dahulu template tersebut (dimaksudkan jika terjadi kesalahan kita bisa
mengembalikan template dengan cara upload Template yang telah kita simpan tadi)
- Beri tanda centang pada kotak Expand Template Widget (tunggu untuk proses)
- Cari kode berikut pada kode template (untuk mempercapat pencarian tekan Ctrl-F)
<data:post.body/>
atau
<p><data:post.body/></p>
- Hapus kode diatas, lalu ganti dengan kode di bawah ini
<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>
tulisan yang berwarna merah dapat dirubah selanjutnya atau selengkapnya.
-Klik tombol Save Template
3. Cara Posting Artikel
- Klik menu Posting - Edit HTML
- Masukkan posting yang akan kita buat seperti berikut:
tulisan artikel sebelum readmore...
<span class="fullpost">
lanjutan artikel secara utuh
</span>
- untuk melihat hasil dari postingan kita klik Publish Post - View Blog (In New Window)
Semoga bermanfaat!
0 comments:
Post a Comment