Website Template

Script Template City Light

<?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: City Lights
Theme URI: http://www.freewpthemes.net/preview/citylights
Description: Tested on WP 2.3.1
Version: 2.0
Author: Free WordPress Themes
Author URI: http://www.freewpthemes.net

Template Name: City Lights
Template URI: http://themecraft.net/2009/11/city-lights-blogger-template.html
Version: 1.0
Converter: Theme Craft
Converter URI: http://themecraft.net

City Lights Blogger Template comes under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 Malaysia License.
This means it is free to use on your blog, and you must keep the footer link intact, also as a respect to the designer and converter.
We sincerely need your respect to continue our free Blogger template production, thank you.
ThemeCraft.net
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="textcolor" description="Text Color"
             type="color" default="#666666" value="#666666">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#3CB7FF" value="#3CB7FF">
   <Variable name="hoveredlinkcolor" description="Hovered Link Color"
             type="color" default="#3CB7FF" value="#3CB7FF">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#222426" value="#222426">
   <Variable name="pagedescriptioncolor" description="Blog Description Color"
             type="color" default="#222426" value="#222426">
   <Variable name="menulinkcolor" description="Menu Link Color"
             type="color" default="#FFFFFF" value="#FFFFFF">
   <Variable name="hoveredmenulinkcolor" description="Hovered Menu Link Color"
             type="color" default="#FFFFFF" value="#FFFFFF">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#3CB7FF" value="#3CB7FF">
   <Variable name="postmetacolor" description="Post Meta Color"
             type="color" default="#3CB7FF" value="#3CB7FF">
   <Variable name="postmetalinkcolor" description="Post Meta Link Color"
             type="color" default="#3CB7FF" value="#3CB7FF">
   <Variable name="bottompostmetacolor" description="Bottom Post Meta Color"
             type="color" default="#3CB7FF" value="#3CB7FF">
   <Variable name="bottompostmetalinkcolor" description="Bottom Post Meta Link Color"
             type="color" default="#3CB7FF" value="#3CB7FF">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#3CB7FF" value="#3CB7FF">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666666" value="#666666">
   <Variable name="sidebarlinkcolor" description="Sidebar Link Color"
             type="color" default="#3CB7FF" value="#3CB7FF">
   <Variable name="footertextcolor" description="Footer Text Color"
             type="color" default="#666666" value="#666666">
   <Variable name="footerlinkcolor" description="Footer Link Color"
             type="color" default="#187BD9" value="#187BD9">
   <Variable name="commenttitlecolor" description="Comment Title Color"
             type="color" default="#666666" value="#666666">
   <Variable name="commenttextcolor" description="Comment Text Color"
             type="color" default="#666666" value="#666666">
   <Variable name="commentlinkcolor" description="Comment Link Color"
             type="color" default="#3CB7FF" value="#3CB7FF">

   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Arial, Helvetica, sans-serif" value="normal normal 100% Arial, Helvetica, sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 270% Tahoma, Georgia, 'Times New Roman', Times, serif" value="normal normal 270% Tahoma, Georgia, 'Times New Roman', Times, serif">
   <Variable name="pagedescriptionfont" description="Blog Description Font"
             type="font"
             default="normal bold 110% Verdana, Arial, Helvetica, sans-serif" value="normal bold 110% Verdana, Arial, Helvetica, sans-serif">
   <Variable name="menufont" description="Menu Font"
             type="font"
             default="normal bold 100% Verdana, Arial, Helvetica, sans-serif" value="normal bold 100% Verdana, Arial, Helvetica, sans-serif">
   <Variable name="posttitlefont" description="Post Title Font"
             type="font"
             default="normal normal 250% Tahoma, Georgia, 'Times New Roman', Times, serif" value="normal normal 250% Tahoma, Georgia, 'Times New Roman', Times, serif">
   <Variable name="postmetafont" description="Post Meta Font"
             type="font"
             default="normal normal 115% Arial, Helvetica, sans-serif" value="normal normal 115% Arial, Helvetica, sans-serif">
   <Variable name="bottompostmetafont" description="Bottom Post Meta Font"
             type="font"
             default="normal bold 100% Arial, Helvetica, sans-serif" value="normal bold 100% Arial, Helvetica, sans-serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 190% Tahoma, Georgia, 'Times New Roman', Times, serif" value="normal normal 190% Tahoma, Georgia, 'Times New Roman', Times, serif">
   <Variable name="sidebarfont" description="Sidebar Text Font"
             type="font"
             default="normal normal 100% Arial, Helvetica, sans-serif" value="normal normal 100% Arial, Helvetica, sans-serif">
   <Variable name="commentheaderfont" description="Comment Title Font"
             type="font"
             default="normal bold 100% Tahoma, Georgia, 'Times New Roman', Times, serif" value="normal bold 100% Tahoma, Georgia, 'Times New Roman', Times, serif">
   <Variable name="commenttextfont" description="Comment Text Font"
             type="font"
             default="normal normal 100% Arial, Helvetica, sans-serif" value="normal normal 100% Arial, Helvetica, sans-serif">
   <Variable name="footerfont" description="Footer Font"
             type="font"
             default="normal normal 120% Arial, Helvetica, sans-serif" value="normal normal 120% Arial, Helvetica, 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">
