Template toko online blogger blogspot merupakan solusi bagi yang ingin jualan online dengan biaya sangat murah karena tidak ada biaya tahunan seperti sewa domain dan hosting. Pengelolaan sangat mudah karena memakai blogspot/blogger sehingga cocok bagi siapa saja. Dapatkan template terbaru kami dengan harga spesial, layout 3 kolom tampilan sangat elegan dengan harga sangat murah, cukup bayar satu kali bisa pakai selamanya.......

Sabtu, 03 Desember 2011

CRAFT WORK



<?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[/*

---------------------------------------------------------------------------
Theme Name: Craftwork
Theme URI: http://www.ezwpthemes.com/templates/craftwork.html
Description:Free WordPress theme is designed by <a href="http://www.ezwpthemes.com/">EZwpthemes</a>.
Author: EZwpthemes
Author URI: http://www.ezwpthemes.com/
---------------------------------------------------------------------------
*/


/* Global */
.Navbar {visibility:hidden;display: none;}
* {
        margin: 0;
        padding: 0;
}

::-moz-selection {
        background: #369;
        color: #ff0;
}

::selection {
        background: #369;
        color: #ff0;
}

code::-moz-selection {
        background: #333;
}

code::selection {
        background: #333;
}

body {
        font-size: 62.5%; /* Resets 1em to 10px */
        font-family: Arial, Verdana, Sans-Serif;
        background: #e6d9c3 url(http://www.templatesimages.com/images/Craftwork/body-bg.jpg);
        color: #000;
}

p {
        margin: 1em 0;
}

acronym, abbr, span.caps {
        font-size: 0.9em;
        letter-spacing: .07em;
        cursor: help;
        border-bottom: 1px dashed #666;
}

blockquote {
        margin: 5px 20px;
        padding: 0;
        color: #ffffff;
        border-left: 5px solid #666;
        background: #ababab;
}

blockquote p {
        padding: 10px 20px;
        display: block;
}

a {
        color: #c30;
}

a:hover {
        text-decoration: none;
}

a img {
        border: none;
}

h1, h2, h3 {
        font-family: Arial, Verdana, Sans-Serif;
        font-weight: bold;
}

h1 {
        font-size: 4em;
}

h2 {
        font-size: 1.6em;
}

.endline {
  clear: both;
}

#wrapper {
        margin: 0 auto;
        width: 1000px;
        background: url(http://www.templatesimages.com/images/Craftwork/wrapper-bg.jpg) repeat-y;
}

#top-frame {
        margin: 0 auto;
        width: 1000px;
        background: url(http://www.templatesimages.com/images/Craftwork/top-frame.jpg) no-repeat;
}

#bottom-frame {
        margin: 0 auto;
        width: 1000px;
        background: url(http://www.templatesimages.com/images/Craftwork/bottom-frame.jpg) bottom no-repeat;
}
#blog-pager-newer-link {float: left;padding:6px 3px;margin-bottom:10px;}
#blog-pager-older-link {float: right;padding:6px 3px;margin-bottom:10px;}
#blog-pager {text-align: center; padding:6px 3px;margin-bottom:10px;}

/* Header */

#header {
        width: 1000px;
        height: 200px;
}

#header h1 {
        color:#CF0E45;
        font-size: 4em;
        padding: 10px 0 0 180px;
}

#header h1 a {
        text-decoration: none;
        color: #CF0E45;
}
p.description {font: bold 1em/1.5em "Times New Roman", Times, serif;
        color: #cf0e45;
        font-size: 1.4em;
        padding: 0 0 0 190px;margin-top:2px;
}
#header h2 {
        color: #cf0e45;
        font-size: 1.6em;
        padding: 0 0 0 190px;
}

/* Navigation */

#navigation {
        margin: -5px 0 0 180px;*margin: -5px 0 0 95px;
        float: left;
}

#searchform {
        float: left;
        margin: 4px 0 0 100px;
        *margin: 6px 0 0 100px;
}
#searchform input {
        float: left;
        border: none;
        color: #000;
}
#searchform .searchtext {
        margin: 12px 14px 0 0;
        width: 160px;
        display: inline;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.2em;
        border: none;
        background: transparent;
}
#searchform .searchbutton{
        width: 42px;
        height: 36px;
}
#searchform label {
        display: none;
}

#rss {
        padding: 12px 0 0 530px;
}


/* Social Bookmarking */

