http://artikel32.blogspot.com
Mungkin sudah banyak blog-blog lain yang membahas masalah ini. Tapi tidak ada salahnya jika saya coba untuk membahasnya di sini. Tulisan "Read more..." atau "Baca selengkapnya..." biasanya ditambahkan pada suatu postingan untuk memotong bagian tertentu di postingan itu. Penambahan ini biasanya dimaksudkan untuk mempersingkat postingan pada halaman muka suatu Blog.
Jika kita mengklik "Read more..." atau "Baca selengkapnya.." yang biasanya terdapat pada bagian akhir posting, maka kita akan dapat melihat isi dari keseluruhan postingan dari blog tersebut pada satu halaman. Berikut ini adalah langkah-langkah untuk membuat "Read more..." atau b"Baca selengkapnya..." pada Blogger versi baru:
* Login di Blogger dengan mengunakan username dan password milik anda
* Pilih Menu Layout pada Dashboard blog anda
* Pilih Edit HTML
* Beri centang pada Expand Widget Templates untuk menampilkan seluruh isi HTML
* Untuk keamanan blog anda, ada baiknya back up terlebih dahulu template anda dengan mengklik "Download Full Template"
* Cari kode berikut pada template anda:
<div class='post-body'>
* Untuk mempercepat pencarian klik menu Edit--> Find In This Page.. kemudian ketikkan kode diatas
* Tambahkan kode berikut tepat dibawah kode yang dicari tadi:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p>
<style>.fullpost{display:none;}</style>
* Kemudian cari lagi kode dibawah ini:
<p><data:post.body/></p>
* Tambahkan Kode berikut tepat dibawah kode tadi
<a expr:href='data:post.url'>Read More......</a>
</b:if>
* Tulisan Read More...... dapat diganti dengan Baca selengkapnya...... atau kata lainnya sesuai keinginan anda.
* Akhiri dengan mengklik Save Template untuk menyimpan perubahan yang telah dilakukan
Cara Memposting
Jika langkah di atas sudah selesai dilakukan, maka selanjutnya kita tinggal memposting sesuatu yang kita inginkan. Namun sebelum memposting ada beberapa langkah yang mesi tilakukan agar postingan kita dapat terpotong di tempat yang kita inginkan. Perhatikan Langkah-langkah berikut ini.
* Masuk ke bagian setting kemudian klik formatting
* Pada bagian Post Template ketikkan kode dibawah ini:
<div class="fullpost">
</div>
* Klik Save Setting
* Langkah berikutnya adalah tinggal memposting apa yang kita inginkan.
* Masuk ke menu posting
* Kemudian pada bagian html-nya akan terlihat kode yang telah kita ketikkan pada Post Tempalte tadi
* Ketikkan Post yang ingin ditampilkan pada halaman depan diatas kode
<div class="fullpost">
* Dan ketikkan sisa nya setelah kode tersebut, sehingga postingan kita akan menjadi seperti berikut
Ketikkan postingan awal disini
<div class="fullpost">
Ketikkan sisa postingan disini
</div>
* Langkah terakhir adalah klik Publish Post
* Kemudian buka blog anda, dan lihat hasilnya
Tidak ada komentar:
Posting Komentar