I With You : Download A Creative 2 Columns Template (1)

This Blogger Template Package is downloaded from http://www.blogcrowds.com/. It includes the .xml code and images for this template. To use this template for your blog please follow the steps below. For more detailed instructions please visit:
http://www.blogcrowds.com/how-to-blog/3-blogger-templates-download-instructions#complete

1. Upload the images in image/ subdirectory to an image host (we recommend Photobucket). Take not of the url of the directory you are uploading to.

2. Open the .xml file containing template code. Do a search for 'url(' without the quotes and replace it with the directory url of your images. For example if the url of an image is http://s61.photobucket.com/albums/h59/c_stavanger/grunge2/bg.gif then replace url( with url(http://s61.photobucket.com/albums/h59/c_stavanger/grunge2/

3. Save the .xml file.

4. Login to your Blogger dashboard, go to Layout tab, then Edit HTML sub-tab.

5. Clear the code box, paste in your new template code or upload the .xml file and save.

If you have any question, suggestion, or just want to get in touch, feel free to email us at hels@blogcrowds.com.

COPY THIS XML 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>
    <b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[

/*-----------------------------------------------

Blogger Template Style
Name:        I Feel Dirty
Designer:     Studio ST
URL:          http://studio.st/i-feel-dirty/

Updated by: http://www.blogcrowds.com
Support:    http://www.blogcrowds.com

----------------------------------------------- */

* {
    margin: 0px;
    padding: 0px;
    }
body {
    background: #2c2c2c url(bodybg2.gif) no-repeat top center;
    color: #000;
    font-size: 11px;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    }
img {
    border: 0px;
    }
.cnt {
    width: 760px;
    background-color: #fff;
    margin: 20px auto 30px;
    }

/* ------------------------------------------------------------------------------
                                header
------------------------------------------------------------------------------ */
.header{
    background: url(headerbg.gif) no-repeat;
    width: 760px;
    height: 143px;
    float: left;
    }
.head1 {
    width: 485px;
    padding: 40px 15px 0 0;
    text-align: center;
    float: left;
}
.header h1 a {
    color: #fff;
    text-decoration: none;
}
.header h1 a:hover {
    text-decoration: underline;
}
.header h1 {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: normal;
    letter-spacing: -1px;
    margin-bottom: 0px;
}
.description {
    color: #fff;
    font-size: 12px;
}
.head2 {
    width: 260px;
    float: left;
}
.head2 p {
    color: #fff;
    padding: 0 15px;
    font-size: 12px;
    line-height: 16px;
}
.head2 h3 {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: -1px;
    margin-bottom: 5px;
    padding: 15px 0 0 16px;
    text-transform: lowercase;
}

/* ------------------------------------------------------------------------------
                                main
------------------------------------------------------------------------------ */
.main {
    width: 760px;
    }
.content {
    padding: 20px 0 0 15px;
    float: left;
    width: 464px;
    margin-right: 17px;
    }
.content a {
    color: #9b0e0e;
    }
.navigation {
    font-size: 14px;
    margin-bottom: 15px;
    }
.post {
    margin-bottom:30px;
    }
.posttitle {
    margin-bottom: 15px;
    }
.post h2 {
    color: #294A59;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: -1px;
    }
h2.pagetitle {
    color: #555;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: -1px;
    margin-bottom: 15px;
    }
.post h2 a {
    color: #294A59;
    text-decoration:none;
    }
.post h2 a:hover {
    text-decoration:underline;
}
.post small {
    color: #294A59;
    display: block;
    margin-bottom: 15px;
    }
.post p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height:21px;
    }
.post blockquote {
    background: url(blockquotebg2.gif) no-repeat;
    color: #294a59;
    padding: 15px 0 0 42px;
}
.post ul {
    list-style-type: none;
    font-size: 14px;
    margin-bottom: 15px;
    }
.post ul li {
    background: url(bullet02.gif) no-repeat 0px 5px;
    margin-bottom: 5px;
    padding-left: 17px;
    }
p.postmetadata {
    font-size:11px;
    margin:3px 0;
    }

/* ------------------------------------------------------------------------------
                                sidebar
------------------------------------------------------------------------------ */
.sidebar {
    font-size: 12px;
    float: left;
    width: 254px;
    margin-left: 4px;
    padding: 10px 6px 0 0;
    line-height: 14px;
    }
