Cara Membuat Read more otomatis pada Blog

Kindly Bookmark and Share it:

Cyber Share - Pada kesempatan ini Cyber Share Akan memberikan langkah-langkah cara membuat Read more otomatis pada Blog,Oke kita langsung saja ke tutorialnya :


1.) Masuk ke akun blogger sobat
2.) Masuk ke Template > Edit Html > Lanjutkan

3.) Centang tanda Expand Widget Template
4.) Tekan Ctrl + F untuk mempermudah pencarian, lalu cari kode </head>
5.) 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'/>

6.) Jika langkah 5 sudah selesai, cari lagi kode <data:post.body/> 

7.) Jika menemukan 2, pilih yang pertama

8.) 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/AVvXsEgJrD7jx-4Hf_uXPIQIpDwFraqfbHE4VxaUn1uHyqopXT3mpq-TJvjR4vS37kJu5h6Fgpy2tBbFitbzhGu8IGGW6ov5N-d2HKU1bs-TLJUKqEDtWHhLTQrr0kMcgSVn_2yvvTp1F9q_UWY/s1600/ReadMore.jpg"/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

9.) Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJrD7jx-4Hf_uXPIQIpDwFraqfbHE4VxaUn1uHyqopXT3mpq-TJvjR4vS37kJu5h6Fgpy2tBbFitbzhGu8IGGW6ov5N-d2HKU1bs-TLJUKqEDtWHhLTQrr0kMcgSVn_2yvvTp1F9q_UWY/s1600/ReadMore.jpg dengan url gambar read more sesuai selera sobat

10.) Simpan Template dan lihat hasilnya

Semoga Bermanfaat.......