Jika engkau berdukacita, renunglah ke lubuk hati , dan kau akan temui bahawa sesungguhnya engkau sedang tangisi sesuatu yang pernah engkau syukuri- ©Kujie

23 September 2008

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:

  1. 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.

    ReplyDelete
  2. 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.

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


    ridhuan - yup...sy tukar wordpress

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

    ReplyDelete

Komen anda sangat dihargai...

Followers