Menampilkan Auto Read More Tanpa Javascript

Menampilkan Auto Read More Tanpa Javascript dengan mudah di blogspot. Membuat auto read more atau membuat read more otomatis tanpa javascript ternyata sangat mudah, lumayan bisa mengurangi berat loading yang diakibatkan banyaknya penggunaan javascript.

Jika postingan lalu mengenai Cara Membuat Tombol Google+1 Valid HTML5 di W3C, maka kali ini adalah cara menampilkan auto read more tanpa javascript di blogspot:

• Pertama cari kode dalam templat blogspot Anda yang kurang lebih mirip-mirip seperti ini:

Kode A:

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

• Yang tanda titik-titik berwarna merah itu biasanya sudah terisi dengan kode auto read more seperti kode dibawah ini: 

Kode B:

<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; + data:post.id'><data:post.body/></div> <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); </script> <a class='more' expr:href='data:post.url'>Read More >></a> </b:if> </b:if>

• atau jika belum terpasang read more otomatis (Auto Read More) maka kodenya seperti ini

Kode C:

><data:post.body/><

• Nah, kalau sudah ketemusilakan ganti seluruh kode A dengan kode berikut ini:

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><b:else/><b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.snippet'><data:post.snippet/><b:else/><data:post.body/></b:if><b:else/><data:post.body/></b:if></b:if></b:if><div style='clear: both;'/> <!-- clear for photos floats --></div>

• Langkah terakhir silakan di save templatenya dan lihat hasilnya. (Note: auto read more yang saya jelaskan diatas adalah rea more yang tidak menampilkan thumbnail).

Demikian artikel mengenai  Menampilkan Auto Read More Tanpa Javascript, semoga bermanfaat.

Incoming Search Terms: Menampilkan Auto Read More Tanpa Javascript, Membuat Auto Read More Tanpa Javascript, Cara Membuat Read More Otomatis Tanpa Javascript