HTML problème centrage article

Fermé
carrieblog Messages postés 5 Date d'inscription lundi 9 janvier 2017 Statut Membre Dernière intervention 15 janvier 2017 - Modifié par carrieblog le 9/01/2017 à 21:44
carrieblog Messages postés 5 Date d'inscription lundi 9 janvier 2017 Statut Membre Dernière intervention 15 janvier 2017 - 9 janv. 2017 à 22:43
Hello !

Alors voilà, j'ai commencé un blog depuis peu, et j'ai des difficultés dans la mise en page. J'utilise un template que j'ai téléchargé (Vier de The Basic Page).

Les articles sur la page d'accueil se présentent alignés à droite, puis gauche... Alors que je les voudrais tous au centre.

De plus, dans l'article, je souhaiterais tout mettre au centre également, mais je n'y arrive pas.

Voilà quelques photos qui résument mieux mon problème :

Mon blog (page d'accueil avec les articles) :


La façon dont j'aimerais que mes articles soit disposés sur la page d'accueil :


Comment mon article s'affiche :


Comment j'aimerais qu'il soit :


Voilà, j'espère avoir été assez claire !

Help !! :D
A voir également:

1 réponse

DelNC Messages postés 2234 Date d'inscription samedi 25 octobre 2014 Statut Membre Dernière intervention 22 février 2020 1 999
9 janv. 2017 à 22:01
Bonjour

tu peux mettre le code que tu utilises.
Comme çà je peux voir où est l'erreur.

@+
0
carrieblog Messages postés 5 Date d'inscription lundi 9 janvier 2017 Statut Membre Dernière intervention 15 janvier 2017
9 janv. 2017 à 22:04
Bonjour, tout le code html du blog en entier ou seulement la partie des articles (que j'ai un peu du mal à identifier d'ailleurs : main-wrapper / blog1 ?)
0
DelNC Messages postés 2234 Date d'inscription samedi 25 octobre 2014 Statut Membre Dernière intervention 22 février 2020 1 999
9 janv. 2017 à 22:12
Mets la partie des articles.
0
carrieblog Messages postés 5 Date d'inscription lundi 9 janvier 2017 Statut Membre Dernière intervention 15 janvier 2017
9 janv. 2017 à 22:43
Alors j'ai trouvé :


<div id='main-wrapper'>
<b:section class='Main' id='Main' maxwidgets='3' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Articles du blog' type='Blog' version='1' visible='true'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>

<!-- posts -->
<div class='blog-posts hfeed'>

<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<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:loop>
<data:adEnd/>
</div>

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

<!-- feed links -->
<b:include name='feedLinks'/>

<b:else/>
<b:include name='mobile-main'/>
</b:if>

<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>

</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' rel="nofollow noopener noreferrer" target="_blank" expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel="nofollow noopener noreferrer" target="_blank"><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' rel="nofollow noopener noreferrer" target="_blank" expr:id='data:widget.instanceId + "_backlinks-create-link"'><data:post.createLinkLabel/></a>

</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)' rel="nofollow noopener noreferrer" target="_blank"><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' rel="nofollow noopener noreferrer" target="_blank" id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src=""' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' rel="nofollow noopener noreferrer" target="_blank" id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src=""' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' rel="nofollow noopener noreferrer" target="_blank" expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' rel="nofollow noopener noreferrer" target="_blank" expr:onclick='data:post.addCommentOnclick'>
<data:post.numComments/> <data:commentLabel/>
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' rel="nofollow noopener noreferrer" target="_blank"><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' rel="nofollow noopener noreferrer" target="_blank"><data:post.olderLinkText/></a>
 
</b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' rel="nofollow noopener noreferrer" target="_blank"><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' rel="nofollow noopener noreferrer" target="_blank"><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>