.bookmark-line {
        float: left
}

.bookmark-line ul {
        display: inline;
}

.bookmark-line ul li {
        background: none;
        display: inline;
        list-style-type: none;
}

.bookmark-line img {
        border: 0;
}

.bookmark-icon {
        opacity: .4;
        -moz-opacity: .4;
        filter: alpha(opacity=40);
        _filter: alpha(opacity=100);
}

.bookmark-icon:hover {
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
}


/* Mainframe */

#container {
        width: 675px;
        padding: 0 155px 0 169px;
}


/* Content */

#content {
        float: left;
        width: 391px;
        padding-bottom: 20px;
}

.post {
        padding: -5px 10px 50px 10px;
}

.post h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.6em;
        padding: 6px 0 0 10px;
}

.post h2 a {
        text-decoration: none;
        color: #000;
}

.postmetadata {
        padding: 0 0 0 12px;
        margin: 0;
        color: #a0a0a0;
        background: url(images/post-meta.jpg) no-repeat;
        font-size: 1em;
}

.entry {
        font-family: Tahoma;
        font-size: 1.2em;
        line-height: 20px;
        padding: 0 10px;
}

.commentline {
        padding-top: 10px;
}

.read-comments {
        float: right;
        font-weight: bold;
        font-size: 0.9em;
        padding: 0 12px 0 0;
        text-decoration: none;
}

.notfound {
        margin: 100px auto;
        text-align:center;
        font-size: 4em;
        font-weight: bold;
        color: #7e2d17;
}

.quickjump {
        padding: 0 0 0 30px;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 18px;
        color: #782f02;
}

.postjumper {
        float: left;
}

.postjumper img {
        padding-right: 20px;
}


/* PageNavi*/

.wp-pagenavi {
        padding: 5px 40px;
}

.wp-pagenavi a {
        padding: 2px 4px;
        _padding: 2px 0;
        margin: 2px;
        _margin: 1px;
        text-decoration: none;
        border: 1px solid #06c;
        color: #06c;
        background-color: #fff;
}

.wp-pagenavi a:hover {
        border: 1px solid #000;
        color: #000;
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {
        padding: 2px 4px;
        _padding: 2px 0;
        margin: 2px;
        _margin: 1px;
        border: 1px solid #000;
        color: #000;
        background-color: #fff;
}


/* Sidebar */

#sidebar {
        float: left;
        width: 284px;
        padding-top: 80px;
}
#sidebar-top {
        width: 200px;
        height: 160px;
        padding-left:20px;

}
#sidebar-bottom {
        width: 284px;
        height: 90px;
}

#sidebar h2 {
        font-size: 1.6em;
        font-weight: bold;
        font-family: Arial;
        color: #fff;
        padding: 15px 0;
        text-align: center;
        background: url(http://www.templatesimages.com/images/Craftwork/sidebar-h.jpg) no-repeat;
}

#sidebar ul {
        padding: 10px 30px 0 10px;
        list-style: none;
}

#sidebar ul li {
        margin: 0 0 20px 0;
}
#sidebar li {
        margin: 6px 0 0 0;
        padding: 0 0 0 5px;
        list-style-image: url(http://www.templatesimages.com/images/Craftwork/sidebar-li.gif);
}

#sidebar ul ul {
        margin: 6px 0 0 0;
        padding: 0 0 0 20px;
        list-style-image: url(http://www.templatesimages.com/images/Craftwork/sidebar-li.gif);
}

#sidebar ul ul li {
        margin: 6px 0;
        font-size: 1.2em;
        color: #000;
}

#sidebar ul ul li a {
        color: #333333;
}

#sidebar li a {
        color: #333333;
}

#sidebar ul ul li a:hover {
        text-decoration: none;
}
.widget-content {
}
.sidebar .widget {
margin-top:-70px;
margin-bottom: 10em;
padding: 0;
background: none;
}
.ads {
        float: left;
        width: 125px;
        height: 125px;
        padding: 5px;
}


/* Calendar */

#wp-calendar {
        empty-cells: show;
        margin: 10px auto 0;
        width: 100%;
}

#wp-calendar #next a {
        padding-right: 10px;
        text-align: right;
        font-size: 1.1em;
}

#wp-calendar #prev a {
        padding-left: 10px;
        text-align: left;
        font-size: 1.1em;
}

#wp-calendar a {
        display: block;
        font-weight: bold;
        text-decoration: none;
}

