"Blue Matrix" - Blogger Template

Guyz look our template and evaluates its graphics created by terminal team. Here we would like to share the source code of this template... The full graphics was edited by us [Ajith Kp and Ajmal Joshi].

Source Code:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
   
    $(".toggle_container").hide();
 
    $("h3.trigger").click(function(){
        $(this).toggleClass("active").next().slideToggle("slow");
    });
 
});
</script>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------

/*
              Blue Matrix Template
Love To All My Classmates in Amsteck College, Kalliasseri[2012-2015] BCA and BSc Physics
Here its me Ajith Kp and Ajmal Joshi
*/

----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#5588aa">
<variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">
<variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#999999">
<variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
/* Use this with templates/template-twocol.html */
body, .body-fauxcolumn-outer {
background:#000000 url(http://img54.xooimage.com/files/f/7/2/kbk29185-227a592.gif) repeat;
color:#FFFFFF;
font-family:Georgia Serif;
font-size:small;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
text-align:center;
}
a:link {
color:#20D1EE;
text-decoration:none;
}
a:visited {
color:#20D1EE;
text-decoration:none;
}
a:hover {
color:#FF0000;
text-decoration:underline;
}
a img {
border-width:0;
}
#header-wrapper {
width:960px;
}
#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:#FFFFFF;
margin:5px;
text-align:left;
}
#header h1 {
font-family:helvetica;
font-size:28px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0;
line-height:normal;
margin:5px 5px 0;
padding:15px 20px 2px;
text-transform:none;
}
#header a {
color:#FFFFFF;
text-decoration:none;
}
#header a:hover {
color:#FFFFFF;
}
#header .description {
color:#EEEEEE;
font-family:arial;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.2em;
line-height:normal;
margin:0 5px 5px;
max-width:700px;
padding:0 20px 13px;
text-transform:none;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
font-family:arial;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 auto;
padding:10px;
text-align:left;
width:960px;
}
#main-wrapper {
float:left;
margin-left:38px;
margin-top:18px;
overflow:hidden;
width:560px;
}
#sidebar-wrapper {
background:#333333 none repeat scroll 0 0;
border-bottom:1px solid #222222;
border-left:1px solid #222222;
float:right;
margin-right:10px;
overflow:hidden;
width:280px;
}
h2 {
background:#222222 none repeat scroll 0 0;
color:#FFFFFF;
font-family:arial;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1.5em 0 0.75em;
padding-bottom:5px;
padding-left:10px;
padding-top:5px;
text-transform:none;
}
h2.date-header {
margin:1.5em 0 0.5em;
}
.post {
border-bottom:1px solid #666666;
font-size:14px;
margin:0.5em 0 1.5em;
padding-bottom:1.5em;
}
.post h3 {
color:#00FFFF;
font-size:22px;
font-weight:bold;
line-height:1.4em;
margin:0.25em 0 0;
padding:0;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color:#00FFFF;
display:block;
font-weight:bold;
text-decoration:none;
}
.post h3 strong, .post h3 a:hover {
color:red;
}
.post-body {
color:#FFFFFF;
line-height:1.6em;
margin:0 0 0.75em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
color:#CCCCCC;
font-family:georgia;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
letter-spacing:0.1em;
line-height:1.4em;
margin:0.75em 0;
text-transform:none;
}
.comment-link {
}
.post img {
border:1px solid #CCCCCC;
padding:2px;
}
.post blockquote {
font-family:georgia;
font-style:italic;
margin:1em 20px;
}
.post blockquote p {
margin:0.75em 0;
}
#comments h4 {
color:#FFFFFF;
font-weight:bold;
letter-spacing:0.2em;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
background:#222222 none repeat scroll 0 0;
border:1px solid #222222;
font-size:15px;
font-weight:bold;
margin-right:20px;
padding:5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
background:#EEEEEE none repeat scroll 0 0;
border-color:#CCCCCC #CCCCCC #EEEEEE;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}
#comments-block .comment-body {
border-left:1px solid #222222;
border-right:1px solid #222222;
margin-left:0;
margin-right:20px;
padding:7px;
}
#comments-block .comment-footer {
border-bottom:1px solid #222222;
border-left:1px solid #222222;
border-right:1px solid #222222;
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0 0 0.75em;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
#blog-pager {
text-align:center;
}
.feed-links {
clear:both;
line-height:2.5em;
}
.sidebar {
color:#EEEEEE;
line-height:1.5em;
}
.sidebar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.sidebar li {
line-height:1.5em;
margin:0;
padding:0 0 0.25em 15px;
text-indent:-15px;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width:0;
}
.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;
}
.profile-data {
color:#999999;
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0.1em;
line-height:1.6em;
margin:0;
text-transform:uppercase;
}
.profile-datablock {
margin:0.5em 0;
}
.profile-textblock {
line-height:1.6em;
margin:0.5em 0;
}
.profile-link {
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.1em;
line-height:normal;
text-transform:uppercase;
}
#templatemo_footer {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1l2YOpmyh5bLm0-Kk_hw4GlFMNH_SuRNY5WHJ-EJn_nlyff39toq81TSbGT6gTedrymnzEHRYmtlBMQimbrJJdek6klW5585IGS9g0DiMGu1yaSNzg-Gs7D67I419sC-MzkCpSGlhw9i_/s1600/templatemo_footer_bg.jpg) no-repeat scroll center top;
clear:both;
color:#999999;
padding:20px 0;
text-align:center;
width:960px;
}
#templatemo_footer a {
color:#FFFFFF;
font-weight:normal;
}
#templatemo_menu {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZf6JvsfEuBZIjeRUFm7wdLCYF-BEefYlAUjJylgwNoOQ8q8dfKjjUaCx7bCPmEza1VTSG-UPg2ONhMsrzv1UeH2OHe7yPrpyx8pChAUGQKqB1oZzkKANTH62kqUqxp18TtMC1WGiGR3hy/s1600/menu_bg.jpg) no-repeat scroll right center;
clear:both;
height:45px;
margin:0 20px -14px;
position:relative;
width:920px;
}
#templatemo_menu span {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_3Y2h2tVLegH6qf1518L9Ve2IY69YT3zunqs6Xrp1DWOWqu-WZgFUv7e38VQ1lB0JZ6AY7aZa_w17hB2T5zfwZVwSpP6TGiRSPwEyXouHOzMwIPoDG4iaIwkMa_A6nw3Au77ftPzj7BKN/s1600/menu_bg_left.jpg) no-repeat scroll 0 0;
height:45px;
left:0;
position:absolute;
top:0;
width:5px;
}
#templatemo_menu ul {
height:45px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
padding:0 0 0 10px;
}
#templatemo_menu ul li {
float:left;
padding-right:5px;
}
#templatemo_menu li a {
color:#000000;
display:block;
float:left;
font-size:12px;
height:45px;
line-height:45px;
padding:0 0 0 8px;
text-align:center;
}
#templatemo_menu li a b {
display:block;
float:left;
padding:4px 24px 0 16px;
}
#templatemo_menu li.current a, #templatemo_menu li a:hover {
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid #00FFFF;
background:black url(http://img54.xooimage.com/files/f/7/2/kbk29185-227a592.gif) no-repeat scroll left top;;
color:#32CD32;
text-decoration:none;
}
#templatemo_menu li.current a b, #templatemo_menu li a:hover b {
-webkit-border-radius: 10px;
border-radius: 10px;
background:#black url(http://img54.xooimage.com/files/f/7/2/kbk29185-227a592.gif)  no-repeat scroll right top;
color:#32CD32;
padding-top:0;
text-decoration:none;
}
#templatemo_banner {
background:#B7BD19 url(http://i47.tinypic.com/dd0tqd.jpg) no-repeat scroll left top;
clear:both;
height:245px;
width:960px;
}
#templatemo_banner p {
color:#333333;
font-size:13px;
line-height:20px;
padding:134px 0 0 70px;
text-align:left;
width:400px;
}
#templatemo_banner a {
color:#000000;
}
#content-wrapper {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixnir1zgOH1w_hEacEFOKkghu-IFVK73RynfCkrVf1x-zb5uAvbIpMeFWtTmBVYFIa1LsmmeEbX0Wdc2YuSs3c-g6hRIKKqmFR_jmGaRoOMKexGtvYOWcsWbjFchInbPKt4q19xHtaC9je/s1600/content_bg.jpg) repeat-y scroll 0 0;
}
.widget-content {
padding-left:20px;
padding-right:20px;
}
img{
border: 5px solid #00FFFF;
float: left;
margin: 15px;
-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 2px 2px #00FFFF;
}

