Saturday 13 September 2008

Wide Scribe (Описание)!

Это пример блога в новом Расширенном Шаблоне Scribe. Шаблон берет свое начало от стандартного шаблона Blogger(а), который назывался "Scribe".

В оригинале "Scribe" имел две колонки - общая ширина 700px: sidebar 150px и основная колонка для текста статей 430px.

Мы увеличили общую ширину макета до 900px: sidebar 250px и основная колонка для текста статей 530px. 250px sidebar позволяет использовать любой Гаджет и 530px достаточно широкое поле для статей. А еще мы поменяли sidebar и основную колонку местами - так нам показалось логичнее.

Вы можете высказывайте ваши предложения об этом темплейте в комментариях! И возможно мы еще больше улучшим этот шаблон для Вас!

Всем удачи,
Света и Кайл Китон

Friday 12 September 2008

Как заменить шаблон/template блога на Blogger'е!

1. Делаем бэкап - резервную копию вашего текущего шаблона:

На панеле инструментов выбираем Макет/Layout --> Изменить Html/Edit Html, кликаем по ссылке Загрузить весь шаблон/Download Full Template и на домашнем компьютере у нас сохранится файл типа template-nnnnnnnn.xml (где nnnnnn это очень много цифр). Сохраните этот файл и если вам не понравится результат замены шаблона вы всегда сможете восстановить ваш шаблон, нажав на кнопку [Загрузить]/[Upload].

2. Если у вас есть какие-то особенные Гаджеты: информеры, счетчики, списки ссылок и т.д. - что-то что вы дописывали самостоятельно для вашего шаблона скопируйте мышкой текст этих гаджетов в текстовые файлы на ваш домашний компьютер.

3. Теперь Вы готовы поменять шаблон:
1) Ставим галочку на Расширить шаблоны виджета/Expand Widget Templates.
2) Выделяем весь Html текст в окошке и удаляем его.
3) Копируем из следующей статьи Html-код и вставляем его в очищенное на предыдущем шаге окошко.
4) Нажимаем кнопку [ПРОСМОТР] и любуемся полученным результатом.
5) Если результат нравится нажимаем кнопку [СОХРАНИТЬ] если результат не нравится нажимаем кнопку [УБРАТЬ ИЗМЕНЕНИЯ].

Комментарии и вопросы приветствуются!
Света и Кайл Китон

Thursday 11 September 2008

Код Шаблона - Скопирую Его!

<?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 Sheet
Name: Wide Scribe
Designer: Svetlana
URL: http://kylekeeton.com
Date: Sept. 2008
Updated by: Boza
------------------------------------------------------ */

/*
Variable definitions
====================
<Variable name="textColor" description="Text Color" type="color"
default="#29303b" value="#29303b">
<Variable name="postTitleColor" description="Post Title Color" type="color"
default="#1b0431" value="#1b0431">

<Variable name="linkColor" description="Link Color" type="color"
default="#473624" value="#473624">
<Variable name="visitedLinkColor" description="Visited Link Color" type="color"
default="#956839" value="#956839">
<Variable name="pageHeaderColor" description="Blog Title Color" type="color"
default="#612e00" value="#612e00">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#29303B" value="#29303B">
<Variable name="sidebarHeaderColor" description="Sidebar Title Color"
type="color"
default="#211104" value="#211104">

<Variable name="bodyFont" description="Text Font"
type="font"
default="normal normal 100% Georgia, Times New Roman,Sans-Serif;" value="normal normal 86% Georgia, Times New Roman,Sans-Serif;">
<Variable name="headerFont" description="Sidebar Title Font"
type="font"
default="normal normal 150% Georgia, Times New Roman,sans-serif" value="normal normal 150% Georgia, Times New Roman,sans-serif">

<Variable name="pageTitleFont" description="Blog Title Font"
type="font"
default="normal normal 225% Georgia, Times New Roman,sans-serif" value="normal normal 225% Georgia, Times New Roman,sans-serif">
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="italic normal 100% Georgia, Times New Roman, sans-serif" value="italic normal 100% Georgia, Times New Roman, sans-serif">
<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
*/