<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src=""/>
</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 noopener noreferrer" target="_blank"><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<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' rel="nofollow noopener noreferrer" target="_blank" title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' rel="nofollow noopener noreferrer" target="_blank">
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' rel="nofollow noopener noreferrer" target="_blank">
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' rel="nofollow noopener noreferrer" target="_blank">
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' rel="nofollow noopener noreferrer" target="_blank">
<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' rel="nofollow noopener noreferrer" target="_blank" expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- 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:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
</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' rel="nofollow noopener noreferrer" target="_blank" expr:type='data:f.mimeType'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>
<script expr:src="" type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' rel="nofollow noopener noreferrer" target="_blank" expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>

<div class='mobile-post-outer'>
<a expr:href='data:post.url' rel="nofollow noopener noreferrer" target="_blank">
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>

<div class='mobile-index-arrow'>&rsaquo;</div>

<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src=""/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>

<div style='clear: both;'/>
</a>

<div class='mobile-index-comment'>
<b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

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

<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' rel="nofollow noopener noreferrer" target="_blank" expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>


<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' rel="nofollow noopener noreferrer" target="_blank" expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl' rel="nofollow noopener noreferrer" target="_blank"><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl' rel="nofollow noopener noreferrer" target="_blank"><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>

<div class='post-outer'>

<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' rel="nofollow noopener noreferrer" target="_blank"><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' rel="nofollow noopener noreferrer" target="_blank"><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>


</b:if>

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

<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel="nofollow noopener noreferrer" target="_blank" title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel="nofollow noopener noreferrer" target="_blank" title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</span>
</div>

<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);' rel="nofollow noopener noreferrer" target="_blank"><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>

</div>
</div>

<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</b:includable>
<b:includable id='nextprev'>
<b:if cond='data:blog.pageType != "item"'>
<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' rel="nofollow noopener noreferrer" target="_blank" expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><i class='fa fa-angle-left'/></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' rel="nofollow noopener noreferrer" target="_blank" expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><i class='fa fa-angle-right'/></a>
</span>
</b:if>

<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl' rel="nofollow noopener noreferrer" target="_blank"><data:mobileLinkMsg/></a>
</div>
</b:if>

</div>
</b:if>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>

<a expr:name='data:post.id'/>

<b:if cond='data:blog.metaDescription == ""'>
<!-- Then use the post body as the schema.org description,
for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>

<!--h-->
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='post-thumb'><a expr:href='data:post.url' rel="nofollow noopener noreferrer" target="_blank" expr:title='data:post.title'><img expr:src=""/></a></div>
<div class='post-info'>
<b:if cond='data:post.labels'><span class='post-labels'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.name != "slider"'><a expr:href='data:label.url' rel="nofollow noopener noreferrer" target="_blank"><data:label.name/></a><b:if cond='data:label.isLast != "true"'/></b:if></b:loop></span></b:if>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' rel="nofollow noopener noreferrer" target="_blank"><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' rel="nofollow noopener noreferrer" target="_blank"><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:if cond='data:post.dateHeader'>
<script>var lastDate= '<data:post.dateHeader/>';</script>
<span class='date-header'><data:post.dateHeader/></span>
<b:else/>
<span class='date-header'>
<script>document.write(lastDate);</script>
</span>
</b:if>
<span class='post-comment-link'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</span>
<div class='post-resume'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummary("summary<data:post.id/>");</script>
</div>
<div class='jump-link'><a expr:href='data:post.url' rel="nofollow noopener noreferrer" target="_blank" expr:title='data:post.title'><data:post.jumpText/></a></div>
</div>
</b:if></b:if>