img:hover {
margin-top: 2px;
}

textarea {
    background: #fff;
    border: 1px solid #00FFFF;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    background-color:black;
    color:#32CD32;
    font-size: 13px;
    line-height: 18px;
    min-width: 300px;
    width: 60%;
    height: 100px;
    padding: 10px;
    margin: 0;
    outline: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px 2px #00FFFF;
    box-shadow: 1px 1px 2px 2px #00FFFF;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

textarea:hover {
    background: #fff;
    border: 1px solid #00FFFF;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    min-width: 300px;
    width: 60%;
    height: 100px;
    padding: 10px;
    margin: 0;
    outline: none;
    font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
    background-color:#252424;
    color:red;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px 2px #00FFFF;
    box-shadow: 1px 1px 2px 2px #00FFFF;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

h3.trigger {
background: url(http://mybloggertricks.googlecode.com/files/comment-boxbg.png) no-repeat;
height: 44px;
line-height: 46px;
width: 500px; border-radius:4px;
font-family:Arial;
font-size: 1.4em;
font-weight: bold;
text-align:left;
color:#A1A1A1;
float: left;
cursor:pointer;
box-shadow: #333 0px 1px 3px;
padding:0 0 0 50px;
margin:10px 0px 10px 10px;
}

h3.active {
background-position: bottom left;
color:#ddd;
}
.toggle_container {
padding-left:10px;
overflow: hidden;
clear: both;
}

#comment-form iframe{

background:#ffffff url(http://img54.xooimage.com/files/f/7/2/kbk29185-227a592.gif) repeat;

border:1px solid #01DBFB;

-moz-border-radius:6px;

-webkit-border-radius:6px;

box-shadow: 5px 5px 5px #00FFFF;

padding:5px;

font:normal 12pt "ms sans serif", Arial;

color:#0ab00a; 
        background-color:black;

width:560px; height:213px !important;

}

#comment-form a{

color:#fff;

}

]]></b:skin>
  </head>

