Mengatur Jumlah Teks Dan Ukuran Gambar Pada Auto Readmore

Tampilan teks,kalimat dan juga gambar artikel di beranda blog anda apabila anda menggunakan auto readmore sebaiknya disesuaikan dengan panjang dan lebar blog anda.karena apabila tidak di atur maka blog tampak tidak rapi jadi sebaiknya di sesuaikan menurut lebar dan tinggimya blog.
Jika artikel sebelumnya membahas cara membuat readmore otomatis pada blog.Sesuai dengan judul artikel berikut,jika anda ingin mengaturnya  ikutilah langkah-langkah berikut di bawah ini :

1. Pertama-tama seperti biasa silahkan login ke akun blogger anda. setelah itu masuk ke Template/Rancangan lalu Edit HTML.
2. Sebaiknya silahkan backup terlebih dahulu template anda, agar apabila ada kesalahan bisa di perbaiki seperti semula.
3. Selanjutnya , anda  cari script yang mirip seperti di bawah ini:

<script type='text/javascript'> 
var thumbnail_mode = &quot;float&quot;; 
summary_noimg = 300; 
summary_img = 230; 
img_thumb_height = 125; 
img_thumb_width = 225; 
</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>

Apabila anda kesulitan mencarinya, Pilih salahsatu kode yang berwarna tersebut .kemudian tekan Ctrl+F di keyboard anda untuk mencari kode script dan pastekan kode yang anda copy tadi. jika masih belum ditemukan juga kode  seperti diatas.Biasanya script tersebut terletak di atas kode </head> dan dibawah kode ]]></b:skin>. Script ini merupakan JS(javascript). 
Jika anda sudah menemukannya silahkan edit script yang saya tandai dengan berwarna-warni seperti di atas. Yang merupakan angka yang menentukan berapa banyak kata/karakter yang akan tampil. 

KET :

• summary_noimg = 300; yaitu jumlah karakter/kata yang ditampilkan apabila posting article anda tanpa gambar. apabila posting anda ada yang tidak bergambar sebaiknya jumlak karakter harus lebih banyak dibandingkan dengan artikel yang bergambar.
• summary_img = 230; yaitu jumlah karakter/kata yang ditampilkan apabila posting artikel anda beserta gambar.
• img_thumb_height = 125; yaitu ukuran tinggi gambar yang di tampilkan di autoreadmore beranda blog anda.
• img_thumb_width = 225; yaitu ukuran lebar gambar yang di tampilkan di autoreadmore beranda blog anda.

        

Last note

Dengan di sesuaikannya jumlah karakter dan tinggi lebarnya gambar yang di tampilkan autoreadmore pada beranda blog anda akan membuat blog anda tampak lebih rapi sehingga blog terlihat lebih sedap di pandang :c:

Share: