Cara Memasang Read More Otomatis di Blogspot

Selamat malam sobat blogger..:) Pada kesempatan kegiatan desain blog kali ini Salamun Respector akan share Cara Memasang Read More Otomatis di Blogspot. Menurut pengalaman pribadi saya pernah mengganti template blog dengan fasilitas read more, setelah saya desain blog dengan banyak fitur Javascript yang saya acak-acak ternyata fitur read more tersebut hilang. Mungkin anda juga pernah mengalami hal tersebut. Di kala mengganti template blog dan masih dalam proses editing tiba-tiba di waktu posting anda tidak melihat kata Read more, wah postnya kelihatan norak dong sob hehehe, mengenai hal itu harap maklum karena tidak semua template yang akan kita gunakan menyediakan fasilitas read more.
Ok langsung saja ke pokok permasalahan nya:
1. Masuk Blogger pilih Template
2. Centang Expand Template Widget agar kode yang kita inginkan mudah ditemukan
3. Cari kode </head> Supaya cepat klik Ctrl+F dan tuliskan </head>
4. Masukkan kode dibawah ini tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src=" http://code.google.com/p/salamunreadmore/downloads/detail?name=salamunreadmore.js" type="text/javascript"/>

5. cari kode <data:post.body/> dan hapus ( biasanya kode <data:post.body/> ada banyak, nah yang saya hapus kode yang pertama <data:post.body/> ) terus 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;READMORE...</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 = 431; adalah tinggi potongan artikel tanpa gambar, bisa diganti sesuai selera
summary_img = 341; adalah tinggi potongan artikel dengan gambar, bisa diganti sesuai selera
img_thumb_height = 101; adalah ukuran tinggi thumbnail, bisa diganti sesuai selera
img_thumb_width = 121; adalah ukuran lebar thumbnail, bisa diganti sesuai selera


Jangan terburu-buru save tapi Pertinjau template lah sob, jika sudah fix dengan keinginan anda lalu Save Template dan lihat hasilnya
Selamat mencoba
  
Baca Juga:
Cara Menghapus JavaScript Blog Yang Terkunci