<!--i-->
<b:if cond='data:blog.pageType == "item"'>
<div id='post-left'><data:post.body/></div>
<div class='theiaStickySidebar'>
<div id='post-right'>
<div class='post-info-inside'>
<b:if cond='data:post.labels'><span class='post-labels'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.name != "slider"'><a expr:href='data:label.url' rel="nofollow noopener noreferrer" target="_blank"><data:label.name/></a><b:if cond='data:label.isLast != "true"'/></b:if></b:loop></span></b:if>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' rel="nofollow noopener noreferrer" target="_blank"><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' rel="nofollow noopener noreferrer" target="_blank"><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:if cond='data:post.dateHeader'>
<script>var lastDate= '<data:post.dateHeader/>';</script>
<span class='date-header'><data:post.dateHeader/></span>
<b:else/>
<span class='date-header'>
<script>document.write(lastDate);</script>
</span>
</b:if>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<span class='post-location'><i class='fa fa-map-marker'/> <data:post.location.name/></span>
</b:if>
</b:if>
</div>
<div><data:post.body/></div>
<div class='post-footer'>
<div id='post-likes'>
<div class='tbp-hrt-container'>
<div class='tbp-hrt' data-amount='0' expr:href='data:post.url'/></div>
<div class='tbpsocial'>
<script type='text/javascript'>
var postlink="<data:post.url/>"
</script>
<script>
//<![CDATA[
var _0x7155=["\x68\x74\x74\x70\x73\x3A\x2F\x2F\x67\x72\x61\x70\x68\x2E\x66\x61\x63\x65\x62\x6F\x6F\x6B\x2E\x63\x6F\x6D\x2F\x3F\x69\x64\x3D","\x66\x62","\x6C\x6F\x67","\x73\x68\x61\x72\x65\x73","\x63\x6F\x75\x6E\x74","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x66\x61\x63\x65\x62\x6F\x6F\x6B\x2E\x63\x6F\x6D\x2F\x73\x68\x61\x72\x65\x72\x2F\x73\x68\x61\x72\x65\x72\x2E\x70\x68\x70\x3F\x75\x3D","\x68\x74\x74\x70\x3A\x2F\x2F\x61\x70\x69\x2E\x70\x69\x6E\x74\x65\x72\x65\x73\x74\x2E\x63\x6F\x6D\x2F\x76\x31\x2F\x75\x72\x6C\x73\x2F\x63\x6F\x75\x6E\x74\x2E\x6A\x73\x6F\x6E\x3F\x75\x72\x6C\x3D","\x70\x74","\x73\x6F\x63\x69\x61\x6C","\x64\x61\x74\x61","\x68\x61\x73\x4F\x77\x6E\x50\x72\x6F\x70\x65\x72\x74\x79","\x75\x72\x6C","\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x53\x6F\x63\x69\x61\x6C\x53\x68\x61\x72\x65\x73\x2E","\x2E\x63\x61\x6C\x6C\x62\x61\x63\x6B","\x64\x61\x74\x61\x2D\x63\x6F\x75\x6E\x74","\x61\x74\x74\x72","\x67\x65\x74\x53\x63\x72\x69\x70\x74","\x65\x61\x63\x68","\x5B\x64\x61\x74\x61\x2D\x73\x6F\x63\x69\x61\x6C\x5D"];var SocialShares={fb:{url:_0x7155[0],callback:function(_0x93eax2){console[_0x7155[2]](_0x7155[1],_0x93eax2);if(_0x93eax2&& _0x93eax2[_0x7155[3]]){this[_0x7155[4]]= _0x93eax2[_0x7155[3]]}else {this[_0x7155[4]]= 0}},share:_0x7155[5]},pt:{url:_0x7155[6],callback:function(_0x93eax2){console[_0x7155[2]](_0x7155[7],_0x93eax2);if(_0x93eax2&& _0x93eax2[_0x7155[4]]){this[_0x7155[4]]= _0x93eax2[_0x7155[4]]}else {this[_0x7155[4]]= 0}}}};$(function(){$(_0x7155[18])[_0x7155[17]](function(){var _0x93eax3=$(this),_0x93eax4=_0x93eax3[_0x7155[9]](_0x7155[8]),_0x93eax5;if(SocialShares[_0x7155[10]](_0x93eax4)){_0x93eax5= SocialShares[_0x93eax4];if(_0x93eax5[_0x7155[11]]){$[_0x7155[16]](_0x93eax5[_0x7155[11]]+ postlink+ _0x7155[12]+ _0x93eax4+ _0x7155[13],function(_0x93eax2,_0x93eax6,_0x93eax7){_0x93eax3[_0x7155[15]](_0x7155[14],_0x93eax5[_0x7155[4]])})}}})})
//]]>
</script>
<div class='tbpsocial__item'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel="nofollow noopener noreferrer" target="_blank" expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg'><i class='fa fa-facebook'/></a><span class='tbpsocial-count' data-count='...' data-social='fb'/>
</div>
<div class='tbpsocial__item'>
<a href='javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());' rel="nofollow noopener noreferrer" target="_blank" title='Pin to Pinterest'><i class='fa fa-pinterest'/></a><span class='tbpsocial-count' data-count='...' data-social='pt'/>
</div>
<div class='tbpsocial__item'><a expr:href='"http://twitter.com/share?url=" + data:post.url' rel="nofollow noopener noreferrer" target="_blank" expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToTwitterMsg'><i class='fa fa-twitter'/></a></div>
<div class='tbpsocial__item'><a href='http://www.tumblr.com/share' rel="nofollow noopener noreferrer" target="_blank" title='Share to Tumblr'><i class='fa fa-tumblr'/></a></div>
<div class='tbpsocial__item'><a expr:href='"https://plusone.google.com/_/+1/confirm?hl=" + "en&url=" + data:post.url' rel="nofollow noopener noreferrer" target="_blank" expr:onclick='"window.open(this.href, \"_blank\", \"height=500,width=440\"); return false;"' title='Share to Google+'><i class='fa fa-google-plus'/></a></div>
</div>
</div>
</div>
</div>
</div>
<div style='clear: both;'/> <!-- clear for photos floats -->
</b:if>

