2 Cara Membuat Read More Otomatis Di Blog

Yang dimaksud 2 cara adalah Read More hanya berupa text atau Read More menggunakan gambar seperti yang ada di blog ini. Kalau sudah tahu apa itu Read More, berikut langkah  Read More menggunakan gambar.

• Login ke blogger
• Klik Rancangan > edit HTML
• Centang/cawang/contreng Expand Template Widget
• Klik Download Template Lengkap, untuk jaga - jaga jika terjadi kesalahan atau tidak sesuai keinginan.
• Kalau sudah, cari kode </head>. Jika ingin cepat mencari, gunakan tombol Ctrl + F di keyboard, atau tekan F3 saja. Lalu masukkan kode yang ingin dicari di dalam kolom kosong yang muncul.
• Copy kode berikut dan paste tepat di bawah kode </head>.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

Kemudian cari kode <data:post.body/> atau <p><data:post.body/></p>

Nah, untuk Read More menggunakan gambar, hapus kode tersebut, gantilah dengan kode 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'><img alt='Read More..' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4U4XmwLugyWq-c_nh_HCAFhgqHjLx5D2Z-SamXwk4x6MMMbmJm3uanvdGD2HsRBRWG0vsxFSCbNWiMkjDEnqhDGcMOyUAe0DA3WRuCaO6IwMiETxcnxUti34zJryTz8yo-eClJGsPzPc/s1600/ReadMore2-1.png'/></a></span>

</b:if> 

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'></b:if>

Kode berwarna merah di atas, silahkan diganti dengan URL gambar yang anda inginkan. Atau biar ngga pusing mencari, silahkan lihat di blog saya urlfoto.blogspot.com. Kalu sudah di paste, klik pratinjau terlebih dahulu, kalau Read More berhasil, silahkan klik simpan. Kalau Read More gagal, klik bersihkan edit, ulangi langkah di atas, siapa tahu ada yang terlewat.

Untuk Read More hanya berupa text, berikut langkahnya. Langkah di bawah saya singkat, tapi prosesnya hampir sama dengan yang di atas.

Hapus kode <data:post.body/> atau <p><data:post.body/></p> dan gantilah dengan kode berikut:

<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'>[ Read More.. ]</a></span>

</b:if> 

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'></b:if>

Tulisan berwarna merah silahkan diganti dengan tulisan lain yang diinginkan. Jangan lupa klik pratinjau terlebih dahulu.

Semoga berhasil

Sumber:pelajaran-blog.blogspot.com