*/

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

body {
margin: 75px 0 0 0;
padding: 0;
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxiT3LkhTEzW4sGfGw9VkK_yO3qFZZTZzh4LFR7gsTn24e_yrUJoKIQ2BA5gmLwix7ML-Bw3u2dyEmSxHNqikk0kSCBs2A6vMN94s1mX6Qgq4GlULuYRdc65mOPV6tMKtnJJ_0kVf3EmRK/s1600/img01.jpg) repeat-x left top;
text-align: justify;
font-family: x-small Arial, Helvetica, sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
    color:$textcolor;
}

form {
margin: 0;
padding: 0;
}

input {
padding: 5px;
border: 1px solid #626262;
font: normal 1em Arial, Helvetica, sans-serif;
}

h1, h1 a, h2, h2 a, h3, h3 a {
margin: 0;
text-decoration: none;
}

h1 {
letter-spacing: -1px;
}

h2 {
letter-spacing: -1px;
}

h3 {
font-size: 1em;
}

p, ol, ul {
margin-bottom: 2em;
line-height: 200%;
}

blockquote {
margin: 0 0 0 1.5em;
padding-left: 1em;
border-left: 5px solid #DDDDDD;
}

a {
    color:$linkcolor;
}

a:hover {
text-decoration: none;
    color:$hoveredlinkcolor;
}

img {
max-width: 100%; /* not working in IE6*/
/*height: auto;*/ /* you can enable this.*/
}

/* Header */

#header {
width: 960px;
margin: 0 auto;
height: 42px;
}

#logo h1, #logo p {
float: left;
text-transform: lowercase;
}

#logo h1 {
    font:$pagetitlefont;
padding: 0px 0 0 0px;
    color:$pagetitlecolor;
}

#logo h1 a {
    color:$pagetitlecolor;
}

#logo p {
margin: 0;
padding: 18px 0 0 4px;
line-height: normal;
    font:$pagedescriptionfont;
    color:$pagedescriptioncolor;
}

#logo a {
text-decoration: none;
}

#logo p a {
}

#menu {
float: right;
margin-top: 5px;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu li {
display: block;
float: left;
height: 42px;
}

#menu a {
display: block;
padding: 10px 20px 10px 20px;
background: #3CB7FF;
margin: 8px 0 15px 2px;
text-decoration: none;
text-align: center;
text-transform: capitalize;
    font:$menufont;
    color:$menulinkcolor;
}

#menu .last {
margin-right: 0;
padding-right: 0;
}

#menu a:hover {
background: #1B2025;
    color:$hoveredmenulinkcolor;
}

#banner {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo0POQBXDkUv6UH02KvHa95oD5vnUDcwNRVmhA0uRbOsCVpxz7Vq9fWCVhjjSWp-Vw_prtGbwbHqzOiUBfBX9khraC_YgSDCaq3dbMqyti_2KleYnMrbNJNQhxfQG1lC8p_blNqDsQDam4/s1600/img03.gif) no-repeat left top;
width: 960px;
height: 250px;
margin: 0 auto;
margin-top: 20px;
}

/* Page */

#page {
width: 960px;
margin: 0 auto;
padding: 40px 0 0 0;
}

/* Content */

#content {
float: left;
width: 620px;
padding: 0 0px 0 0px;
}

.post {
margin-bottom: 10px;
}

.post .title {

}

.post .title h2 {
padding: 0px 30px 5px 0px;
text-transform: lowercase;
    font:$posttitlefont;
    color:$titlecolor;
}