.bloque1, .bloque2, .sidebar .widget {
    margin-bottom: 10px;
    }
.bloque1 {
    background: #e8e6d9 url(bloque1bg.jpg) no-repeat;
    }
.bloque2 {
    background: #e2ebed url(bloque2bg.jpg) no-repeat;
    }
.bloque1 h2 {
    color: #6c644d;
    }
.bloque1 h2, .bloque2 h2, .sidebar .widget h2 {
    font-size: 19px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
    margin-bottom: 10px;
    padding: 20px 0 5px 16px;
    text-transform: lowercase;
    }
.bloque2 h2 {
    color: #294A59;
    }
.sidebar ul {
    list-style-type: square;
    padding-left: 30px;
    }
.sidebar p {
    line-height: 16px;
}
.sidebar ul li {
    margin-bottom: 5px;
    }
.sidebar ul span {
    color: #000;
    }
.sidebar ul a {
    color: #000;
    text-decoration: none;
    }
.bloque1 ul a {
    border-bottom: 1px dashed #968e77;
    }
.bloque1 p a, .bloque2 p a{
    color: #000;
    }
.bloque1 ul a:hover, .bloque1 p a:hover {
    background-color: #6c644d;
    color: #fff;
    border: 0px;
    }
.bloque2 ul a {
    border-bottom: 1px dashed #668b9c;
    }
.bloque2 ul a:hover, .bloque2 p a:hover {
    background-color: #294A59;
    color: #fff;
    border: 0px;
    }
.bloque1 ul {
    color: #968e77;
    padding-bottom: 12px;
    }
.bloque2 ul {
    color: #668b9c;
    padding-bottom: 12px;
    }

/* search */
.buscar {
    padding: 0px 15px 15px;
    }
.bus1 {
    width: 140px;
    font-size: 16px;
    border: 1px solid #aaa;
    }
.bus2 {
    vertical-align: top;
    }
.sidebar p {
    padding: 0 10px 15px 16px;
    }
/* subscribe */
.subscriberss {
    padding: 0px 0 15px 15px;
    }
.subscriberss select {
    width: 110px;
    margin: 5px 5px 0 10px;
    float: left;
    }
.subscriberss a {
    float: left;
    }
.subscriberss a.btnnofloat {
    float: none;
    }
.subscriberss a.rsstext {
    color: #000;
    margin: 5px 0 0 3px;
    float: left;
    }
.bus1 {
    width: 140px;
    font-size: 16px;
    border: 1px solid #aaa;
    }
.bus2 {
    vertical-align: top;
    }


/* ------------------------------------------------------------------------------
                                comments
------------------------------------------------------------------------------ */
h2.responses {
    color: #294a59;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: lowercase;
    }
.commentlist {
    width: 464px;
    margin-bottom: 20px;
    list-style-type: none;
    font-size: 14px;
}
.commentlist li {
    background: #e4ecee url(commentlistbg3.jpg) no-repeat;
    padding-top: 20px;
    margin-bottom:15px;
}
.commentcontent {
    padding: 0 10px;
    margin-bottom: 15px;
}
.commentcontent p {
    margin-bottom: 15px;
    font-size:12px;
    color:#333;
    line-height:17px;
}
.commentcontent a {
    color: #265368;
}
p.authorcom {
    background-color: #fff;
    text-align: right;
}
p.authorcom span {
    background: #fff url(authorbg3.jpg) no-repeat;
    color: #294a59;
    font-size: 16px;
    padding-left: 100px;
}
.authorcom small {
    font-size: 10px;
}
.commentcontent {
    padding: 0 10px;
}
.commentcontent ul {
    list-style-type: none;
    font-size:12px;
    color:#333;
    line-height:17px;
}
.commentcontent li {
    background: transparent url(bullet02.gif) no-repeat 0px 5px;
    padding-left: 15px;
    padding-top: 0px;
    margin-bottom: 5px;
}
.commentcontent blockquote {
    background-color: #d5e0e3;
    margin-bottom: 15px;
    padding: 5px 5px 2px 8px;
    border-left: 4px solid #b1c6d0;
    font-size:11px;
    color:#777;
    line-height:17px;
}
.commentcontent blockquote p {
    margin-bottom:5px;
}
.commentform {
    background: #f2f6f7 url(commentform2bg.jpg) no-repeat;
    width: 440px;
    padding: 20px 12px 0 12px;
    margin-bottom: 20px;
    }
