Info Harga Komputer dan Gadget

Cara membuat auto readmore di blogspot terbaru

advertisement

Hai sobat edikomputer.com kali ini saya akan share Cara membuat auto readmore di blogspot terbaru, mungkin sudah banyak sekali tutorial tentang auto readmore, namun disini akan saya posting khusus buat para sobat edikomputer.

Auto readmore merupakan script untuk membatasi jumlah karakter dalam sebuah posting biasanya bisa kita buat secara manual yaitu menggunakan insert jump break yang ada di menu post blogger seperti gambar di bawah ini :
Namun untuk auto read more ini tidak perlu menggunakan metode diatas, artikel akan secara otomatis memunculkan redmore dengan pembatasan jumlah karakter.

Oke langsung saja kita mulai carnya, silahkan login di blogspot kamu kemudian pilih template > edit HTML > centang expand widget template

Nah sekarang cari kode penutup  </head> untuk mempermudah pencarian gunakan CTRL+F
lalu copy paste kode ini di atas kode </head> :
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 250;
summary_img = 150;
img_thumb_height = 120;
img_thumb_width = 100;
</script>
<script src='http://file.edikomputer.com/js/auto-readmore.js' type='text/javascript'/>

Save template kemudian cari lagi kode <data:post.body/> ganti kode tersebut dengan kode ini :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/><span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>

Jika sudah silahkan save dan lihat hasilnya

Seting :

  • Lihat teks warna biru : itu merupakan angka untuk menampilkan jumlah karakter di posting silahkan ganti sesuai keinginan kamu
  • Lihat teks warna merah adalah ukuran tinggi dan lebar gambar thumbnail  silahkan ganti dan sesuaikan dengan template kamu
Oke demikian artikel tutorial Cara membuat auto readmore di blogspot terbaru mudah mudahan bisa membatu para blogger, dan mudah mudahan artikel diatas bisa menambah wawasan dan ilmu pengetahuan kita,

No comments:

Post a Comment

Blog Ini Dofollow Ya bro tapi jangan nyepam komentar secara bijak dan sesuai dengan postingan