#wp-calendar a:hover {
        background: #000;
        color: #fff;
}

#wp-calendar caption {
        text-align: center;
        width: 100%;
        font: bold 1.3em Verdana, Arial, Sans-Serif;
}

#wp-calendar td {
        padding: 3px 0;
        font-size: 1.2em;
        text-align: center;
}

#wp-calendar th {
        font-style: normal;
        font-size: 1.2em;
        text-transform: capitalize;
}


/* Comments */

h3#comments, #respond h3 {
        font-size: 1.4em;
        color: #666;
}


#commentform {
        margin: 5px 0 0 0;
}

#commentform input {
        width: 170px;
        padding: 2px;
        margin: 5px 5px 1px 0;
        font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#commentform textarea {
        width: 98%;
        padding: 2px;
        font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#commentform p {
        margin: 5px 0;
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#commentform #submit {
        margin: 0 0 5px auto;
        float: right;
}

#respond {
        color: #666;
}

#respond:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

.commentlist li {
        margin: 15px 0 10px;
        padding: 5px 5px 10px 10px;
        list-style: none;
        font-weight: bold;
        font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li ul li {
        margin-right: -5px;
        margin-left: 10px;
        font-size: 1em;
}

.commentlist p {
        margin: 10px 5px 10px 0;
        font-weight: normal;
        line-height: 1.5em;
        text-transform: none;
}

.commentlist li .avatar {
        float: right;
        border: 1px solid #333;
        padding: 2px;
        background: #fff;
}

.commentlist li a {
        color: #000;
}

.commentlist cite, .commentlist cite a {
        font-weight: bold;
        font-style: normal;
        font-size: 1.1em;
}

.nocomments {
        text-align: center;
}

.commentmetadata {
        display: block;
        font-weight: normal;
}

.thread-alt {
        background-color: #dcbea4;
}

.thread-even {
        background-color: #e3cbb3;
}

.depth-1 {
        border: 1px solid #000;
}

.alt {
        border-left: 1px solid #000;
        background-color: #dcbea4;
        padding: 10px;
}

.even {
        border-left: 1px solid #000;
        background-color: #e3cbb3;
}


/* Footer */

#footer {
        width: 1000px;
        height: 196px;
        clear: both;
}

#credit {
        padding: 40px 150px 0 0;
        text-align: right;
        color: #594321;
        font-size: 1.1em;
}

#credit a {
        color: #594321;
        text-align: center;
        text-decoration: none;
}


/* Images */

p img {
        max-width: 100%;
}

img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

img.alignright {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline;
}

img.alignleft {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline;
}

.alignright {
        float: right;
}

.alignleft {
        float: left
}


/* Captions */

.aligncenter, div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.wp-caption {
        border: 1px solid #ddd;
        text-align: center;
        background-color: #f3f3f3;
        padding-top: 4px;
        margin: 10px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
}

.wp-caption img {
        border: 0 none;
}

.wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        padding: 0 4px 5px;
}
]]></b:skin>
  </head>

  <body>
  <div id='wrapper'><div id='bottom-frame'><div id='top-frame'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div id='header'>
      <b:section class='header' id='header1' maxwidgets='3' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Craftwork Blogger Template (Header)' type='Header'>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      <!--Show just the image, no text-->
      <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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' 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/>
    <!--No header image -->
    <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: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 id='rss'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='RSS' height='50px' src='http://www.templatesimages.com/images/Craftwork/spacer.gif' width='50px'/></a></div>

<!-- navigation start -->
<div id='navigation'>
<a expr:href='data:blog.homepageUrl'><img alt='Home' height='36px' src='http://www.templatesimages.com/images/Craftwork/spacer.gif' width='82px'/></a>
<a href='#'><img alt='About' height='36px' src='http://www.templatesimages.com/images/Craftwork/spacer.gif' width='82px'/></a>
<a href='#'><img alt='Contact' height='36px' src='http://www.templatesimages.com/images/Craftwork/spacer.gif' width='120px'/></a>
<a href='#'><img alt='FAQ' height='36px' src='http://www.templatesimages.com/images/Craftwork/spacer.gif' width='70px'/></a>
</div>
<!-- navigation end -->
<div id='searchform'>
<form action='/search' method='get'>
<input class='searchtext' name='q' type='text' value=''/>
<input alt='Search' class='searchbutton' src='http://www.templatesimages.com/images/Craftwork/spacer.gif' type='image'/>
</form>
</div>
<div class='endline'/>
    </div>

    <div id='container'>

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

      <div id='content'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' 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='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'>&#160;</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 + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'><div class='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'>
       <h2><a expr:href='data:post.link'><data:post.title/></a></h2>
     <b:else/>
        <b:if cond='data:post.url'>
          <h2><a expr:href='data:post.url'><data:post.title/></a></h2>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>
      <p class='postmetadata'>
      <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 != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span> |       <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <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>
      </span>
      </p>

      <div class='entry'>
      <p><data:post.body/></p><div class='endline'/>
      <div class='commentline'>
