Cara membuat widget secara otomatis membaca lebih lanjut tentang Blogspot yang saya pikir yang terbaik adalah bahwa saya akan melampirkan kode script di bawah ini widget., Setelah pencarian yang lama saya untuk kode script yang sesuai maka script ini yang bisa muat dengan blog saya. Dalam default melihat situs, artikel akan diposting terpublish memanjang ke bawah. Berkat widget readmore otomatis, blog akan terlihat lebih rapi dan enak dipandang.
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 : Rental Mobil Murah Di Jogja