<!--s-->
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' rel="nofollow noopener noreferrer" target="_blank"><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' rel="nofollow noopener noreferrer" target="_blank"><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</b:if>

</div>
<b:else/>

<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>

<!--h-->
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='post-thumb'><a expr:href='data:post.url' rel="nofollow noopener noreferrer" target="_blank" expr:title='data:post.title'><img expr:src=""/></a></div>
<div class='post-info'>
<b:if cond='data:post.labels'><span class='post-labels'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.name != "slider"'><a expr:href='data:label.url' rel="nofollow noopener noreferrer" target="_blank"><data:label.name/></a><b:if cond='data:label.isLast != "true"'/></b:if></b:loop></span></b:if>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' rel="nofollow noopener noreferrer" target="_blank"><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' rel="nofollow noopener noreferrer" target="_blank"><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:if cond='data:post.dateHeader'>
<script>var lastDate= '<data:post.dateHeader/>';</script>
<span class='date-header'><data:post.dateHeader/></span>
<b:else/>
<span class='date-header'>
<script>document.write(lastDate);</script>
</span>
</b:if>
<span class='post-comment-link'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</span>
<div class='post-resume'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummary("summary<data:post.id/>");</script>
</div>
<div class='jump-link'><a expr:href='data:post.url' rel="nofollow noopener noreferrer" target="_blank" expr:title='data:post.title'><data:post.jumpText/></a></div>
</div>
</b:if></b:if>

