07 August 2009

Cara Membuat "Read More" pada Postingan

standarnya blogger, artikel yang dipajang di halaman depan akan ditampilkan secara penuh. Jika pada halaman depan ditampilkan 6 artikel, maka halaman depan akan menjadi panjang. Hal ini akan mengurangi kenyamanan si pembaca. Ada langkah mudah untuk memecah isi artikel menjadi 2 bagian. Bagian pertama, bagian kecil dari artikel yang ditampilkan di halaman depan. Bagian kedua adalah bagian lainnya yang akan ditampilkan bila artikel dibuka/diklik kata "Read More".

Contohnya:

Membuat blok makin terkenal
Anda punya blog? Dan ingin blog anda mengalami sukses besar? Pastilah anda semua akan menganggukkan kepala tanda setuju dan menjawab,” Ya!!!” Nah, kemudian pasti pertanyaan yang diajukan berikutnya bagaimana melakukannya?
Kalau benar seperti itu yang anda tanyakan, silakan lanjutkan membaca...Read More


Cara membuatnya tidaklah susah. Saya mendapatkan beberapa refernsi untuk membuat link ini. Referensi dari blog ilmungenet menurut saya lebih mudah digunakan. Secara garis besar, pembuatannya dilakukan dalam 3 tahap, yaitu pada bagian layout, setting, dan pada bagian post.
Langkah-langkah pada bagian layout adalah:

1. Anda harus login terlebih dahulu.
2. Pada halaman dashboard, klik link layout.
3. Selanjutnya klik link Edit HTML.
4. Cari checkbox 'Expand Widget Template', centanglah (cek).
5. Pada kolom HTML itu, carilah kode ini:
<p><data:post.body/></p>
6. Hapuslah kode itu, lalu ganti menjadi:

<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/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>


7. Tulisan 'Read More' dapat diganti menjadi 'Baca Selengkapnya' atau dengan tulisan lainnya.
8. Pengeditan HTML telah selesai, diakhiri dengan menyimpannya, klik tombol save.

Langkah selanjutnya adalah membuat template/pola untuk setiap artikel yang akan kita post, yaitu:
1. Masuklah pada bagian/menu Setting - Formatting.
2. Cari kotak 'Post Template'. Isi kotak itu dengan kode:

<span class="fullpost">
</span>


3.Simpan/save.

Langkah terakhir adalah membuat artikel postingannya, yaitu:
1. Masuklah ke bagian New Posting.
2. Antara 2 tab, 'Compose' dan 'Edit HTML', pilihlah Edit HTML.Akan terlihat kode template yang telah kita simpan sebelumnya.
3. Pecahlah artikel menjadi 2 bagian. Bagian pertama, yang akan terlihat di bagian depan, letakkan di atas kode <span class="fullpost">. Bagian kedua diletakkan setelah kode itu dan sebelum kode </p>.

Contoh kodenya menjadi:

Membuat blok makin terkenal
Anda punya blog? Dan ingin blog anda mengalami sukses besar? Pastilah anda semua akan menganggukkan kepala tanda setuju dan menjawab,” Ya!!!” Nah, kemudian pasti pertanyaan yang diajukan berikutnya bagaimana melakukannya?
Kalau benar seperti itu yang anda tanyakan, silakan lanjutkan membaca....<span class="fullpost">
Seperti yang saya katakan tadi, saya akan beritahu cara membuat blog anda cepat terkenal dan meraup sukses besar. Saya tulis secara singkat agar anda mudah dan cepat memahaminya. Serta segera bisa meng-ACTION-kannya. Ini dia kiat-kiatnya…
a.Buat link ke blog lainnya. Terutama ke blog yang trafficnya tinggi dan topiknya sama dengan blog anda.
b.Berlombalah jadi yang pertama berkomentar. Lakukan ini terutama di blog yang pengunjungnya banyak. Karena komentar anda pasti akan terbaca oleh pengunjung lainnya. Kalau komentar anda menarik, mereka pasti langsung menuju ke blog anda.</p>

4. Publish, jadi deh.... silahkan mencobanya..!

0 Coment:

Post a Comment