<div class='bookmark-line'><ul>
<li><a expr:href='&quot;http://digg.com/submit?phase=2url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Digg' class='bookmark-icon' src='http://www.templatesimages.com/images/Craftwork/digg.png'/></a></li>
<li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Del.icio.us' class='bookmark-icon' src='http://www.templatesimages.com/images/Craftwork/delicious.png'/></a></li>
<li><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='StumbleUpon' class='bookmark-icon' src='http://www.templatesimages.com/images/Craftwork/stumbleupon.png'/></a></li>
<li><a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Reddit' class='bookmark-icon' src='http://www.templatesimages.com/images/Craftwork/reddit.png'/></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='RSS' class='bookmark-icon' src='http://www.templatesimages.com/images/Craftwork/rss.png'/></a></li>
</ul></div>
<a class='read-comments' expr:href='data:post.addCommentUrl'><img alt='Read Comments' src='http://www.templatesimages.com/images/Craftwork/read-comments.jpg'/></a>
</div>
</div>
<div class='endline'/>
      <div style='clear: both;'/> <!-- clear for photos floats -->

    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
 
      <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>&#160;</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>


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

      <span class='post-icons'>
        <!-- email post links -->
        <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>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>
      </div>

      <div class='post-footer-line post-footer-line-2'>
      </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></div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + 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='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='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <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='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' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
    <data:post.iframeColorizer/>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + 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='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='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + 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='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>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <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 expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <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>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <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 class='comment-footer'>
        <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>

      </p>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>

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

    <data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>
      <b:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->
  <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(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>

</b:includable>
</b:widget>
</b:section>
      </div>

      <div id='sidebar'>
                        <div id='sidebar-top'><!-- replace the content with your about me text -->

Hi, I&#39;m Jane Smith and I write Transition Mom Blog to help women make the transition from full-time mom to successful entrepreneur (the reader&#39;s problem or goal). I started Transition Mom Blog in 2004 to help other women deal with the sometimes overwhelming prospect. I write Transition Mom Blog to help women.</div>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +       &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId +       &quot;&amp;toggleopen=&quot; + data:toggleopen'>
        <span class='zippy toggle-open'>&#9660; </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +         &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId +         &quot;&amp;toggleopen=&quot; + data:toggleopen'>
          <span class='zippy'>
            <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
              &#9668;
            <b:else/>
              &#9658;
            </b:if>
          </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='&quot;archivedate &quot; + 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='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <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='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='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: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 + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

      <b:else/> <!-- normal blog profile -->

      <b:if cond='data:photo.url != &quot;&quot;'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

      <dl class='profile-datablock'>
        <dt class='profile-data'><data:displayname/></dt>

        <b:if cond='data:showlocation == &quot;true&quot;'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
    </b:if>

     <b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>
</b:section>
      </div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>

    </div> <!-- end content-wrapper -->

<!-- footer start -->
        <div id='footer'>
                <div id='credit'>
                        Copyright  2009 <a expr:href='data:blog.homepageurl'><data:blog.title/></a>. All rights reserved. | <a href='http://www.bloggertemplatesfree.com/'>Free Blogger Templates</a><br/>
                        <a href='http://www.ezwpthemes.com/'>Free WordPress Themes</a> designed by <a href='http://www.ezwpthemes.com/'>EZwpthemes</a> | Entertainment Show One Tree Hill on <a href='http://www.buzzmyworld.com/watch-one-tree-hill-online/'>Watch One Tree Hill Online</a> and <a href='http://www.buzzmyworld.com'>TV Shows</a>
                </div>
    </div>
<!-- footer end -->

  </div></div></div> <!-- end outer-wrapper -->
</body>
</html>
               

Tidak ada komentar:

Posting Komentar