Menampilkan Auto Read More Tanpa Javascript

Posted by Mahesa Putra on Saturday, June 2, 2012
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 , 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

{ 5 comments... read them below if any or add comment }

Rudy Hartono said...

loading blognya cepat banget sob, hebat

yildizname said...

hello nice blog nice blog

ankara hali yikama said...

hello nice blog nice blog

yudhaardiansyah said...

kita juga punya nih artikel mengenai java script, berikut linknya semoga bermanfaat ya :D
http://repository.gunadarma.ac.id/bitstream/123456789/2371/1/02-02-011.pdf

YUEZHA SOFTWARE | Download Software Gratis said...

Mantap sekali Gan, tapi kalau mau menyisipkan kode adsense agar iklan muncul setelah Read More diklik bagaimana, Gan? Tolong bikinin panduannya juga, Gan.
Terimakasih