POST THUMBNAIL SUMMARY CODE WITH AUTO READ MORE AND CHANGE EMPTY AND VIDEO POST IMAGE

By AYESHA KHAN -
FIND HEAD TAG AND REPLACE WITH BELOW CODE

========================================================================

<script type='text/javascript'>//<![CDATA[
img_width = 100;
img_height = 300
function stripTags(s, n) {
return s.replace(/<.*?>/ig, "").split(/\s+/).slice(0, n - 1).join(" ")
}
function readmore(a) {
var p = document.getElementById(a),
imgtag = "",
img = p.getElementsByTagName("img");
if (img.length >= 1) imgtag = '<img class="postimg" src="' + img[0].src + '" width="'+img_width+'%" height="'+img_height+'px" />';
else imgtag = '<img class="thumb no-img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu_SMvPEbbdVRmh4yCD9WWuDMNhOnLZUQwTYAPH3bvmHR7Pwyr0CUpZHysT3qQ_moqKmgjeAVXw6XrObZlMsilgK69yXEFyUDN9xgNRUjMESEnrDOjC6ac_g5_v4DuMr80wAGKMt02f8A/" />';
p.innerHTML = '<div class="thumb" style="display: inline-block;"><a href="' + y + '">' + imgtag + '</a></div><div class="clr"></div><div class="entry" style="padding:20px 20px 35px;overflow:hidden;border:1px solid #ccc;border-top:0;margin-top: -2%;"><h2 class="title"><a href="' + y + '">' + x + "</a></h2><div class='summ'>" + stripTags(p.innerHTML, 45) + '</div><span class="readmore"><a href="' + y + '">Read more</a></span></div><div class="clr"></div>'
};

//]]></script>
</head>


=======================================================================
FIND THIS DATA POST BODY TAG  AND REPLACE WITH BELOW CODE

<data:post.body/>
=======================================================================



<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<span expr:id='&quot;p&quot; + data:post.id'><data:post.body/></span>
<script type='text/javascript'>var x=&quot;<data:post.title/>&quot;,y=&quot;<data:post.url/>&quot;;readmore(&quot;p<data:post.id/>&quot;)</script><b:else/><data:post.body/>




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


======================================================================
OR USE THIS CODE
=======================================================================


 <!--JAVASCRIPT - Get Summary Post Blogger-->
<script type='text/javascript'>
//<![CDATA[
var thumbnail_mode="left";summary_noimg=30;summary_img=40;var indent=2;function stripHtmlTags(s,max){return s.replace(/<.*?>/ig,"").split(/\s+/).slice(0,max-1).join(" ")}function getSummaryLikeWP(id){return document.getElementById(id).innerHTML.split(/\x3c!--\s*more\s*--\x3e/)[0]}
function getSummaryImproved(post,max){var re=/<.*?>/gi;var re2=/<br.*?>/gi;var re3=/(<\/{1}p>)|(<\/{1}div>)/gi;var re4=/(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi;post=post.replace(re4,"");post=post.replace(re3,"<br /> ").split(re2);for(var i=0;i<post.length;i++)post[i]=post[i].replace(re,"");var post2=new Array;for(var i in post)if(/[a-zA-Z0-9]/.test(post[i]))post2.push(post[i]);var s="";var indentBlank="";
for(var i=0;i<indent;i++)indentBlank+=" ";if(post2.join("<br/>").split(" ").length<max-1)s=post2.join(indentBlank+" <br/>");else{var i=0;while(s.split(" ").length<max){s+=indentBlank+" "+post2[i]+"<br/>";i++}}return s}
function createSummaryAndThumb(pID,title,url,date,comment){var posturl=url;var title=title;var date=date;var comment=comment;var div=document.getElementById(pID);var content=div.innerHTML;if(/\x3c!--\s*more\s*--\x3e/.test(content)){div.innerHTML=getSummaryLikeWP(pID);div.style.display="block"}else{var imgtag="";var img=div.getElementsByTagName("img");var summ=summary_noimg;if(img.length<=1){imgtag='<div class="post-summ-thumb"><a href="'+posturl+'"><img width="100px" height="180px" class="thumbnail" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2DsUkhkkVii3IiI_VEjargNlYtVk7hvRzwdvKw8TFhEoDEQ67R1tG-SXO87c7_-DNTCQ6r_Wyiya0P8eumDQqT1cahnzIzT06bgwf4kmMQkc8XcKIOZy1IjYy546Vt_G6XHAGDLEPw/s1600/no-image.png"/></a></div>';
summ=summary_img}if(img.length>=1){imgtag='<div class="post-summ-thumb"><a href="'+posturl+'"><img width="100px" height="180px" class="thumbnail" src="'+img[0].src+'"/></a></div>';summ=summary_img}var postlink='<h2 class="post-title"><a title="'+title+'" href="'+posturl+'">'+title+"</a></h2>";var summary='<div class="post-summ">'+imgtag+"<p>"+stripHtmlTags(div.innerHTML,summ)+'.. <a href="'+posturl+'"> -Continue reading- </a></p></div>';div.innerHTML=summary;div.style.display="block"}};

//]]>
</script>
 

</head>

======================================================================


  <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.timestamp/>&quot;,&quot;<data:post.numComments/>&quot;);</script>
</b:if>
</b:if>





Comments

Post a Comment

Popular posts from this blog

AJAX RELATED POST WIDGET

By AYESHA KHAN -
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <HTML expr:dir='data:blog.languageDirection'>  <head>     <b:include data='blog' name='all-head-content'/>     <b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <b:else/> <title><data:blog.pageName/> - <data:blog.title/></title> </b:if> <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>     <meta expr:content='data:blog.metaDescription' name='description'/> <link href='//netdna.bootstrapcdn.com/font-awesome/3.2.0/css/font-awesome.min.css' rel='stylesheet'/> <!--[if lt IE 9]> <script src="http://mkr.googlecode.com/svn/JS/css3-mediaqueries.js"></script> <![endif]-->     <b:skin><![...
Read more

SHORT POST SUMMERY JAVA CODE WITH IMAGE IN BLOG

By AYESHA KHAN -
<script type='text/javascript'> //<![CDATA[ function bp_thumbnail_resize(image_url,post_title) { var image_size=120; image_tag='<img src="'+image_url.replace('/s72-c/','/w'+image_size+'-h90-c/')+'" alt="'+post_title+'" title="'+post_title+'"/>'; if(image_url!="") return image_tag; else return ""; } //]]> </script> ------------------------------------------------------------------------------------------------------------------------------- <b:includable id='post' var='post'>   <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>     <b:if cond='data:post.firstImageUrl'>       <meta expr:content='data:post.firstImageUrl' itemprop='image'/>     </b:if> <b:if cond=...
Read more