Buat 'Read More'

Read More pada blogspot mengalami beberapa version, mula² dari template classis sampai Beta lepas tu Blogger baru..Biasalah semakin dipertingkatkan dan semakin mudah.

Yang terbaru guna cara ni

Template > Edit Html > tick pada Expand Widget Template.

Cari code </head>

Letak code ini dibawahnya

<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.expander.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {

$('.excerpt').expander({
slicePoint: 280, // default is 100
expandText: '[...baca selanjutnya]', // default is 'baca selanjutnya...'
});

});
</script>


* "baca selanjutnya..' boleh ditukar sesedap rasa , contoh : read more
* slicePoint: 280 = nilai 280 boleh ditukar

Guna Ctrl+F cari code dibawah

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Ganti dengan code ini

<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>

Save Template dan cuba dengan membuat satu posting baru.

Sumber Rujukan : Bloggerbuster

Anda boleh rujuk lagi di Forum SK

4 kata anda:

donya kewarasan said...

Setelah dicoba akan menambah kata "undefined" pada expanded posting anda , namun saya memiliki ide untuk mengubah [...] menjadi '' saja pada perintah:

-- expandText: '[...]', // default is 'read more...' --

pada:

(script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js' type='text/javascript'/)
(script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.extractor.js' type='text/javascript'/)
(script type='text/javascript')
$(document).ready(function() {

$('.excerpt').expander({
slicePoint: 480, // default is 100
expandText: '[...]', // default is 'read more...'

menjadi :

--- expandText: '', // default is 'read more...'---

dan menambahkan :

(a expr:href="data:post.url")Continue Reading(/a)

sebagaimana informasi amanda di bloggerbuster.com

Ini berjalan baik di blog saya, thanks

Note: Saya mengubah '<' dan '>' menjadi '(' dan ')' untuk mengirim komentar ini. PAstikan anda menggantinya jika dipakai untuk memperbaiki template anda.

Ridhuan said...

Very nice. Lama dah cari yg ni.
BTW, u change pindah server skali ke? dh tak pkai blogger? might lose a lot of visitors. find ways to link this blog to the new site.

Kujie said...

TQ donya ....saya belum dpt mencubanya...mgkn kena trial lagi...error saja


ridhuan - yup...sy tukar wordpress

Skem89 said...

saya x tahu kenapa biler post panjang, yang lebih x leh read more. yang tgh jer hilang. yang bawah still ader

Post a Comment

Komen anda sangat dihargai...