Thursday, August 15, 2013

Menambah Readmore Blogger




Hai masih bersama saya lagi,hari ini saya akan membahas tentang read more di blogger.read more biasa di pasang  untuk article kita yang fungsinya untuk memperpendek tampilan yang sebenarnya,jadi terlihat lebih rapi dan tidak semrawut.langsung saja kita praktekan,ikuti langkah-langkah cara memasang read more otomatis pada blog di bawah ini:
1. Silahkan login ke akun Blogger,
2. Setelah berada di halaman Dashboard, beralih ke Template,
3. Klik tombol Edit HTML,
4. Sembarang klik di kotak editor, tekan Ctrl + F cari kode </head>,
5. Copykan kode berikut di atasnya,

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 440; summary_img = 350; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://zona-google.blogspot.com/' type='text/javascript'/>
     berikut keterangannya:
    - summary_noimg = 440: tinggi potongan artikel tanpa gambar. 
    - summary_img = 350: tinggi potongan artikel dengan gambar.
    - img_thumb_height = 100: ukuran tinggi thumbnail.
    - img_thumb_width = 120: ukuran lebar thumbnail.

6. Langkah selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> dengan kode script
    di bawah ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'> <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><span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>&#187;&#187;&#160;&#160;Read more...</a></span> </b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
    Untuk mengubah kata ‘read more’, silahkan ganti tulisan yang berwarna merah.
perlu di ingat ubah semua script <data:post.body/> dengan memgubah atau menganti script di atas apa bila sudah menemukan script langsung kita ubah script di atas.di pencarian tekan next untuk menemukan script yang sama di baris yang berbeda.kalo ada 3 postingan yang kita buat maka kita akan menemukan 3script <data:post.body/> dan itu harus di ganti semua kalo tidak maka kita tidak bisa melihat hasil nya


7. Selesai, klik Simpan Template. Jika langkah-langkah di atas sudah benar,kejutan akan membuat kita tersennyum hasilnya seperi contoh di bawah atau seperti di blog ini:


Demikian tutorial cara membuat read more pada blog kita
semoga membantu

No comments:

Post a Comment