CARA Membuat Ringkasan Artikel Hanya Tampil Laman Search dan Label

Blogger.com - Saya menulis tutorial sebelumnya tentang 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 seperti label, arsip dan fungsi pencarian blog. Saya bermain-main dengan Blogger bersyarat tag untuk mengubah tutorial sebelumnya untuk memungkinkan ini. Sayangnya saya tidak dapat menyertakan tautan teks baca selengkapnya tetapi mengeklik judul entri akan membuka pos lengkap. Berikut ini adalah contoh dari apa yang akan terlihat.

Buka Tema > Edit HTML > Format Template dan temukan </head>, tempelkan kode berikut tepat di atasnya.

<script type='text/javascript'>
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>

2. Sekarang cari <data:post.body/>, lewati yang pertama yang untuk seluler dan lanjutkan ke yang berikutnya. Anda akan melihatkode yang mirip dengan ini

<b:if cond='data:blog.metaDescription == &quot;&quot;'>
 <!-- Then use the post body as the schema.org description,
for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + 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='&quot;post-body-&quot; + 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 + &quot;#more&quot;' expr:title='data:post.title'>
<data:post.jumpText/>
</a>
</div>
</b:if>
<div class='post-footer'>

Ganti <data:post.body/> dengan kode di bawah ini. Jika Anda memiliki dua <data:post.body/> dalam template Anda dalam bagian ini, Anda mungkin perlu mengganti keduanya.

<!-- START post summary for search by xomisse -->
<b:if cond='data:blog.searchLabel'>
<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='jump-link' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &quot;<data:post.title/>&quot;</a></span>
<b:else/>
<data:post.body/>
</b:if>
<!-- END post summary for search by xomisse -->

Untuk mengubah tinggi dan lebar gambar mini Anda dapat mengubah angka di bagian kode ini di langkah 1

img_thumb_height = 200;
img_thumb_width = 300; 

JIKA TERLALU TERTUTUP

Jika gambar mini Anda terlihat agak kecil, buka Tema > Edit HTML dan temukan kode yang Anda tambahkan pada langkah pertama di atas </head>. Anda dapat mengubah angka untuk bagian ini

summary_noimg = 300;
summary_img = 350;
img_thumb_height = 200;
 img_thumb_width = 300; 

untuk mengubah tinggi dan lebar ringkasan & thumbnail. Saya merekomendasikan untuk menyelesaikan tutorial terlebih dahulu dan kemudian kembali ke ini setelah semua hal lain selesai.