M-S Blog

M-S Blog

M-S Blog

+

M-S Blog || Cara Membuat Read More OtomatisSebernarnya sudah banyak blogger yang mempostingkan tips ini, saya menulis artikel ini juga supaya saya tidak lupa cara membuat Read More,


Cara Membuat Read More Otomatis


Langsung saja berikut langkah-langkahnya :
1.Masuk ke blog dan pilih template >> Edit HTML.
2.Centang kotak Expand Widgets Template.
3.Cari kode </head>, agar lebih cepat tekan ctrl+f pada keyborad dan tulis </head>.
4.Tempatkan kode di bawah ini di atas kode </head>.
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 290; summary_img = 260; img_thumb_height = 76; img_thumb_width = 86; </script> <script src='http://autoinvitemazwaone.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
5.Cari kode <data:post.body/> dan ganti dengan kode dibawah 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>
Keterangan :
Read More : bisa diganti sesuai selera
summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bisa diganti sesuai selera
summary_img = 340; adalah tinggi potongan artikel dengan gambar, bisa diganti sesuai selera
img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai selera
img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera
6. Save template dan lihat hasilnya
Selamat mencoba ^_^ semoga brehasil
19:01

0 komentar:

Post a Comment

 
Top