Cara membuat read more bergambar otomatis di blog

Hai sobat blogger ! Gimana kabar kalian? Semoga kalian sehat selalu dibawah lindungan Allah S.W.T. Amin.
Oke, kali ini saya akan membahas tentang cara membuat read more otomatis di blog, mungkin cara ini sudah diterapkan pada template-template kawan, namun jika template dasarnya adalah dari blogger sendiri, mungkin kawan hanya bisa menambahkan secara manual, jika ingin menambahkannya secara otomatis, yuk kita lihat keterangan dibawah.

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

<script type='text/javascript'> var thumbnail_mode = "no-float" ;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'/>

7.) Jika sudah selesai dengan langkah 6, cari lagi kode
8.) Jika menemukan 2, pilih yang pertama
9.) Lalu ganti kode dengan kode dibawah ini 
 

<b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'> <data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script> <span class='rmlink' style='float:right;padding-top:20px;'> <a expr:href='data:post.url'><img_proxy_proxy_proxy alt="Baca Selengkapnya" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtaHOCJCXDevavSAW_IbyRYe0O1bx6v0UuXXjptpi2ZktJRwDRq1QIgJFAWFMx2m4fAMtXigxEn47O8d5ZXEIlRzofFelPuQtsZPbjqT0qmnR_ppQG344Sk5jbleXEP4-ZxJ-AUYFp5IY/s1600/ReadMore.jpg"/></a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

10.) Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtaHOCJCXDevavSAW_IbyRYe0O1bx6v0UuXXjptpi2ZktJRwDRq1QIgJFAWFMx2m4fAMtXigxEn47O8d5ZXEIlRzofFelPuQtsZPbjqT0qmnR_ppQG344Sk5jbleXEP4-ZxJ-AUYFp5IY/s1600/ReadMore.jpg dengan url gambar read more sesuai selera kawan
11.) Simpan Template dan lihat hasilnya.

[Semoga Bermanfaat]

 

© copyright by Ananda Donie | Tutorial Blog, Cinema, Pendidikan, Mutiara Bijak, Download