Cara membuat read more bergambar otomatis di blog

Hai sobat blogger ! lama nih gak update postingan, habis try out sih, jadi super sibuk bulan ini, tapi saya sempatkan update artikel dulu deh, okelah kenapa jadi curhat ya? oke, kali ini rizaldi priantama akan membahas tentang cara membuat read more otomatis di blog, mungkin cara ini sudah diterapkan pada template-template sobat , namun jika template dasarnya adalah dari blogger sendiri, mungkin sobat hanya bisa menambahkan secara manual, jika ingin menambahkannya secara otomatis, yuk kita bahas bersama disini :

1.) Baca Basmallah
2.) Masuk ke akun blogger sobat
3.) Masuk ke Template > Edit Html > Lanjutkan
4.) Backup dulu template sobat, klik download template lengkap
5.) Centang tanda Expand Widget Template
6.) Tekan Ctrl + F, lalu cari kode </head>
7.) Setelah ketemu, masukkan kode dibawah ini tepat dibawah kode </head>

Kode

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ;summary_noimg = 450; summary_img = 360; img_thumb_height = 110; img_thumb_width = 130; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

8.) Jika sudah selesai dengan langkah 7, cari lagi kode <data:post.body/> 

9.) Jika menemukan 2, pilih yang pertama

10.) Lalu ganti kode <data:post.body/>  dengan kode dibawah ini 

Kode

<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="Baca Selengkapnya" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH_oBX_CUgl9ZVDYJjEjFadChX1Pc3V-w7GBMQxaVGVardLz8l6LcyGj7vunAHlMDqPYn9ln-cKKHwp0-d0QECJm8ZBWdsBMdgks4PqczyZbRwY2Gcfb4bTM2r3LB73KuNQh8uZYLJ1tk/s1600/ReadMore.jpg"/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

11.) Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH_oBX_CUgl9ZVDYJjEjFadChX1Pc3V-w7GBMQxaVGVardLz8l6LcyGj7vunAHlMDqPYn9ln-cKKHwp0-d0QECJm8ZBWdsBMdgks4PqczyZbRwY2Gcfb4bTM2r3LB73KuNQh8uZYLJ1tk/s1600/ReadMore.jpg dengan url gambar read more sesuai selera sobat

12.) Simpan Template dan lihat hasilnya

Share on: Facebook Twitter Google+ Linkedin Technorati Digg LintasMe

Related Articles :

• Cara Mudah Membuat Template SendiriHalo All, Gue mau bagi - bagi info nih, buat lho yang pengen buat Template Sendiri...Hehehok" langsung saja lihat di bawah ini :- Hal ...
• Tutorial Membuat Link-Exchange Otomatis / Tukar Link Otomatisberikut langkah-langkahnya:Mendaftar di Blenza Mister Linky'sKunjungi Blenza Mister linky'sKlik Register untuk membuat ...
• Cara membuat widget my tweets conversation di blogHai Sobat Blogger ! Setelah sebelumnya sempat mengupdate postingan tentang Cara membuat Breaking News Berjalan di Blog kali ...
• Cara cepat Meningkatkan PageviewsHalo All, kali ini gue Mau bagi - bagi Tips Cara Cepat Meningkatkan pageviews.yuk langsung saja kita lihat dibawah ini..:)- Update Art ...
• Cara mengecilkan alexa rank secara alami bagaimana cara mengecilkan Alexa rank ?? Berikut sedikit Tips Mengecilkan alexa rank secara alami.1. Buatlah jadwal posting ...