<!--i-->
<b:if cond='data:blog.pageType == "item"'>
<div id='post-left'><data:post.body/></div>
<div class='theiaStickySidebar'>
<div id='post-right'>
<div class='post-info-inside'>
<b:if cond='data:post.labels'><span class='post-labels'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.name != "slider"'><a expr:href='data:label.url' rel="nofollow noopener noreferrer" target="_blank"><data:label.name/></a><b:if cond='data:label.isLast != "true"'/></b:if></b:loop></span></b:if>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' rel="nofollow noopener noreferrer" target="_blank"><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' rel="nofollow noopener noreferrer" target="_blank"><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:if cond='data:post.dateHeader'>
<script>var lastDate= '<data:post.dateHeader/>';</script>
<span class='date-header'><data:post.dateHeader/></span>
<b:else/>
<span class='date-header'>
<script>document.write(lastDate);</script>
</span>
</b:if>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<span class='post-location'><i class='fa fa-map-marker'/> <data:post.location.name/></span>
</b:if>
</b:if>
</div>
<div><data:post.body/></div>
<div class='post-footer'>
<div id='post-likes'>
<div class='tbp-hrt-container'>
<div class='tbp-hrt' data-amount='0' expr:href='data:post.url'/></div>
<div class='tbpsocial'>
<script type='text/javascript'>
var postlink="<data:post.url/>"
</script>
<script>
//<![CDATA[
var _0x7155=["\x68\x74\x74\x70\x73\x3A\x2F\x2F\x67\x72\x61\x70\x68\x2E\x66\x61\x63\x65\x62\x6F\x6F\x6B\x2E\x63\x6F\x6D\x2F\x3F\x69\x64\x3D","\x66\x62","\x6C\x6F\x67","\x73\x68\x61\x72\x65\x73","\x63\x6F\x75\x6E\x74","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x66\x61\x63\x65\x62\x6F\x6F\x6B\x2E\x63\x6F\x6D\x2F\x73\x68\x61\x72\x65\x72\x2F\x73\x68\x61\x72\x65\x72\x2E\x70\x68\x70\x3F\x75\x3D","\x68\x74\x74\x70\x3A\x2F\x2F\x61\x70\x69\x2E\x70\x69\x6E\x74\x65\x72\x65\x73\x74\x2E\x63\x6F\x6D\x2F\x76\x31\x2F\x75\x72\x6C\x73\x2F\x63\x6F\x75\x6E\x74\x2E\x6A\x73\x6F\x6E\x3F\x75\x72\x6C\x3D","\x70\x74","\x73\x6F\x63\x69\x61\x6C","\x64\x61\x74\x61","\x68\x61\x73\x4F\x77\x6E\x50\x72\x6F\x70\x65\x72\x74\x79","\x75\x72\x6C","\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x53\x6F\x63\x69\x61\x6C\x53\x68\x61\x72\x65\x73\x2E","\x2E\x63\x61\x6C\x6C\x62\x61\x63\x6B","\x64\x61\x74\x61\x2D\x63\x6F\x75\x6E\x74","\x61\x74\x74\x72","\x67\x65\x74\x53\x63\x72\x69\x70\x74","\x65\x61\x63\x68","\x5B\x64\x61\x74\x61\x2D\x73\x6F\x63\x69\x61\x6C\x5D"];var SocialShares={fb:{url:_0x7155[0],callback:function(_0x93eax2){console[_0x7155[2]](_0x7155[1],_0x93eax2);if(_0x93eax2&& _0x93eax2[_0x7155[3]]){this[_0x7155[4]]= _0x93eax2[_0x7155[3]]}else {this[_0x7155[4]]= 0}},share:_0x7155[5]},pt:{url:_0x7155[6],callback:function(_0x93eax2){console[_0x7155[2]](_0x7155[7],_0x93eax2);if(_0x93eax2&& _0x93eax2[_0x7155[4]]){this[_0x7155[4]]= _0x93eax2[_0x7155[4]]}else {this[_0x7155[4]]= 0}}}};$(function(){$(_0x7155[18])[_0x7155[17]](function(){var _0x93eax3=$(this),_0x93eax4=_0x93eax3[_0x7155[9]](_0x7155[8]),_0x93eax5;if(SocialShares[_0x7155[10]](_0x93eax4)){_0x93eax5= SocialShares[_0x93eax4];if(_0x93eax5[_0x7155[11]]){$[_0x7155[16]](_0x93eax5[_0x7155[11]]+ postlink+ _0x7155[12]+ _0x93eax4+ _0x7155[13],function(_0x93eax2,_0x93eax6,_0x93eax7){_0x93eax3[_0x7155[15]](_0x7155[14],_0x93eax5[_0x7155[4]])})}}})})
//]]>
</script>
<div class='tbpsocial__item'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel="nofollow noopener noreferrer" target="_blank" expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg'><i class='fa fa-facebook'/></a><span class='tbpsocial-count' data-count='...' data-social='fb'/>
</div>
<div class='tbpsocial__item'>
<a href='javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());' rel="nofollow noopener noreferrer" target="_blank" title='Pin to Pinterest'><i class='fa fa-pinterest'/></a><span class='tbpsocial-count' data-count='...' data-social='pt'/>
</div>
<div class='tbpsocial__item'><a expr:href='"http://twitter.com/share?url=" + data:post.url' rel="nofollow noopener noreferrer" target="_blank" expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToTwitterMsg'><i class='fa fa-twitter'/></a></div>
<div class='tbpsocial__item'><a href='http://www.tumblr.com/share' rel="nofollow noopener noreferrer" target="_blank" title='Share to Tumblr'><i class='fa fa-tumblr'/></a></div>
<div class='tbpsocial__item'><a expr:href='"https://plusone.google.com/_/+1/confirm?hl=" + "en&url=" + data:post.url' rel="nofollow noopener noreferrer" target="_blank" expr:onclick='"window.open(this.href, \"_blank\", \"height=500,width=440\"); return false;"' title='Share to Google+'><i class='fa fa-google-plus'/></a></div>
</div>
</div>
</div>
</div>
</div>
<div style='clear: both;'/> <!-- clear for photos floats -->
</b:if>