.title h2 a {
    color:$titlecolor;
}

.post .title p {
margin: 0;
padding: 10px 0 10px 20px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8NiCHIIY8rkRz7fpChnmrMMy8BwsYO8YM3liDhCBB9rRb_LbO41AfZIeoQo0mfzet_1eAH5oSfNxMAzrmYutS6-dbS3zoi9FpHJ0HHKIuAIgL6ERzS6QRJmkCwJS9B-kNNRUvkLnJ2vOY/s1600/img02.gif) no-repeat left center;
border-top: 4px #D8DFE6 solid;
line-height: normal;
    color:$postmetacolor;
    font:$postmetafont;
}

.post .title p a {
    color:$postmetalinkcolor;
}

.post .entry {
padding: 0;
    font:$bodyfont;
}

.post .links {
padding: 5px 0 10px 0;
border-bottom: 1px #D8DFE6 dotted;
margin-top: 10px;
text-align: left;
    color:$bottompostmetacolor;
font:$bottompostmetafont;
}

.post .links a {
font-weight: bold;
    color:$bottompostmetalinkcolor;
}

.post .links a:hover {
}

.post .links .more {
padding: 0 0 0 20px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAK2NDtY6xPqChvaMJnF6vo31t57o_8wG-IaI5RqTHCj0kzO1F5ZdkxkYFihJ6Pnyeg4a2ntEWKa9WtuKvQHq-sYafJBgKGUYJXMLvKPrwwfIbOcZun-vWQu9UZAGNKTer4b4MZlZB1MeB/s1600/img04.gif) no-repeat left 50%;
}

.post .links .comments {
margin-left: 20px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7pJ7DXtpicpjpruJBUF7AsYyKAhssfnbicang08PJpdIcLbVluIw66vkO9JMYvBTnzE_k6Tg7tsbrDWRaWDlPi6FSp_gbjJF4Uu0MtbOtVofKw_ZiPsBLNc82C2Qi2Spd5-4R7ZMpGhYV/s1600/img05.gif) no-repeat left 50%;
padding: 0 0 0 20px;
}

/* Sidebar */

#sidebar {
float: right;
width: 300px;
    color:$sidebartextcolor;
    font:$sidebarfont;
}

#sidebar a {
    color:$sidebarlinkcolor;
}

#sidebar .widget-content {
margin: 0;
padding: 0 0px 40px 30px;
list-style: none;
}

#sidebar ul{
margin: 0;
padding: 0;
list-style: none;
}

#sidebar li {
margin-bottom: 10px;
}

#sidebar ul li {
margin: 0;
padding-left: 30px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8NiCHIIY8rkRz7fpChnmrMMy8BwsYO8YM3liDhCBB9rRb_LbO41AfZIeoQo0mfzet_1eAH5oSfNxMAzrmYutS6-dbS3zoi9FpHJ0HHKIuAIgL6ERzS6QRJmkCwJS9B-kNNRUvkLnJ2vOY/s1600/img02.gif) no-repeat 5px 50%;
}

#sidebar h2 {
padding: 0px 30px 10px 30px;
text-transform: lowercase;
    font:$headerfont;
    color:$sidebarcolor;
}


/* Search */

#search {
padding: 20px 30px 40px 30px;
}

#search input {
padding: 0;
width: 70px;
height: 29px;
font-weight: bold;
}

#search #s {
padding: 5px;
width: 150px;
height: auto;
border: 1px solid #626262;
font: normal 1em Arial, Helvetica, sans-serif;
}

#search br {
display: none;
}


/* Footer */

#footer {
padding: 20px 0 10px 0;
border-top: 2px #EEEEEE solid;
background: #F5F5F5;
}

#footer p {
margin-bottom: 1em;
text-align: center;
line-height: normal;
    font:$footerfont;
background: #F5F5F5;
    color:$footertextcolor;
}

#footer a {
padding: 0 20px;
text-decoration: none;
    color:$footerlinkcolor;
}

#footer .legal a {
padding: 0;
}

.post-footer{
margin: 20px 0 5px 0;
}

#comments-block{
margin: 10px 0px 0 0;
}

.comment-form{
margin:25px 0px 0px 0px;
max-width:642px !important;
width:642px !important;
font:$commentheaderfont;
}

h4#comments{
margin:0 0 0 0px;
color:$commenttitlecolor;
font:$commentheaderfont;
}