<span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'>
<span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "REPLACE"'>
      
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
<b:else/>
      
      <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-position: "                      + data:backgroundPositionStyleStr + "; "                      + data:widthStyleStr                      + "min-height: " + data:height + "px;"                      + "_height: " + data:height + "px;"                      + "background-repeat: no-repeat; "' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
</div>
<b:include name='description'/>
      </div>
</b:if>
  <b:else/>
    
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
</div>
<b:include name='description'/>
    </div>
</b:if>
</b:includable>
</b:widget>
</b:section>
 <div id='templatemo_menu'>
    	<span/>
        <ul>
<li class='current'><a Title='Home' expr:href='data:blog.homepageUrl'><b>Home</b></a></li>
<li><a href='/p/contact.html'><b>Contact</b></a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><b>Posts RSS</b></a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'><b>Comments RSS</b></a></li>
</ul>
</div>

    
    <div id='templatemo_banner'>
    	<p>
.</p>
</div>
</div>

    
    <div id='content-wrapper'>

<b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'>
<data:post.dummyTag/></div>
</b:if>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

// Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

// render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4>
<data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
<dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
</b:loop>
    </dl>
</b:if>
  <p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='mobile-main' var='top'>
    
    <div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
</b:if>
<div class='post-footer'>
    <div class='post-header-line-1'/>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span> <span class='post-timestamp'><b:if cond='data:post.dateHeader'>on <data:post.dateHeader/></b:if></span>

</div>
<div class='post-footer-line post-footer-line-2'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>
      </span>
<span class='post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'> /
          <b:if cond='data:post.allowComments'>Comments: (<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1<b:else/><data:post.numComments/></b:if></a>)
          </b:if>
        </b:if>
      </span>
      </div>
</div>
<div class='post-header-line-1'/>

<span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != "item"'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>

<b:include data='post' name='postQuickEdit'/>
      </span>
      </div>
<div class='post-footer-line post-footer-line-3'>
      <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>
      </div>
</div>
</div>
</b:includable>
<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
<div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'>
<data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>

<h3 class='trigger'>
Click Here To add Comment</h3>
<div class='toggle_container'>
<div class='block'>

<div id='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'>
<data:postCommentMsg/></h4>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='275' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
<p style=' line-height:0px; font-family:Arial; font-size:8px; font-weight:bold; text-align:right;'>
<a href='http://www.terminalcoders.blogspot.com' style='color:#CAC8C8;'><i>Home</i></a></p>
</div>
</div>
</b:includable>
<b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4>
<data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
<b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
</b:if>

<b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>›</a>
      </div>
</b:if>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>
    <b:loop values='data:posts' var='post'>
      
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <b:if cond='data:post.isFirstPost'>
          <data:defaultAdEnd/>
        <b:else/>
          <data:adEnd/>
        </b:if>
        <data:adCode/>
        <data:adStart/>
      </b:if>
      <b:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

  <b:include name='nextprev'/>

<b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>

<b:if cond='data:isReSearchEnabled'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <data:reSearchJs/>
    <script type='text/javascript'>
      google.load('search', '1');
      function reSearchInit() {
        var blogSearcher = new google.search.BlogSearch();
        var blogHomepageUrl = '<data:blogHomepageUrl/>';
        var adCodeUri = '<data:reSearchAdCodeUri/>';
        var referrer = document.referrer;

var reSearch = new BLOG_ReSearch(blogSearcher,
                                         blogHomepageUrl,
                                         adCodeUri,
                                         referrer);
        reSearch.run();
      };
      google.setOnLoadCallback(reSearchInit);
    </script>
  </b:if>

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != "item"'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
</b:if>

<b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
  <div id='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
</b:if>

<b:if cond='data:post.allowComments'>
    <script expr:src='data:post.commentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder'/>

<b:if cond='data:post.embedCommentForm == "false"'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>
<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>
<dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' id='comment-author'>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
<dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p>
<data:comment.body/></p>
</b:if>
          </dd>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>
<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

</p>
</b:if>

<div id='templatemo_footer'>
    	 Copyright © 2012 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> All Right Reserved. Powered by <a href='http://blogger.com'>Blogger</a><br/>
        <br/> CSS EDITED BY<a href='http://www.terminalcoders.blogspot.com'> Ajith 'N Ajmal</a></div>

</div>
</div>

</body>
</html>

Click here to download from pastebin.
Write your comments and critisisms... Help us to improve our codes...