Menyajikan Tips Blogging SEO, Tips Kesehatan, Tips Komputer, Seputar Islam, Teknologi, Lowongan Kerja, Bisnis dan Berita Online.

Cara Memasang Read More Otomatis di Blogspot

Ditulis oleh: -

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

9komentar :

  1. Dengan Readmore otomatis kita jadi gak repot lagi masukan kode seperti cara manual ya..

    ReplyDelete
    Replies
    1. iya gan saung kurang lebihnya seprti itu, thanks atas kunjungannya,:)

      Delete
  2. Info yang menarik sob..saya dah menerapkannya

    ReplyDelete
    Replies
    1. seeep gan, semoga tampil lebih dengan fitur read more yang baru.

      Delete
  3. Siip mas informasinya. Saya juga sudah memakainya. saya tunggu update informasi terbarunya.

    ReplyDelete
    Replies
    1. terima kasih mas, ok insyaAllah saya update jika sudah ada waktu luang.

      Delete
  4. tips yang bagus sob, auto readmore dapat pula untuk mempercantik tampilan blog. oh ya ... sukses follow no.45. Salam blogger

    ReplyDelete
  5. ga bsa copy,,,gmana mau mskin kodenya gan

    ReplyDelete
    Replies
    1. gak bisa copy gimana gan..coba tekan Control+C kan bisa. :)

      Delete

Para sobat Blogger Mari Saling Vote dan Comment Dengan Baik, Agar Mempererat Tali Silaturahmi dan Meningkatkan Seo Blog Kita Dengan Blogwalking, Saling Follow Serta Komentar Balik dan Tunggu
Kunjungan Balik Saya Di Blog Anda.

Jika Anda Ingin Meninggalkan Link, Pilih opsi Open ID Jangan memasukan link hidup karena akan saya hapus. karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.
Terima kasih atas kerjasamanya ^_^