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>
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 != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><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
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 != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><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
Dengan Readmore otomatis kita jadi gak repot lagi masukan kode seperti cara manual ya..
ReplyDeleteiya gan saung kurang lebihnya seprti itu, thanks atas kunjungannya,:)
DeleteInfo yang menarik sob..saya dah menerapkannya
ReplyDeleteseeep gan, semoga tampil lebih dengan fitur read more yang baru.
DeleteSiip mas informasinya. Saya juga sudah memakainya. saya tunggu update informasi terbarunya.
ReplyDeleteterima kasih mas, ok insyaAllah saya update jika sudah ada waktu luang.
Deletetips yang bagus sob, auto readmore dapat pula untuk mempercantik tampilan blog. oh ya ... sukses follow no.45. Salam blogger
ReplyDeletega bsa copy,,,gmana mau mskin kodenya gan
ReplyDeletegak bisa copy gimana gan..coba tekan Control+C kan bisa. :)
Delete