#comment-content{
margin:0 0px 25px 0;
color:$commenttextcolor;
font:$commenttextfont;
}

#comment-content a{
color:$commentlinkcolor;
}

h4.backlinks{
font:$commentheaderfont;
color:$commenttitlecolor;
padding:0 0 20px 0px;
margin:0 0 10px 0px;
}

a.blog-pager-newer-link{
    float: left;
padding: 0px 0 15px 0px;
margin: 4px 4px 4px 0px;
color:$linkcolor;
}

a.blog-pager-older-link{
float: right;
padding: 0px 0px 15px 0px;
margin: 4px 0px 4px 4px;
color:$linkcolor;
}

a.home-link{
padding: 2px 2px 15px 2px;
margin: 2px;
color:$linkcolor;
}

#blog-pager{
text-align:center;
color:$linkcolor;
font:$bodyfont;
}

.feed-links{
margin: 0 0 0 0px;
padding: 0 0 10px 0;
font:$bodyfont;
color:$linkcolor;
}

.feed-links a:hover{
color:$linkcolor;
}

.feed-link{
color:$linkcolor;
}

.feed-link a:hover{
color:$linkcolor;
}

#backlinks-container{
margin: 0 0 0px 0px;
    padding: 0 0 10px 0;
font:$bodyfont;
}

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

  <body>
 
  <!-- Header -->
    <div id='header'>
<div id='logo'>

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

      <b:section class='header1' id='header1' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='City Lights (Header)' type='Header'>
<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'>
    <p><data:description/></p>
</b:includable>
<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 -->
        <h1>
          <b:include name='title'/>
        </h1>
      <b:include name='description'/>
  </b:if>
</b:includable>
</b:widget>
</b:section>
</div>

<!-- Menu -->
<div id='menu'>
<b:section class='menu1' id='menu1' preferred='yes' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Menu' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
  <ul>
<b:loop values='data:links' var='link'>
  <li class='page_item'><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
  </ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- /Menu -->

    </div>
<!-- Header -->

<div id='banner'> </div>

<!-- Page -->
<div id='page'>

<!-- Content -->
    <div id='content'>

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

      <div id='main-wrapper'>
        <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'>
    <a expr:name='data:post.id'/>
 <div class='title'>
    <b:if cond='data:post.title'>
 <h2>
     <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>
 </h2>
    </b:if>

    <div class='post-header-line-1'/>

<p><small>
      <b:if cond='data:top.showTimestamp'>
 <b:if cond='data:post.url'>
 Posted on  <data:post.timestamp/>
 </b:if>
 </b:if>
 <b:if cond='data:top.showAuthor'>
 by <data:post.author/>
 </b:if>
</small></p>
</div>

    <div class='entry'>
<p>
      <data:post.body/>
</p>
<div style='clear: both;'/>
</div>

<p class='links'>
    <b:if cond='data:post.hasJumpLink'>
        <a class='more' expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
    </b:if>

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <b:if cond='data:post.allowComments'>
 <a class='comments' 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>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <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>
      </b:if>
 </p>

    <!-- backlinks -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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>
    </b:if>
   
    <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>
      </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>
</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 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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </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 id='comments'>
        <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 expr:class='data:post.avatarIndentClass' id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
 <div id='comment-content'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <b:if cond='data:comment.favicon'>
              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
            </b:if>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:blog.enabledCommentProfileImages'>
              <data:comment.authorAvatarImage/>
            </b:if>
            <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>
 </div>
        </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:defaultAdStart/>
    <b:loop values='data:posts' var='post'>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <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>
        <div class='inline-ad'>
          <data:adCode/>
        </div>
        <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>
<br style='clear: both;'/>
    </div>
<!-- /Content -->

<!-- Sidebar -->
<div id='sidebar'>
  <ul>
    <b:section class='sidebar1' id='sidebar1' 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 expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <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>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <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>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<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 + &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: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 + &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='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='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </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:section>
  </ul>
</div>
<!-- /Sidebar -->

  <br style='clear: both;'/>
  </div>
  <!-- /Page -->

<!-- Footer -->
<div id='footer'>
<p class='legal'><a href='http://infinityskins.blogspot.com/'>Infinityskins</a></p>
</div>
<!-- /Footer -->


</body>
</html>

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 komentar:

Posting Komentar

Site Search