.commentform h2 {
    color: #294a59;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: lowercase;
    }
.cfbox1 {
    width: 150px;
    margin-right: 20px;
    padding-left: 3px;
    float: left;
}
.cfbox2 {
    width: 250px;
    float: left;
}
.cfbox2 textarea {
    width: 250px;
    height: 108px;
}
.cfbox3 {
    background: transparent url(cfbox3bg2.jpg) no-repeat right bottom;
    width: 440px;
    padding-bottom: 12px;
    text-align: center;
    clear: both;
}
.commentform label {
    color: #294a59;
    margin-bottom: 2px;
    display: block;
    }
.commentform input {
    width: 150px;
    margin-bottom: 10px;
    }
.commentform textarea {
    margin-bottom: 20px;
    }
input.submit {
    width: 150px;
    margin-bottom: 6px;
    margin-left: 173px;
    display: block;
    }


/* ------------------------------------------------------------------------------
                                footer
------------------------------------------------------------------------------ */
.footer {
    background: url(footerbg3.gif) no-repeat;
    width: 730px;
    height: 120px;
    padding: 0px 15px 0;
    color: #fff;
    font-size: 11px;
    display: block;
    float: left;
    }
p.foot1 {
    padding-top: 25px;
}
p.foot2 {
    padding-top: 25px;
    float: right;
    text-align: right;
    margin-right:5px;
}
.footer a {
    color: #fff;
    }
.footer a:hover {
    background-color: #650000;
    text-decoration:none;
    }
.foot2 a:hover {
    background-color: #294A59;
    }


/* ------------------------------ clear ------------------------------ */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear{
    clear:both;
}

.widget-content{
    margin:0 20px;
}

.head2 a{
    font-weight:bold;
    color:#fff
}

.gsc-search-box{
    width:220px !important;
}

#navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none;
}

]]></b:skin>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){$('.sidebar .widget:even').addClass('bloque1');$('.sidebar .widget:odd').addClass('bloque2');});
</script>

</head>

<body>
<div class='cnt'>

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


    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

        <b:widget id='Header1' locked='true' title='Pyrmont V2 (Header)' type='Header'>
<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 class='head1'>
            <h1 class='title'>
              <a expr:href='data:blog.homepageUrl'><data:title/></a>
            </h1>
            <p><data:description/></p>
        </div>
        <div class='head2'>
            <h3>Blogger Template</h3>
            <p>A free, dirty but clean <a href='http://www.blogcrowds.com/resources/blogger-templates/'>blogger template</a> design by <a href="http://studio.st">studio ST</a> from blogcrowds.</p>
        </div>
        </b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
<b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>

    </b:section>



    <div class='main'>

        <div id='crosscol-wrapper' style='text-align:center'>
            <b:section class='crosscol' id='crosscol' showaddelement='no'/>
        </div>

        <div class='content'>
        <b:section class='main2' id='main2' showaddelement='no'>

            <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

    <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 == "static_page"'>
        <b:include data='post' name='comments'/>
      </b:if>
      <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:include name='feedLinks'/>

<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:includable>

            <b:includable id='post' var='post'>
                <div expr:id='data:post.id' class='post'>
                    <a expr:name='data:post.id'/>

                    <div class='posttitle'>
                        <h2><a expr:href='data:post.url'><data:post.title/></a></h2>
                        <small>
                            <b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
                            <data:post.dateHeader/>
                        </small>
                    </div>
                    <div class='entrytext'>
                        <p><data:post.body/><div style='clear: both;'/></p>
                    </div>
                    <p class='postmetadata'>
                        Posted in <b:if cond='data:post.labels'>
<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>
                        by <b:if cond='data:top.showAuthor'><data:post.author/></b:if> |
                        <b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
                    </p>
                    <b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
    <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>

<span class='reaction-buttons'>
    <b:if cond='data:top.showReactions'>
      <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
        <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
          <span class='reactions-label'>
          <data:top.reactionsLabel/></span> </td>
        <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
       </tr></table>
    </b:if>
