Trik atau Cara membuat Readmore otomatis di Blog

Template dengan Readmore otomatis sih banyak, tapi tetap aja kalau ga tau cara buatnya buat apa ya kan:D
nah  kali ini admin share bagaimana Cara membuat Readmore otomatis di blog,  bisa dengan tulisan atau kalau mau bisa juga dengan Gambar biar  kelihatan lebih keren.

 

1. Pada menu Dasbor, pilih Template ~ Edit HTML

Gambar 1. Template ~ Edit HTML

2. Copy Source Code di bawah ini :

<script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 320; summary_img = 340; img_thumb_height = 100; img_thumb_width = 100; </script><br /> <script src='https://sites.google.com/site/bukarahasiahost/azmeereadmore/azmee-readmore.js' type='text/javascript'/>

3. Cari tulisan /head seperti pada gambar (Gunakan Ctrl+F agar lebih mudah mencari)

Gambar 2. Cari Tulisan

4. Kemudian Copy Source Code dibawah ini :

<!-- Read More Otomatis Kondisi--> <b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <div expr:id='"summary" + data:post.id'> <data:post.body/></div> <script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script><br /> <a class='more' expr:href='data:post.url'>Read More</a><br /> </b:if><br /> </b:if><br /> <!-- Read More Otomatis End -->

5. Cari tulisan data:post.body/ seperti pada gambar (Gunakan Ctrl+F agar lebih mudah mencari). Perhatikan Koding Sekitarnya ! karna terdapat beberapa data:post.body/ disana. setekah yakin Timpa tulisan tersebut dengan koding yang sudah di copy tadi.

Gambar 3. Cari Tulisan ~ Perhatikan Codenya !

6.  Terakhir Simpan Template, dan lihat tampilan blog agan sudah dengan Readmore disetiap Postingan nya.

Catatan :
- untuk membuat Readmore dengan gambar cukup dengan menghapus tulisan Read More pada koding poin nomor 4 (lihat gambar berikut) :

lalu sisipkan koding dibawah ini :

 

Semoga Bermanfaat.

Author : Unknown

Share this

Related Posts