/* Defaults
----------------------------------------------- */
body {
margin:0;
padding:0;
font-size: small;
text-align:center;
color:$textColor;
line-height:1.3em;
background:#483521 url("http://www2.blogblog.com/scribe/bg.gif") repeat;
}

blockquote {
font-style:italic;
padding:0 32px;
line-height:1.6;
margin-top:0;
margin-$endSide:0;
margin-bottom:.6em;
margin-$startSide:0;
overflow:scroll;
}

p {
margin:0;
padding:0;
}

abbr, acronym {
cursor:help;
font-style:normal;
}

code {
font-size: 90%;
white-space:normal;
color:#666;
}

hr {display:none;}

img {border:0;}

/* Link styles */
a:link {
color:$linkColor;
text-decoration:underline;
}
a:visited {
color: $visitedLinkColor;
text-decoration:underline;
}
a:hover {
color: $visitedLinkColor;
text-decoration:underline;
}
a:active {
color: $visitedLinkColor;
}


/* Layout
----------------------------------------------- */
#outer-wrapper {
background-color:#473624;
border-$startSide:1px solid #332A24;
border-$endSide:1px solid #332A24;
width:900px;
margin:0px auto;
padding:8px;
text-align:center;
font: $bodyFont;
}
#main-top {
width:900px;
height:49px;
background:#FFF3DB url("http://i358.photobucket.com/albums/oo23/blogger4you/bg_paper_top.jpg") no-repeat top $startSide;
margin:0px;
padding:0px;
display:block;
}
#main-bot {
width:900px;
height:81px;
background:#FFF3DB url("http://i358.photobucket.com/albums/oo23/blogger4you/bg_paper_bot.jpg") no-repeat top $startSide;
margin:0;
padding:0;
display:block;
}
#wrap2 {
width:900px;
background:#FFF3DB url("http://i358.photobucket.com/albums/oo23/blogger4you/bg_paper_mid.jpg") repeat-y;
margin-top: -14px;
margin-$endSide: 0px;
margin-bottom: 0px;
margin-$startSide: 0px;
text-align:$startSide;
display:block;
}

#wrap3 {
padding:0 50px;
}

.Header {

}

h1 {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:6px;
padding-$startSide:0;
font: $pageTitleFont;
color: $pageHeaderColor;
}

h1 a:link {
text-decoration:none;
color: $pageHeaderColor;
}

h1 a:visited {
text-decoration:none;
}

h1 a:hover {
border:0;
text-decoration:none;
}
.Header .description {
margin:0;
padding:0;
line-height:1.5em;
color: $blogDescriptionColor;
font: $blogDescriptionFont;
}

#sidebar-wrapper {
clear:$startSide;
}

#main {
width:530px;
float:$startSide;
padding:8px 0;
margin:0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar {
width:250px;
float:$endSide;
padding:8px 0;
margin:0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#footer {
clear:both;
/* background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top $startSide;*/
border-top:1px solid #332A24;
padding-top:10px;
_padding-top:6px; /* IE Windows target */
}
#footer p {
line-height:1.5em;
font-size:75%;
}

/* Typography :: Main entry
----------------------------------------------- */
h2.date-header {
font-weight:normal;
text-transform:uppercase;
letter-spacing:.1em;
font-size:90%;
margin:0;
padding:0;
}
.post {
margin-top:8px;
margin-$endSide:0;
margin-bottom:24px;
margin-$startSide:0;
}
.post h3 {
font-weight:normal;
font-size:140%;
color:$postTitleColor;
margin:0;
padding:0;
}
.post h3 a {
color: $postTitleColor;
}
.post-body p {
line-height:1.5em;
margin-top:0;
margin-$endSide:0;
margin-bottom:.6em;
margin-$startSide:0;
}
.post-footer {
font-family: Verdana, sans-serif;
font-size:74%;
border-top:1px solid #BFB186;
padding-top:6px;
}

.post-footer a {
margin-$endSide: 6px;
}

.post ul {
margin:0;
padding:0;
}
.post li {
line-height:1.5em;
list-style:none;
background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat $startSide .3em;
vertical-align:top;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: .6em;
padding-$startSide: 17px;
margin:0;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}
/* http://kylekeeton.com by Svetlana
----------------------------------------------- */
/* Typography :: Sidebar
----------------------------------------------- */
.sidebar h2 {
margin:0;
padding:0;
color:$sidebarHeaderColor;
font: $headerFont;
}
.sidebar h2 img {
margin-bottom:-4px;
}

