Cara Menciptakan Ringkasan Artikel Hanya Tampil Laman Search Dan Label
menambahkan ringkasan posting dengan thumbnail ke blogspot Anda sehingga ekstrak pendek ditampilkan bersama dengan tautan Read more daripada postingan lengkap. Saya ditanya apakah mungkin untuk menampilkan posting lengkap di homepage dan kutipan hanya pada pencarian menyerupai label, arsip dan fungsi pencarian blog. Saya bermain-main dengan Blogger bersyarat tag untuk mengubah tutorial sebelumnya untuk memungkinkan ini. Sayangnya aku tidak sanggup menyertakan tautan teks baca selengkapnya tetapi mengeklik judul entri akan membuka pos lengkap. Berikut ini ialah pola dari apa yang akan terlihat.
Buka Tema > Edit HTML > Format Template dan temukan </head>, tempelkan isyarat berikut sempurna di atasnya.
Buka Tema > Edit HTML > Format Template dan temukan </head>, tempelkan isyarat berikut sempurna di atasnya.
<script type='text/javascript'>2. Sekarang cari <data:post.body/>, lewati yang pertama yang untuk seluler dan lanjutkan ke yang berikutnya. Anda akan melihatkode yang menyerupai dengan ini
var thumbnail_mode = "no-float" ;
summary_noimg = 300;
summary_img = 350;
img_thumb_height = 200;
img_thumb_width = 300;
</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>
<b:if cond='data:blog.metaDescription == ""'>Ganti <data:post.body/> dengan isyarat di bawah ini. Jika Anda mempunyai dua <data:post.body/> dalam template Anda dalam bab ini, Anda mungkin perlu mengganti keduanya.
<!-- Then use the post body as the schema.org description,
for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<data:post.body/>
<div style='clear: both;'/>
<!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/>
<!-- clear for photos floats -->
</div>
</b:if>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'>
<data:post.jumpText/>
</a>
</div>
</b:if>
<div class='post-footer'>
<!-- START post summary for search by xomisse -->Untuk mengubah tinggi dan lebar gambar mini Anda sanggup mengubah angka di bab isyarat ini di langkah 1
<b:if cond='data:blog.searchLabel'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='jump-link' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>
<b:else/>
<data:post.body/>
</b:if>
<!-- END post summary for search by xomisse -->
img_thumb_height = 200;
img_thumb_width = 300;
JIKA TERLALU TERTUTUP
Jika gambar mini Anda terlihat agak kecil, buka Tema > Edit HTML dan temukan isyarat yang Anda tambahkan pada langkah pertama di atas </head>. Anda sanggup mengubah angka untuk bab inisummary_noimg = 300;untuk mengubah tinggi dan lebar ringkasan & thumbnail. Saya merekomendasikan untuk menuntaskan tutorial terlebih dahulu dan lalu kembali ke ini sesudah semua hal lain selesai.
summary_img = 350;
img_thumb_height = 200;
img_thumb_width = 300;
