Pada postingan ini dan ini telah saya jelaskan tentang bagamana membuat read more pada blogger. Kemudian, sekarang saya akan membagikan cara membuat read more secara otomatis, tanpa harus repot menggunakan script sewaktu posting atau memenggal kata-kata sebagaimana yang disediakan blogger. Berikut cara-caranya:

1. Login > Tata letak > Edit HTML, centang pada pilihan Expand Template Widget (untuk membuka semua code-code tersembunyi). Cari code ini: </head>
2. Letakkan kode berikut pas di atasnya:

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>

(angka-angka di dalam kode dapat diganti sesuai selera)

3. Cari kode: <data:post.body/>
4. Ganti kode tersebuat dengan kode di bawah ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + d
ata:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if>

(Tulisan "Read More" dapat diganti "Baca Selanjutnya.." dst.)


5. Preview (pratinjau) sebelum disave. Jika telah terlihat sukses segera seve.
6. Selesai.

Posting Yang Berkaitan Berdasarkan Kategori :




2 komentar

  1. Er'end  

    September 1, 2011 at 12:02 AM

    Meski saya punya cara ini,namun caramu yng saya pake sob karena caramu ini lolos di validasi W3.Thank infonya kawan,selamat hari raya idul fitri 1432H.Salam kompak dari Papua.

  2. Tutorial Baru  

    September 4, 2011 at 8:21 PM

    Syukur tulisannya bermanfaat, Sobat. Met hari raya idul fitri 1432 H. juga. Salam kompak..