Cara Buat Postingan Utama blog Dengan Thumbnail

capek ane cari2 cara di google,,
gak ada yang bisa,,
Ok,,
Mungkin dengan cara pengalaman ini,, agan pasti bisa menangkali auto readmore lainnya
langsung aja ya gan...

saya anggap agan udah di bagian edit template yah..
1. Cari kode  </head>
2. Tepat diatas kode </head> Pastekan Script di bawah ini
------------------------------------------------------------------------------------------------------------------

<script type='text/javascript'>
var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 200;
summary_img = 200;
img_thumb_height = 60;
img_thumb_width = 100;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
********************************************/
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:0; margin:3px 10px 0 0;"><img alt="Thumbnail" itemprop="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUX1_VuPOL6YsCybiCthF05APrs_xHuvbyIyqrb6xl67FjDxwYlmRQdTfkb6y4D9lC0KOKBqDa-7BoRN5l4A1sHAPr6LUI9b-sy5h0Cu-0Lk1f5cEkG4vZkZhIiz13gwc7YfsFv5J7aLGf/s1600/nothumb.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}
if(img.length>=1) {
imgtag = '<span style="float:left; margin:3px 10px 0 0;"><img alt="Thumbnail" itemprop="image" src="'+img[0].src.replace(/\/s(320|400|640|1600)/, "\/s" + img_thumb_width) + '" 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>

------------------------------------------------------------------------------------------------------------------

Ok,saya anggap agan udah Memastekannya..

Sekarang tahap selanjutnya:
3. Carilah Kode  <data:post.body/>


   Disini ane mendapatkan 3 kode yang sama gan :D
ane pake yang kedua,,
4. Blok kode <data:post.body/> Lalu paste kan Script dibawah ini:

----------------------------------------------------------------------------------------------------------------------

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<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>
</b:if>
</b:if> 

--------------------------------------------------------------------------------

 Tunggu dulu gan,,
disini ane mendapatkan masalah, yaitu ada script yang tidak ter spasi sesudah mem pastekan Script di atas,,

nah agan tau akhiran script di ataskan?
yaitu :

</b:if>
</b:if> 

Sekarang agan tekan enter sekali sesudah akhiran script di atas..

ok,, sekarang di save ya gan..
jika tidak bisa,, komentar saja,,
insyaallah saya balas.