To Add Unconditional CSS
Some times we require different design for homepage then inner pages, then we can use this syntax:
Without Condition:
With Condition:
Description:
Here the with of the container div will be 400px for homepage and 600px for all other pages.
To Display Articles In Summary Format with Read More link
In home page we like to display the latest article but in sammary format and with some thumbnail image. It can be acomplished with help of bellow code.
Read More...
Some times we require different design for homepage then inner pages, then we can use this syntax:
Without Condition:
<style> .container { width:600px;} </style> |
With Condition:
<b:if cond="data:blog.url == data:blog.homepageUrl"> <style> .container { width:400px;} </style> </b:if> |
Here the with of the container div will be 400px for homepage and 600px for all other pages.
To Display Articles In Summary Format with Read More link
In home page we like to display the latest article but in sammary format and with some thumbnail image. It can be acomplished with help of bellow code.
<script type="text/javascript"&> var thumbnail_mode = "no-float" ; summary_noimg = 240; summary_img = 140; img_thumb_height = 140; img_thumb_width = 140; </script> <script type="text/javascript"> // function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i 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> |



