Sekarang, untuk menginstal widget read more tidak terlalu sulit. Seperti biasa, teman saya harus login Blogger, kemudian pilih menu Template.
Kemudian pilih Edit HTML dan kemudian menampilkan blogger sekarang diperbarui karena ada belum selesai hanya memperluas kode script </ head> widget teman. Untuk mempermudah pencarian, selalu menggunakan Control + F atau tombol F3.
Setelah pertemuan tersebut, ganti kode dengan kode script berikut:
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
</head>
Langkah berikutnya adalah untuk menemukan kode. <Data: post.body />, dan mengganti kode dengan kode di bawah Catatan, kode script <data: post.body /> di template, mungkin ada dua atau tiga potong . kode script seperti ini Sobat dapat mencoba untuk menggantikan mereka satu per satu. Dan pada template blog ini, kode scrip <data: post.body /> saya diganti adalah yang kedua.
<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'> <b> readmore</b> »»   </a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>
Setelah selesai, teman saya bisa mencoba klik Preview untuk melihat hasil diedit. Dan jika berhasil, sobat bisa menyimpan hasil diedit dengan mengklik Simpan Template
Baca Juga : Apa itu Google Adsense – Penjelasan Tentang Bisnis Google Adsense
Cara Berpakaian Pria Gemuk Agar Terlihat Kurus
Demikian ulasan cara membuat widget read more otomatis pada blogspot semoga bermanfaat dan memberi nilai tambah untuk skor SEO blog sobat,selamat mencoba.
