» » Cara membuat read more bergambar otomatis di blog

Cara membuat read more bergambar otomatis di blog

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

Contact Us

Nama

Email *

Pesan *

Back To Top