Expandable Post Summary ("Read More" gitu lho...)

Expandable Post Summary adalah ringkasan posting yang dapat diperluas pada saat di-klik link expand-nya (misalnya : read more, baca selanjutnya, dll).
Biasanya para New Blogger lebih sering membuat posting yang panjang sehingga visitor yang membaca harus merelakan diri untuk rajin-rajin meng-klik scroll bar yang berada di sisi kanan window. Ini dapat berakibat jenuhnya visitor blog anda. Walhasil, bisa-bisa blog anda ditinggalkan pelanggan …..

Ilustrasi Expandable Post Summary adalah seperti ini :

Setelah mengembara sekian lama di dunia cyber untuk berguru ke para pendekar blogger yang sakti mandraguna yang memiliki ilmu kedigdayaan tingkat tinggi, maka sudah waktunya mas Don untuk memanfaatkan hasil pengembaraan dunia cyber bagi siapapun yang memerlukannya.

Read More ....

Jika Read More di-klik maka akan ditampilkan :

Setelah mengembara sekian lama di dunia cyber untuk berguru ke para pendekar blogger yang sakti mandraguna yang memiliki ilmu kedigdayaan tingkat tinggi, maka sudah waktunya mas Don untuk memanfaatkan hasil pengembaraan dunia cyber bagi siapapun yang memerlukannya.

Apapun yang mas Don sampaikan di sini hanyalah sekedar menyambung apa yang menjadi perkataan dan pengalaman para pendekar Blogger yang sakti mandraguna. Oleh karenanya ilmu yang mas Don sampaikan di sini hanyalah untuk para New Blogger yang benar-benar ingin terjun ke dunia blogger untuk pertama kalinya.
Selamat berjuang .........

Singkat cerita, lihat aja dah punya mas Don. Beres toh.....

Begini nih caranya :

1. Setelah masuk ke Dashboard blogger, pilih menu Tata Letak (Lay-out).
2. Kemudian pilih menu Edit HTML.
3. Beri tanda centang pada checkbox : Expand Template Widget.Tidak ada salahnya jika anda membiasakan untuk melakukan back-up template terlebih dahulu agar bila ada kesalahan proses anda bisa meng-upload lagi template yang sudah di-download. Lakukan back-up template dengan meng-klik Download Full Template. Kemudian beri nama file xml hasil download sesuai dengan tata pengarsipan anda. Atau dengan cara “select all” and “copy” isi kode script kemudian paste ke notepad.


4. Kemudian, cari kode berikut di kode html-nya :
   
   
   <p><data:post.body/></p>
   
   Lebih praktis lagi bila anda menggunakan fasilitas “Find” pada menu bar window anda. Cepet dah…..


5. Ganti kode di atas dengan :
   
   
   <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>
   
   
   Tulisan ’Read More’ bisa anda ganti sendiri sesuka anda. Misalnya : ’Selanjutnya’, ’Selengkapnya’, dll.
6. Simpan hasilnya.
7. Kemudian pilih menu Pengaturan (setting) untuk sub-menu Format.
8. Pada kotak ’Post Template’ isilah dengan kode berikut :
   
   
   Post Summary
   <span class="fullpost">
   Full Post
   </span>
   
   
9. Kemudian simpan.
10. Setiap anda akan melakukan posting, maka akan terlihat window editor dengan menu tab ”Edit Html” dan ”Compose (Tulis)”. Pada menu tab Compose yang dipilih maka akan terlihat di window editor tulisan seperti ini :
    
    
    Post Summary
    
    Isi lengkap
    
    Anda tinggal mengganti Post summary dengan penggalan posting anda. Kemudian Full Post anda ganti dengan sisa posting anda. Bila anda pilih menu tab ”Edit Html” maka akan terlihat penggalan posting berada sebelum kode <span class="fullpost">. Sedangkan sisa posting lengkap berada di antara kode <pan class="fullpost"> dan kode </span>


11. Selanjutnya .... silahkan anda memuaskan diri dengan berbagai posting anda.

Wah kopinya sudah mulai dingin ....ngopi dulu yach ...
Insya Allah nanti akan kita lanjutkan ke materi selanjutnya