22.8.11

Cara Membuat Read More Otomatis Pada Artikel Postingan Blogger

Tags

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.

2 komentar

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.

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


EmoticonEmoticon