Membuat Read More pada Blogspot

Read More atau disebut Baca selanjutnya/ Selanjutnya/ Selengkapnya merupakan cara untuk mempersingkat sebuah artikel, biasanya terletak di halaman depan. Option ini sangat berguna sekali apabila kita mempunyai artikel yang banyak dan panjang pada sebuah blogspot. Tutorial ini diambil dari sini dan dari sumber-sumber lain yang mudah dipahami dan relevan. Disini saya akan menjelaskan 2 versi read more


versi 1
1. Login ke blogger.com pilih Layout>> edit HTML Kasih tanda cek pada "expand widget tempate"
2. Letakkan Kode berikut diatas kode</head>
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
Untuk pengguna firefox, Tekan CTRL+F masukkan kata pencarian </head>
3. Letakkan kode berikut
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
di bawah kode
<p><data:post.body/></p>
4. Klik Simpan. Selesai.
5. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tersebut dengan kode berikut:
<span class="fullpost">
</span>

Versi 2
Apabila Anda Masih menggunakan Editor lama
Pergi ke Setting>>Basic>>Global Setting>>Select post editor>>ganti dengan Updated editor
Lihat Gambar.
Global-Setting.gif
Sekarang Lakukan posting. pada text editor akan muncul icon Read More
ATJ1.png
Selamat Mencoba....
Demi Penyempurnaan Artikel ini, tolong tinggalkan komentar secukupnya

0 komentar:

Posting Komentar

 
© 2010 - 2012 Mas Dowi | Powered by Blogger | Built on the Blogger Template