Mengatur Jumlah Karakter Pada Auto ReadMore

Setelah kemarin membuat artikel Cara Menghapus Read More Yang Dobel, kali ini saya akan menulis bagaimana cara mengatur banyaknya kata/karakter yang akan ditampilkan pada setiap artikel pada template yang menggunakan Auto ReadMore.
Postingan ini sekaligus menjawab pertanyaan sobat blogger Asalasah

Langsung saja saya bahas,

Pertama, seperti biasa silahkan login ke akun blogger anda. Setelah itu masuk ke Rancangan lalu Edit HTML.
Silahkan backup terlebih dahulu template anda, Setelah itu beri centang pada Expand Template Widget. Kemudian cari script yang mirip seperti ini :

<script type='text/javascript'>

var thumbnail_mode = &quot;float&quot;;
summary_noimg = 250;
summary_img = 220;
img_thumb_height = 120;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>

</script>

biasanya terletak di atas Kode </head> dan dibawah Kode ]]></b:skin>.
Script ini merupakan JS(javascript). Perhatikan kode yang saya tandai warna merah. Disitu silahkan anda ganti angka 250 dan 220. Yang merupakan angka yang menentukan berapa banyak kata/karakter yang akan tampil.
KET :
summary_noimg = 250; yaitu jumlah karakter/kata yang ditampilkan tanpa gambar..

summary_img = 220; yaitu jumlah karakter/kata yang ditampilkan beserta gambar..

Cara Menghapus ReadMore Yang Dobel

Pada saat ini hampir semua template yang dibuat oleh para perancang template (template pihak ketiga), dibekali dengan fiktur Auto Readmore atau yang bukan Auto Readmore, tetapi yang sudah di modifikasi.
Fiktur ini memang membantu, di saat kita lupa memasang jump break(tools untuk memasang  readmore bawaan blogger). Atau untuk mempermudah kita.

Ketika kita menggunakan template yang tidak disemat fiktur auto readmore maka kita harus mengunakan tools jump break untuk memotong artikel(menambahkan readmore)
saat sedang menulis artikel.
Lantas bagaimana jika kita hendak mengganti template lama kita dengan template yang baru yang kita temukan yang sangat atau lebih kita sukai dari template sebelumnya. Dan template baru itu menggunakan fiktur Auto Readmore...

Ketika anda upload template itu, coba anda lihat artikel pada blog anda?

Tentu ini akan membuat fiktur Readmore pada setiap artikel menjadi dobel.

Walaupun kedua fiktur Readmore tersebut dapat di gunakan. Tetapi menurut saya tidak enak dilihat.. Karena fiktur Readmore cukup satu saja di setiap artikel. Jika anda ingin menghapus atau menghilangkan salah-satunya, Apakahkah anda akan kembali mengedit satu persatu artikel anda dan menghapus satu persatu jump break yang pernah anda pasang, sehingga yang tersisah hanya Auto Readmore bawaan template itu??
Bagaimana jika artikel yang ada tulis sudah lumayan banyak.. Puluhan artikel bahkan ratusan...

Jika anda tidak ingin repot, dengan mengedit kembali artikel anda, atau ingin menggunakan Auto Readmore tetapi menghapus fiktur Readmore bawaan blogger tanpa mengedit satu persatu artikel anda. Anda dapat menggunakan cara berikut...

1. Login ke akun blogger anda.
2. Masuk pada Rancangan kemudian pilih Edit HTML.
"Sebaiknya backup dulu template anda sebelum melanjutkan, untuk menghindari kesalahan..."
3. Beri centang pada Expand Template Widget.
4. Cari kode ini atau yang mirip seperti ini :

    <div class='post-header-line-1'/>
</div>

    <div class='post-body entry-content'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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;'><a expr:href='data:post.url'>Readmore...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
</b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

    <div class='post-footer'>

Perhatikan kode yang berwarna merah dan biru.
Silahkan anda sesuaikan dengan template milik anda. Jika anda ingin menggunakan fiktur Readmore bawaan blogger silahkan hapus kode yang berwarna merah.
Dan jika ingin menghapus fiktur Readmore bawaan blogger, dan hanya menggunakan Auto Readmore silahkan hapus kode yang berwarna biru..
Jika sudah anda hapus salah satunya, silahkan save template anda.
Coba lihat kembali artikel-artikel anda, hanya tersisah satu Readmore yang anda pilih...
Semoga berhasil..!