<!--s-->
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' rel="nofollow noopener noreferrer" target="_blank"><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' rel="nofollow noopener noreferrer" target="_blank"><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</b:if>

</div>

</b:if>

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>

<div id='tbprltd'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src="" type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=3;
var relatedpoststitle="<span>You may also like</span>";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div>
<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' rel="nofollow noopener noreferrer" target="_blank" expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><i class='fa fa-angle-left'/></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' rel="nofollow noopener noreferrer" target="_blank" expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><i class='fa fa-angle-right'/></a>
</span>
</b:if>
</div>
</b:if>
</b:if>
<div class='clear'/>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' rel="nofollow noopener noreferrer" target="_blank" expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' rel="nofollow noopener noreferrer" target="_blank" expr:title='data:top.emailThisMsg'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' rel="nofollow noopener noreferrer" target="_blank" expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' rel="nofollow noopener noreferrer" target="_blank" expr:title='data:top.shareToTwitterMsg'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' rel="nofollow noopener noreferrer" target="_blank" expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' rel="nofollow noopener noreferrer" target="_blank" expr:title='data:top.shareToOrkutMsg'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' rel="nofollow noopener noreferrer" target="_blank" expr:title='data:top.shareToPinterestMsg'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='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='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' rel="nofollow noopener noreferrer" target="_blank" id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src=""' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' rel="nofollow noopener noreferrer" target="_blank" id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src=""' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src="" type='text/javascript'/>

<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;

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

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

var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};

var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src=""rl;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;

return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};

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

var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
replybox.src=""';
document.getElementById(domId).insertBefore(replybox, null);
replybox.src=""eplyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};

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

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

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

// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>

<div class='comments-content'>
<h4><data:post.commentLabelFull/></h4>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>

<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>

<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='ContactForm1' locked='true' title='Contact' type='ContactForm' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' placeholder='NAME' type='text' value=''/>
<input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' placeholder='EMAIL' type='text' value=''/>
<textarea class='contact-form-email-message' cols='40' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' placeholder='MESSAGE' rows='6'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
0