Tips Memasang Read More Otomatis Pada Blog

Posted by Pai Nainggolan On 22.34 No comments



Dengan Memasang Read More Otomatis ini maka sahabat tidak perlu lagi membuat Read More secara manual pada setiap penulisan artikel. namanya juga otomatis, jadiRead More disini akan secara otomatis memenggal artikel sahabat mulai dari gambar dan tulisan yang akan ditampilan. Baiklah sekarang bagaimana caranya memasang Read More (Baca selanjutnya) pada blog. silahkan sahabat ikuti langkah dibawah ini :

1. Login ke Blogger

2. Pilih Rancangan

3. Selanjutnya pilih Edit HTML

4. Download terlebih dahulu template sahabat untuk mengembalikan template asli apabila terjadi eror. 

4. Centang Expand Widget Template

5. Cari kode </head> (gunakan Ctrl+F untuk memudahkan pencarian)

6. Letakan kode dibawah ini tepat diatas kode </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 235;
summary_img = 140;
img_thumb_height = 150;
img_thumb_width = 150;

</script>
<script src='http://sundaboy.googlecode.com/files/sundaboy_readmore.js' type='text/javascript'/>

Keterangan :
-summary_noimg = 235; Jumlah hurup yang akan ditampilkan ketika tidak ada gambat pada postingan
-summary_img = 140; Jumlah hurup yang akan ditampilkan apabila terdapat gambar pada postingan
-img_thumb_height = 150; Tinggi Gambar thumbnail 
-img_thumb_width = 150; Lebar Gambar thubnail

7. Selanjutnya cari lagi kode <data:post.body/> hapus kode tersebut dan ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType == &quot;item&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>
<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>

8. Ganti tulisan Read More sesuai dengan keinginan sahabat contohnya Baca Selengkapnya dll

9. Kalau sudah silahkan simpan template dan lihatlah hasilnya, sekarang postingan sahabat sudah ada Read More otomatis nya.

Nah itulah Cara Memasang Read More Otomatis Pada Blog.

Sekian dan Terima Kasih Sudah Mau berkunjung Ke Blog saya 
Semoga Bermanfaat Untuk Anda.

0 komentar:

Poskan Komentar

Site search

    Link Aktif

    Page Rank
    IP

    Pengikut