</span>

<span class='star-ratings'>
    <b:if cond='data:top.showStars'>
       <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
    </b:if>
</span>

   
   <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>

<span class='post-icons'>
    
    <b:if cond='data:post.emailPostUrl'>
      <span class='item-action'>
      <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
          <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
      </a>
      </span>
    </b:if>
</span>

<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>
            </b:includable>

            <b:includable id='comments' var='post'>
            <b:if cond='data:post.allowComments'>
                <a name='comments'/>
                <h2 id='comments' class='responses'><b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if></h2>

                <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>

                <ol class='commentlist'>
                <b:loop values='data:post.comments' var='comment'>
                    <a expr:name='data:comment.anchorName'/>
                    <li>
                        <div class='commentcontent'>
                            <b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if><b:include data='comment' name='commentDeleteIcon'/>
                        </div>
                        <p class='authorcom'>
                            <span><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></span>
                            <small class='commentmetadata'><a expr:href='data:comment.url' title='comment permalink'><data:comment.timestamp/></a></small>
                        </p>
                    </li>
                </b:loop>
                </ol>

                <b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
                <div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
            </b:if>
            </b:includable>

            <b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <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='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
</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='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
</span>
</b:includable>

<b:includable id='comment-form' var='post'>
<div class='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='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <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='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='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='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='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:widget>
        </b:section>
        </div>

        <b:section class='sidebar' id='sidebar' preferred='yes'>
            <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +       "&dir=close&toggle=" + data:interval.toggleId +       "&toggleopen=" + data:toggleopen'>
        <span class='zippy toggle-open'>▼ </span>
    </a>
<b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +         "&dir=open&toggle=" + data:interval.toggleId +         "&toggleopen=" + data:toggleopen'>
          <span class='zippy'>
            <b:if cond='data:blog.languageDirection == "rtl"'>
              ◄
            <b:else/>
              ►
            </b:if>
          </span>
    </a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
</ul>
</b:includable>
</b:widget>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
    <b:if cond='data:codeSnippet != ""'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != ""'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if>
</b:if>
<div class='widget-content'>
    <div expr:id='data:widget.instanceId + "-wrapper"'>
      <b:if cond='data:codeSnippet != ""'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == ""'>
          <span class='item-control following-not-admin'>
            <b><data:failureSnippet/></b>
          </span>
          <span class='item-control blog-admin'>
            <b><data:adminFailureSnippet/></b>
          </span>
        <b:else/>
          <b:if cond='data:followingLinkPresent'>
            <div class='follow-this profile-link item-control following-follow-this'>
              <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
                <data:stopFollowingMessage/>
              </a>
            </div>
          </b:if>

          <div class='followers-grid'>
            <b:if cond='data:totalFollowerCount == 0'>
              <div class='profile-link item-control following-follow-this'>
                <data:emptyFollowersMessage/>
              </div>
            </b:if>
            
            <b:loop values='data:followers' var='follower'>
              <div class='follower'>
                <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
                <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
                </a>
              </div>
            </b:loop>
            <div class='clear'/>
          </div>

          <div class='followers-canvas profile-link'>
            <data:followersFooterMessage/>
            <span class='item-control following-not-admin'>
              <a expr:href='data:followersUri'>
                <data:viewAllMessage/>
              </a>
            </span>
            <span class='item-control blog-admin'>
              <a expr:href='data:manageFollowersUri'>
                <data:manageFollowersMessage/>
              </a>
            </span>
          </div>
          </b:if>
      </b:if>
    </div>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
        </b:section>


        
        <div class='clear'> </div>

    </div> 

<div class='footer'><b:section class='foot' id='footer'/><p class='foot2'>Copyright 2009</p><p class='foot1'>Design by <a href='http://studio.st/'>Studio ST</a>. <a href='http://www.blogcrowds.com/resources/blogger-templates'>Blogger Templates</a> by <a href='http://www.blogcrowds.com/'>Blogcrowds</a>. </p>
</div>

</div>
</body>
</html>"

I With You

Labels

Download A Creative 2 Columns Template (1)

No comments:

Shortener

pop

ContactUs

MasterCard/BlackMoney

Who am i ?