.sidebar .widget {
font-size:86%;
margin-top:6px;
margin-$endSide:0;
margin-bottom:12px;
margin-$startSide:0;
padding:0;
line-height: 1.4em;
}

.sidebar ul li {
list-style: none;
margin:0;
}

.sidebar ul {
margin-$startSide: 0;
padding-$startSide: 0;
}

/* Comments
----------------------------------------------- */
#comments {}
#comments h4 {
font-weight:normal;
font-size:120%;
color:#29303B;
margin:0;
padding:0;
}
#comments-block {
line-height:1.5em;
}
.comment-author {
background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 2px .35em;
margin:.5em 0 0;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:20px;
font-weight:bold;
}
.comment-body {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:20px;
}
.comment-body p {
font-size:100%;
margin-top:0;
margin-$endSide:0;
margin-bottom:.2em;
margin-$startSide:0;
}
.comment-footer {
color:#29303B;
font-size:74%;
margin:0 0 10px;
padding-top:0;
padding-$endSide:0;
padding-bottom:.75em;
padding-$startSide:20px;
}
.comment-footer a:link {
color:#473624;
text-decoration:underline;
}
.comment-footer a:visited {
color:#716E6C;
text-decoration:underline;
}
.comment-footer a:hover {
color:#956839;
text-decoration:underline;
}
.comment-footer a:active {
color:#956839;
text-decoration:none;
}
.deleted-comment {
font-style:italic;
color:gray;
}


/* Profile
----------------------------------------------- */

#main .profile-data {
display:inline;
}

.profile-datablock, .profile-textblock {
margin-top:0;
margin-$endSide:0;
margin-bottom:4px;
margin-$startSide:0;
}
.profile-data {
margin:0;
padding-top:0;
padding-$endSide:8px;
padding-bottom:0;
padding-$startSide:0;
text-transform:uppercase;
letter-spacing:.1em;
font-size:90%;
color:#211104;
}
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
border:1px solid #A2907D;
padding:2px;
}

#header .widget, #main .widget {
margin-bottom:12px;
padding-bottom:12px;
}

#header {
/* background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat bottom $startSide; */
border-bottom:1px solid #332A24;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper {
margin-top: 0;
padding-top: 0;
}

body#layout #wrap2,
body#layout #wrap3 {
margin-top: 0;
}

body#layout #main-top {
display:none;
}
]]></b:skin>
</head>

<body>
<div id='outer-wrapper'>

<div id='main-top'/> <!-- placeholder for image -->

<div id='wrap2'><div id='wrap3'>

<b:section class='header' id='header' maxwidgets='2' showaddelement='no'>
<b:widget id='Header1' locked='true' title='�а� �е�в�й �лог! (заголовок)' 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='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Сооб�ени� блога' type='Blog'>
<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:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<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'>
<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>

<!-- 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:if cond='data:isReSearchEnabled'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<data:reSearchJs/>
<script type='text/javascript'>
google.load(&#39;search&#39;, &#39;1&#39;);
function reSearchInit() {
var blogSearcher = new google.search.BlogSearch();
var blogHomepageUrl = &#39;<data:blogHomepageUrl/>&#39;;
var adCodeUri = &#39;<data:reSearchAdCodeUri/>&#39;;
var referrer = document.referrer;
var postTitleFilter = &#39;<data:reSearchPostTitleFilter/>&#39;;

var reSearch = new BLOG_ReSearch(blogSearcher,
blogHomepageUrl,
adCodeUri,
referrer,
postTitleFilter);
reSearch.run();
};
google.setOnLoadCallback(reSearchInit);
</script>
</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 + &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='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

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

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

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

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data: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>

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

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
</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'>
<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>
</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='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='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='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='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'>
<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: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='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='275' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</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'>&#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='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='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 id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
<a href='http://blogger4you.blogspot.com' target='_blank'><i style='font-size:70%'>&#169;Blogger4You Templates</i></a>
</div></div>
<div id='main-bot'/> <!-- placeholder for image -->

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

©Blogger4You Templates