Cara Membuat Read More
Cara Membuat Read More
Di Posting Oleh : Admin
Kategori : Template Blog Tutorial, Teknologi dan Kesehatan: Mangaip Blog
Ini adalah salah satu contoh dalam pembahasan mempelajari bahasa XML template Blogger. Walaupun sekarang Blogger telah menyediakan fasilitas readmore, tetapi tidak ada salahnya apabila anda ingin mencoba atau mempelajari bagaimana cara memasang readmore versi lama ini. Begini caranya.
1. Login dulu ke Blogger, lalu klik menu Tata Letak > Edit HTML.
2. Backup dulu yah templatenya...
3. Centang checkbox Expand Template Widget.
4. Cari kode:
7. Beralih ke tab Posting, klik menu Edit Entri, lalu edit setiap entri anda. Editlah dengan format:
9. Lihat homepage blog anda. Akan tampil sebagian artikel, lalu bagian lainnya akan terbuka setelah anda mengeklik link dibawah artikel pada homepage. Mau tahu kenapa?
Penjelasan:
Lihat lagi perintahnya.
Terima kasih, dan semoga bermanfaat.
Di Posting Oleh : Admin
Kategori : Template Blog Tutorial, Teknologi dan Kesehatan: Mangaip Blog
Ini adalah salah satu contoh dalam pembahasan mempelajari bahasa XML template Blogger. Walaupun sekarang Blogger telah menyediakan fasilitas readmore, tetapi tidak ada salahnya apabila anda ingin mencoba atau mempelajari bagaimana cara memasang readmore versi lama ini. Begini caranya.
1. Login dulu ke Blogger, lalu klik menu Tata Letak > Edit HTML.
2. Backup dulu yah templatenya...
3. Centang checkbox Expand Template Widget.
4. Cari kode:
<p><data:post.body/></p>5. Lalu hapus dan ganti dengan:
<b:if cond='data:blog.pageType == "item"'>6. Simpan template anda.
<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'>KLIK DISINI UNTUK BACA SELENGKAPNYA</a></p>
</b:if>
7. Beralih ke tab Posting, klik menu Edit Entri, lalu edit setiap entri anda. Editlah dengan format:
(bagian artikel yang akan ditampilkan)8. Terbitkan entri anda.
<span class="fullpost">
(bagian artikel yang akan disembunyikan)
</span>
9. Lihat homepage blog anda. Akan tampil sebagian artikel, lalu bagian lainnya akan terbuka setelah anda mengeklik link dibawah artikel pada homepage. Mau tahu kenapa?
Penjelasan:
Lihat lagi perintahnya.
<b:if cond='data:blog.pageType == "item"'>Artinya: Pada halaman postingan, bagian yang termasuk dalam kelas (class) fullpost, akan ditampilkan. Sedangkan pada halaman selain halaman postingan, bagian yang termasuk dalam kelas (class) fullpost akan disembunyikan (tidak ditampilkan). Lalu dibawah postingan akan tampil link yang menuju ke postingan anda. Mengerti?
<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'>KLIK DISINI UNTUK BACA SELENGKAPNYA</a></p>
</b:if>
Terima kasih, dan semoga bermanfaat.
Komentar
Posting Komentar