File Buz

<script type=text/javascript> var summary_noimg = 540, summary_img = 500, img_thumb_height = 150, img_thumb_width = 200; </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 alt="" 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> 

• summary_noimg : define the number of characters (letters) on the article if your article with no image inside, the character will be truncated after the word ended.
• summary_img : define the number of characters (letters) on the article if your article within any image inside, the character will be truncated after the word ended.
• img_thumb_height and img_thumb_width: define the height and width of thumbnail displaying
• imgtag = <.... I suggest you dont change this, this is the script for the thumbnails optimizing so that the thumbnail will displayed no so weight. Sometime maybe any with the small size dimension but very weight, this is the optimal compression for thumbnail.

<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;); </script> <span class=jump-link style=font-weight:bold;padding:5px;float:right;text-align:right;><a class=art-button expr_href=data:post.url + &quot;#more&quot;><data:post.jumpText/></a></span> <div style=clear: both;/> </b:if> </b:if> 

.art-button { border: 0; border-collapse: separate; -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; background: #84633E; background: linear-gradient(top, #B68F63 0, #AE8251 23%, #997348 50%, #61492E 50%, #876640 100%) no-repeat; background: -webkit-linear-gradient(top, #B68F63 0, #AE8251 23%, #997348 50%, #61492E 50%, #876640 100%) no-repeat; background: -moz-linear-gradient(top, #B68F63 0, #AE8251 23%, #997348 50%, #61492E 50%, #876640 100%) no-repeat; background: -o-linear-gradient(top, #B68F63 0, #AE8251 23%, #997348 50%, #61492E 50%, #876640 100%) no-repeat; background: -ms-linear-gradient(top, #B68F63 0, #AE8251 23%, #997348 50%, #61492E 50%, #876640 100%) no-repeat; background: linear-gradient(top, #B68F63 0, #AE8251 23%, #997348 50%, #61492E 50%, #876640 100%) no-repeat; -svg-background: linear-gradient(top, #B68F63 0, #AE8251 23%, #997348 50%, #61492E 50%, #876640 100%) no-repeat; border-width: 0; padding:0 15px; margin:0 auto; height:28px; } a.art-button, a.art-button:link, a:link.art-button:link, body a.art-button:link, a.art-button:visited, body a.art-button:visited, input.art-button, button.art-button { text-decoration: none; font-size: 12px; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-weight: normal; font-style: normal; position:relative; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #FFFFFF; margin: 0 5px 0 0 !important; overflow: visible; cursor: pointer; text-indent: 0; line-height: 28px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .art-button img { margin: 0; vertical-align: middle; } .firefox2 .art-button { display: block; }