Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?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'/>
- <b:if cond='data:blog.pageType == "index"'>
- <title><data:blog.title/></title>
- <b:else/>
- <title><data:blog.pageName/></title>
- </b:if>
- <link href='http://static.graddit.com/css/graddit.css' rel='stylesheet' type='text/css'/>
- <b:skin><![CDATA[/*
- ==================================================
- Template name: Queen
- Version:1.3
- Author: Biyan
- url: http://www.dzignine.com
- ==================================================
- WARNING! DO NOT EDIT THIS FILE!
- To make it easy to update your template, you should not edit the styles in this file.
- Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file.
- ================================================== */
- /* Variable definitions
- ====================
- <Variable name="keycolor" description="Main Color" type="color" default="#1a222a" value="#e8e8e8"/>
- <Variable name="body.background" description="Body Background" type="background"
- color="$(bgcolor)"
- default="#fff url() no-repeat scroll top center"
- value="#fff url() no-repeat scroll top center "/>
- <Variable name="bgcolor" description="Page Background Color"
- type="color" default="#000" value="#000000">
- <Variable name="textcolor" description="Text Color"
- type="color" default="#777" value="#777777">
- <Variable name="linkcolor" description="Link Color"
- type="color" default="#555" value="#555555">
- <Variable name="link.hover.color" description="Link Hover Color"
- type="color" default="#222" value="#222222">
- <Variable name="header.title.color" description="Header Color"
- type="color" default="#555" value="#555555">
- <Variable name="post.title.color" description="Post Title Color"
- type="color" default="#555" value="#555555">
- <Variable name="bordercolor" description="Border Color"
- type="color" default="#ddd" value="#dddddd">
- <Variable name="bodyfont" description="Text Font"
- type="font" default="normal normal 12px Arial, Halvetica, Verdana, Sans-Serif" value="normal normal 12px 'Trebuchet MS', Trebuchet, Arial, Halvetica, Verdana, Sans-Serif">
- <Variable name="header.font" description="Header Title Font"
- type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial,Verdana, Sans-serif" value="normal normal 60px 'Dancing Script'">
- <Variable name="header.description.font" description="Header Description Font"
- type="font" default="normal normal 11px 'Trebuchet MS', Trebuchet, Arial,Verdana, Sans-serif" value="normal normal 10px 'Trebuchet MS', Arial, Tahoma, Helvetica, FreeSans, sans-serif">
- <Variable name="post.title.font" description="Post Title Font"
- type="font" default="normal normal 10px helvetica, arial, sans" value="normal normal 35px Georgia, 'Times New Roman', Sans-serif">
- <Variable name="postfooterfont" description="Post Footer Font"
- type="font"
- default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, 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">
- */
- /* ===========================
- General
- =========================== */
- body {
- background:$(body.background);
- margin:0;
- color:$textcolor;
- }
- #outer-wrapper {
- max-width: 1300px;
- margin:0 auto;
- font: $bodyfont;
- background:#fff;
- }
- #wrap2 {
- padding:10px
- }
- a:link {
- color:$linkcolor;
- }
- a:visited {
- color:$linkcolor;
- }
- a:hover {
- color:$(link.hover.color);
- }
- a img {
- border-width:0;
- }
- #navbar-iframe,
- .feed-links,
- .jump-link,
- .status-msg-wrap {
- display:none
- }
- h1 {font-size:24px;}
- h2 {font-size:18px;}
- h3 {font-size:14px;}
- h4 {font-size:12px;}
- h5 {font-size:10px;}
- h6 {font-size:8px;}
- hr {
- background-color:$bordercolor;
- border:0;
- height:1px;
- margin-bottom:2px;
- clear:both;
- }
- ul {
- -webkit-margin-before: 0;
- -webkit-margin-after: 0;
- -webkit-margin-start: 0;
- -webkit-margin-end: 0;
- -webkit-padding-start: 0;
- padding-left: 1em;
- padding-right: 1em;
- }
- .widget-content ul li:hover {
- background: #f0f0f0;
- }
- .widget-content ul li {
- font-size: 120%;
- }
- .widget-content ul li a {
- text-decoration: none;
- }
- h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
- text-decoration: none;
- }
- div.title a {
- font: normal normal 60px 'Dancing Script';
- text-decoration: none;
- }
- /* ===========================
- Header
- =========================== */
- #header-wrapper {
- margin: 0 auto;
- height: auto;
- width: 95%;
- }
- #header {
- float:left;
- padding:30px 0 40px 10px;
- text-align: center;
- }
- #header h1 {
- margin:0 auto;
- padding:0;
- text-decoration:none;
- font: $(header.font);
- color:$(header.title.color);
- }
- #header a {
- color:$(header.title.color);
- }
- #header a:hover {
- color:$(header.title.color);
- }
- #header .description {
- margin:0;
- padding:0;
- text-decoration:none;
- font: $(header.description.font);
- color:$(header.title.color);
- }
- #header img {
- margin-$startSide: auto;
- margin-$endSide: auto;
- }
- /* ===========================
- Search Box
- =========================== */
- #ads1 {
- width:468px;
- float:right;
- text-align:right;
- padding:0 10px 0 0;
- }
- #ads1 h2 {
- display:none
- }
- #HTML5 {
- padding-top:60px
- }
- #src {
- width:220px;
- font-size:11px;
- float:right;
- margin:0;
- padding:0;
- }
- #searchbox{
- padding:0;
- margin:0;
- }
- #searchform #s{
- background:#fff;
- color:#777;
- margin:7px -4px 0 0;
- width:175px;
- padding:6px 7px;
- border-top:1px solid #ddd;
- border-bottom:1px solid #ddd;
- border-right:none;
- border-left:none;
- font:normal 11px 'Trebuchet MS', Verdana, Helvetica, Arial, Sans-serif;
- }
- #searchform #searchsubmit{
- display:none
- }
- /* ===========================
- Navigation
- =========================== */
- #navi {
- width:95%;
- font-family:Georgia, 'Times New Roman', Serif;
- margin:0 auto 30px auto;
- background:url(http://1.bp.blogspot.com/-qnthXOdHZeY/TtTj33kTE9I/AAAAAAAACis/46rWNO0-4Jc/s1600/navigation.jpg) repeat-x top;
- padding-bottom:2px;
- clear:both;
- }
- #navi h2 {
- display:none
- }
- #navi ul {
- list-style:none;
- margin:0;
- padding:0;
- }
- #navi ul li {
- float:left;
- padding:8px 30px;
- }
- .selected {
- border-top:1px solid #000;
- }
- .selected a {
- color:#555;
- font-weight:normal !important;
- }
- /* ===========================
- Primary Content
- =========================== */
- #main-wrapper {
- width:100%;
- margin:0 auto;
- clear:both;
- }
- #content-wrapper {
- text-align: center;
- margin: 0 auto;
- }
- #main {
- padding:0 10px
- }
- /* =Posts */
- .post-outer {
- display: inline-block;
- }
- .crop {
- width:250px;
- height:200px;
- overflow:hidden;
- float:left;
- margin:0;
- }
- .rmlink {
- font-size:11px;
- font-weight:bold;
- margin-top:17px;
- }
- .rmlink a {
- color:#2dcf12;
- }
- .main .Blog {
- border-bottom-width: 0;
- }
- .section {
- text-align: center;
- margin: 0 auto;
- }
- .main-title {
- font:$bodyfont;
- font-size: 20px;
- margin: 10px 0 6px 0;
- padding: 4px 0 4px 0;
- color: #ddd;
- letter-spacing:-.05em;
- border-bottom:1px solid $bordercolor;
- display:none;
- }
- .post-header-line-1 {
- margin:5px 0 5px 0;
- font-size:13px;
- padding-top:15px;
- font-style:italic;
- font-family:'Times New Roman', Serif;
- }
- .post-footer-line-2 {
- display:none
- }
- .post {
- margin:.5em 0;
- padding:0 0 1.5em 0;
- }
- .post h1 {
- font-size:25px;
- margin: 0 0 6px 0;
- padding: 4px 0;
- font:$(post.title.font);
- color:$(post.title.color);
- }
- .post h1 a,
- .post h1 a:visited,
- .post h1 strong {
- display:block;
- color:$(post.title.color);
- }
- .post h1 a:hover {
- color:$(link.hover.color);
- }
- .post-body {
- margin:0 0 .75em;
- line-height:1.8em;
- }
- .post-body blockquote {
- line-height:1.8em;
- border-left:1px solid #ddd;
- padding:0 10px;
- font-style:italic
- }
- table {
- margin: 0 auto;
- }
- .post blockquote {
- margin:1em 20px;
- }
- .post blockquote p {
- margin:.75em 0;
- }
- .post-footer-line-1,
- .post-footer-line-3 {
- margin: 10px 0 0;
- padding:15px 0 0;
- color:$textcolor;
- letter-spacing:.1em;
- font: $postfooterfont;
- line-height: 1.4em;
- display:none;
- }
- .comment-link {
- margin-$startSide:.6em;
- }
- .post img, table.tr-caption-container {
- max-width:800px;
- height:auto;
- overflow:hidden;
- }
- .tr-caption-container img {
- border: none;
- padding: 0;
- }
- .blog-pager-newer-link:before {
- content: "\2190\0020\0020\0020";
- }
- .blog-pager-older-link:after {
- content: "\0020\0020\0020\2192";
- }
- /* ===========================
- Comments Content
- =========================== */
- .comment-form {
- margin: 0 auto;
- max-width: 100%;
- }
- #comments h4 {
- font:$(widget.title.font);
- padding:10px 20px;
- color: $(sidebar.title.color);
- background:url(http://2.bp.blogspot.com/-0fTliiP0oAI/T5_SvOPciaI/AAAAAAAAAVU/LK36qXfBzeI/s1600/pattern.png);
- }
- .comment-header .user {
- font-size:14px;
- font-weight:bold;
- }
- .comment-header .datetime {
- font-size:11px;
- }
- .comment-thread li .comment-block {
- border-bottom:1px dotted $bordercolor;
- padding-bottom:20px;
- }
- .comment-content {
- margin:0;
- padding:0;
- line-height:1.6em!important;
- }
- .comments blockquote {
- margin-bottom:20px;
- padding:10px 0;
- }
- #comment-holder .comment-block .comment-actions a {
- font-size:11px;
- margin-right:10px;
- background:url(http://4.bp.blogspot.com/-lfMZlFqldtw/T0y3hV4MQDI/AAAAAAAAAK0/i_SJbzNuD1g/s1600/list-li.png) no-repeat left 10px;
- padding-left:15px;
- }
- #comment-holder .avatar-image-container img {
- border:medium none;
- }
- #comments-block.avatar-comment-indent {
- position:relative;
- margin:0 auto;
- }
- /* ===========================
- Page Nav
- =========================== */
- #blog-pager-newer-link {
- float: $startSide;
- }
- #blog-pager-older-link {
- float:right;
- margin-right:10px;
- }
- #blog-pager {
- text-align: center;
- margin-top:10px;
- padding:10px 0;
- font-size: 1em;
- clear:both;
- }
- .feed-links {
- clear: both;
- line-height: 2.5em;
- }
- /* ===========================
- Admin Profile (Useless)
- =========================== */
- .profile-img {
- float: $startSide;
- margin-top: 0;
- margin-$endSide: 5px;
- margin-bottom: 5px;
- margin-$startSide: 0;
- padding: 4px;
- border: 1px solid $bordercolor;
- }
- .profile-data {
- margin:0;
- letter-spacing:.1em;
- font: $postfooterfont;
- color: $textcolor;
- font-weight: bold;
- line-height: 1.6em;
- }
- .profile-datablock {
- margin:.5em 0 .5em;
- }
- .profile-textblock {
- margin: 0.5em 0;
- line-height: 1.6em;
- }
- .profile-link {
- font: $postfooterfont;
- letter-spacing: .1em;
- }
- /* ===========================
- Footer Widget
- =========================== */
- #bottom {
- width: 95%;
- padding:0;
- font-size:12px;
- line-height:1.8em;
- color:$textcolor;
- clear:both;
- margin:0 auto;
- overflow:auto;
- border-top:1px solid $bordercolor;
- }
- #bottom h1 {
- font-family:Georgia, 'Times New Roman', Serif;
- font-weight:normal;
- font-size:12px;
- margin: 0 0 6px 0;
- padding: 4px 0;
- color: #555;
- border-bottom:1px solid $bordercolor;
- }
- #bottom ul {
- list-style:none;
- margin:0;
- padding:0;
- }
- #bottom li {
- margin:0;
- padding:5px 0;
- line-height:1.8em;
- border-bottom:1px dotted $bordercolor;
- }
- #left-bottom {
- width:33.33333333333333%;
- float:left;
- }
- #center-bottom {
- width:33.33333333333333%;
- float:left;
- }
- #right-bottom {
- width:33.33333333333333%;
- float:right;
- }
- #right-bottom .widget {
- padding:10px 0 10px 10px;
- margin-bottom:10px;
- }
- #center-bottom .widget {
- padding:10px;
- margin-bottom:10px;
- }
- #left-bottom .widget {
- padding:10px 10px 10px 0;
- margin-bottom:10px;
- }
- /* ===========================
- Credit <please do not remove>
- =========================== */
- #footer-wrapper {
- border-top:1px solid $bordercolor;
- width: 95%;
- overflow:auto;
- margin: 0 auto;
- color:$textcolor;
- font-family:'Trebuchet MS', Arial, Halvetica, Verdana, Sans-Serif;
- font-size:12px;
- }
- #footer-wrapper, #footer-wrapper a:visited{
- }
- #footer-wrapper a:hover {
- color:$(link.hover.color);
- }
- .footer-left, .footer-right {
- padding:15px 0;
- }
- .footer-left {
- width:50%;
- float:left;
- text-align:left;
- }
- .footer-right {
- width:50%;
- float:right;
- text-align:right;
- }
- ]]></b:skin>
- <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
- <script src='http://static.graddit.com/js/graddit-extras.js' type='text/javascript'/>
- <script language='javascript'>
- function previewRating(key, id, stats, average, amount, votes, data, views) {
- var div = document.getElementById("graddit_preview_rating_" + id);
- if (div != null) {
- var avg = Math.round(average);
- var tmp = div.innerHTML;
- for (var i = 0; i < avg; i++) {
- tmp += "<span class='ffbs_star_set'>&#9733;</span>";
- }
- for (var i = avg; i < amount; i++) {
- tmp += "<span class='ffbs_star'>&#9734;</span>";
- }
- div.innerHTML = tmp;
- div.title = "Open picture to rate it"
- }
- }
- </script>
- <!-- ====================================
- Auto Read More
- ===================================== -->
- <script type='text/javascript'>
- var thumbnail_mode = "float" ;
- summary_noimg = 400;
- summary_img = 430;
- img_thumb_height = 150;
- img_thumb_width = 150;
- </script>
- <script type='text/javascript'>
- //<![CDATA[
- function removeHtmlTag(strx,chop){
- if(strx.indexOf("<")!=-1)
- {
- var s = strx.split("<");
- for(var i=0;i<s.length;i++){
- if(s[i].indexOf(">")!=-1){
- s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
- }
- }
- strx = s.join("");
- }
- chop = (chop < strx.length-1) ? chop : strx.length-2;
- while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
- strx = strx.substring(0,chop-1);
- return strx+'...';
- }
- function createSummaryAndThumb(pID, pURL, pTITLE){
- var div = document.getElementById(pID);
- var imgtag = "";
- var img = div.getElementsByTagName("img");
- var summ = summary_noimg;
- if(img.length>=1) {
- var src = img[0].src;
- if (src.indexOf(".500px.")) {
- var tailIdx = src.indexOf("/4.jpg");
- if (tailIdx > 0) {
- src = src.substring(0, tailIdx) + "/3.jpg";
- }
- }
- imgtag = '<div class="crop"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+src+'" width="250px;" /></a></div>';
- summ = summary_img;
- }
- var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
- div.innerHTML = summary;
- }
- //]]>
- </script>
- <!-- ====================================
- Begin Conditional Tag
- ===================================== -->
- <b:if cond='data:blog.pageType != "item"'>
- <style type='text/css'>
- #main {padding:0}
- .post-footer-line-2 {display:block;}
- .post {
- width:250px;
- height:275px;
- float:left;
- overflow:hidden;
- margin:10px;
- padding:0 0 1.5em 0;
- background:url(http://3.bp.blogspot.com/-tLzPL-_ch3c/TtWW4dwmgTI/AAAAAAAACi4/XgbF6JYUJUY/s1600/drop-shadow.png) no-repeat center 200px;
- }
- .post-title-2, .post-header-line-1 {
- display:none
- }
- .post h1 {
- font-size:13px;
- font-family:Georgia, 'Times New Roman', Serif;
- font-style:italic;
- text-align:center;
- border-bottom:none;
- line-height:1.8em;
- }
- .post h1 strong, .post h1 a:hover {
- color:$(link.hover.color);
- }
- .post-body {
- height:200px;
- overflow:hidden;
- padding-top:0;
- }
- </style>
- </b:if>
- <b:if cond='data:blog.pageType == "static_page"'>
- <style type='text/css'>
- .post-body,
- .post-header-line-1,
- .post-title-2,
- .post-footer {
- display:block
- }
- .post-footer,
- .main-title,
- .post-header-line-1,
- .rmlink {
- display:none;
- }
- .post,
- .post-body {
- max-width:1300px;
- width: 100%;
- height:auto;
- background:none
- }
- .post h1 {
- font-size:25px;
- margin: 0 0 6px 0;
- padding: 4px 0;
- font:$(post.title.font);
- color:$(post.title.color);
- border-bottom:1px solid $bordercolor;
- }
- </style>
- </b:if>
- </head>
- <body>
- <div id='outer-wrapper'><div id='wrap2'>
- <div id='header-wrapper'>
- <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
- <b:widget id='Header1' locked='true' title='a million pics (Header)' type='Header'>
- <b:includable id='main'>
- <b:if cond='data:useImage'>
- <b:if cond='data:imagePlacement == "BEHIND"'>
- <!--
- 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='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
- <div class='titlewrapper' style='background: transparent'>
- <h1 class='title' style='background: transparent; border-width: 0px'>
- <b:include name='title'/>
- </h1>
- </div>
- <b:include name='description'/>
- </div>
- <b:else/>
- <!--Show the image only-->
- <div id='header-inner'>
- <a expr:href='data:blog.homepageUrl' style='display: block'>
- <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
- </a>
- <!--Show the description-->
- <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
- <b:include name='description'/>
- </b:if>
- </div>
- </b:if>
- <b:else/>
- <!--No header image -->
- <div id='header-inner'>
- <div class='titlewrapper'>
- <b:if cond='data:blog.pageType != "item"'>
- <h1 class='title'>
- <b:include name='title'/>
- </h1>
- <b:else/>
- <div class='title'>
- <b:include name='title'/>
- </div>
- </b:if>
- </div>
- <b:include name='description'/>
- </div>
- </b:if>
- </b:includable>
- <b:includable id='description'>
- <div class='descriptionwrapper'>
- <p class='description'><span><data:description/></span></p>
- </div>
- </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:widget>
- </b:section>
- <b:section class='ads1' id='ads1' maxwidgets='1'>
- <b:widget id='HTML5' locked='true' title='Search' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <h2 class='title'><data:title/></h2>
- </b:if>
- <div class='widget-content'>
- <data:content/>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- </b:section>
- <b:section class='navi' id='navi' maxwidgets='1'>
- <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
- <b:includable id='main'>
- <b:if cond='data:title'><h2><data:title/></h2></b:if>
- <div class='widget-content'>
- <b:if cond='data:mobile'>
- <select expr:id='data:widget.instanceId + "_select"'>
- <b:loop values='data:links' var='link'>
- <b:if cond='data:link.isCurrentPage'>
- <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
- <b:else/>
- <option expr:value='data:link.href'><data:link.title/></option>
- </b:if>
- </b:loop>
- </select>
- <span class='pagelist-arrow'>&#9660;</span>
- <b:else/>
- <ul>
- <b:loop values='data:links' var='link'>
- <b:if cond='data:link.isCurrentPage'>
- <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
- <b:else/>
- <li><a expr:href='data:link.href'><data:link.title/></a></li>
- </b:if>
- </b:loop>
- </ul>
- </b:if>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- </b:section>
- </div>
- <!-- skip links for text browsers -->
- <span id='skiplinks' style='display:none;'>
- <a href='#main'>skip to main </a> /
- <a href='#bottom'>skip to footer</a>
- </span>
- <div id='content-wrapper'>
- <div id='main-wrapper'>
- <h2 class='main-title'>Content</h2>
- <b:section class='main' id='main' showaddelement='no'>
- <b:widget id='Blog1' locked='true' title='Blog Posts' 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'>
- <!-- test-1
- <b:if cond='data:post.isDateStart'>
- <b:if cond='data:post.isFirstPost == "false"'>
- </div></div>
- </b:if>
- </b:if>
- <b:if cond='data:post.isDateStart'>
- <div class="date-outer">
- </b:if>
- <b:if cond='data:post.isDateStart'>
- <div class="date-posts">
- </b:if>
- -->
- <div class='post-outer'>
- <b:include data='post' name='post'/>
- <b:if cond='data:blog.pageType == "static_page"'>
- <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:if cond='data:blog.pageType == "item"'>
- <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>
- </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:if cond='data:post.trackLatency'>
- <data:post.latencyJs/>
- </b:if>
- </b:loop>
- <b:if cond='data:numPosts != 0'>
- </div></div>
- </b:if>
- <data:adEnd/>
- </div>
- <!-- navigation -->
- <b:include name='nextprev'/>
- <!-- feed links -->
- <b:include name='feedLinks'/>
- <b:if cond='data:top.showStars'>
- <script src='//www.google.com/jsapi' type='text/javascript'/>
- <script type='text/javascript'>
- google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
- function initialize() {
- google.annotations.setApplicationId(<data:top.blogspotReviews/>);
- google.annotations.createAll();
- google.annotations.fetch();
- }
- google.setOnLoadCallback(initialize);
- </script>
- </b:if>
- </b:includable>
- <b:includable id='backlinkDeleteIcon' var='backlink'>
- <span expr:class='"item-control " + data:backlink.adminClass'>
- <a expr:href='data:backlink.deleteUrl' 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'><data:backlink.title/></a>
- <b:include data='backlink' name='backlinkDeleteIcon'/>
- </dt>
- <dd class='comment-body collapseable'>
- <data:backlink.snippet/>
- </dd>
- <dd class='comment-footer collapseable'>
- <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
- <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
- </dd>
- </div>
- </b:loop>
- </dl>
- </b:if>
- <p class='comment-footer'>
- <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
- </p>
- </b:includable>
- <b:includable id='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)'><data:postCommentMsg/></a></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='' 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' 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/>
- <b:if cond='data:showCmtPopup'>
- <div id='comment-popup' style='width:100px;height:20px;'>
- <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
- </iframe>
- </div>
- </b:if>
- <script type='text/javascript'>
- BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
- </script>
- </div>
- </b:includable>
- <b:includable id='commentDeleteIcon' var='comment'>
- <span expr:class='"item-control " + data:comment.adminClass'>
- <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
- <img src='//www.blogger.com/img/icon_delete13.gif'/>
- </a>
- </span>
- </b:includable>
- <b:includable id='comment_count_picker' var='post'>
- <b:if cond='data:post.forceIframeComments'>
- <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
- </span>
- <b:else/>
- <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-url='data:post.canonicalUrl'>
- </span>
- <b:else/>
- <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
- <data:post.commentLabelFull/>:
- </a>
- </b:if>
- </b:if>
- </b:includable>
- <b:includable id='comment_picker' var='post'>
- <b:if cond='data:post.forceIframeComments'>
- <b:include data='post' name='iframe_comments'/>
- <b:if cond='data:post.showThreadedComments'>
- <b:include data='post' name='threaded_comments'/>
- <b:else/>
- <b:include data='post' name='comments'/>
- </b:if>
- <b:else/>
- <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:if>
- </b:includable>
- <b:includable id='comments' var='post'>
- <div class='comments' id='comments'>
- <a name='comments'/>
- <b:if cond='data:post.allowComments'>
- <h4>
- <b:if cond='data:post.numComments == 1'>
- 1 <data:commentLabel/>:
- <b:else/>
- <data:post.numComments/> <data:commentLabelPlural/>:
- </b:if>
- </h4>
- <b:if cond='data:post.commentPagingRequired'>
- <span class='paging-control-container'>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
-  
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
-  
- <data:post.commentRangeText/>
-  
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
-  
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
- </span>
- </b:if>
- <div expr:class='data:post.postAuthorClass' 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='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 class='author-name' expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> says:
- <b:else/>
- <data:comment.author/>
- </b:if> <br/>at:
- <span class='comment-timestamp'>
- <a expr:href='data:comment.url' title='comment permalink'>
- <data:comment.timestamp/>
- </a>
- <data:commentPostedByMsg/>
- <b:include data='comment' name='commentDeleteIcon'/>
- </span>
- </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'>
- </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'>
- <data:post.oldestLinkText/>
- </a>
- <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
- <data:post.olderLinkText/>
- </a>
-  
- <data:post.commentRangeText/>
-  
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
- <data:post.newerLinkText/>
- </a>
- <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
- <data:post.newestLinkText/>
- </a>
- </span>
- </b:if>
- <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 + "_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: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'>
- <b:loop values='data:links' var='f'>
- <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>Rss: <img height='10px' src='http://3.bp.blogspot.com/__8dGbSSNY7k/TIA-ywBR6iI/AAAAAAAAAOc/sNb6V7CMC1M/s1600/mini-rss.gif'/></a>
- </b:loop>
- <span style='float:right'><img src='http://4.bp.blogspot.com/__8dGbSSNY7k/TIA-ypJTD1I/AAAAAAAAAOU/UjdgNWSRZxo/s1600/mini-blogroll.gif'/> <a href='#' onclick='MGJS.goTop();return false;'>Top</a></span>
- </div>
- </b:includable>
- <b:includable id='iframe_comments' var='post'>
- <b:if cond='data:post.allowIframeComments'>
- <script expr:src='data:post.iframeCommentSrc' 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' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
- </b:if>
- </b:if>
- </b:includable>
- <b:includable id='mobile-index-post' var='post'>
- <b:if cond='data:post.dateHeader'>
- <div class='mobile-index-date'>
- <div class='date-header'>
- <span><data:post.dateHeader/></span>
- </div>
- </div>
- </b:if>
- <div class='mobile-post-outer'>
- <div class='mobile-index-title-outer'>
- <h3 class='mobile-index-title entry-title'>
- <a href='javascript:void(0)'><data:post.title/></a>
- </h3>
- </div>
- <div>
- <div class='mobile-index-arrow'>
- <a href='javascript:void(0)'>&rsaquo;</a>
- </div>
- <div class='mobile-post-contents'>
- <b:if cond='data:post.thumbnailUrl'>
- <div class='mobile-index-thumbnail'>
- <div class='Image'>
- <img expr:src='data:post.thumbnailUrl'/>
- </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;'/>
- </div>
- <div class='mobile-index-comment'>
- <b:if cond='data:blog.pageType != "item"'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:post.allowComments'>
- <b:if cond='data:post.numComments != 0'>
- <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>
- </b:if>
- </b:if>
- </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' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></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' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
- </div>
- </b:if>
- <div class='mobile-link-button' id='blog-pager-home-link'>
- <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
- </div>
- <div class='mobile-desktop-link'>
- <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
- </div>
- </div>
- <div class='clear'/>
- </b:includable>
- <b:includable id='mobile-post' var='post'>
- <div class='date-outer'>
- <b:if cond='data:post.dateHeader'>
- <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
- </b:if>
- <div class='date-posts'>
- <div class='post-outer'>
- <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
- <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'><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'><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'>
- <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
- <data:post.author/>
- </a>
- </span>
- <b:else/>
- <span class='fn'><data:post.author/></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'>
- <a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' 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'>
- <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>
- </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);'><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:if cond='data:post.showThreadedComments'>
- <b:include data='post' name='threaded_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:if>
- <b:if cond='data:blog.pageType == "item"'>
- <b:if cond='data:post.showThreadedComments'>
- <b:include data='post' name='threaded_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:if>
- </div>
- </div>
- </div>
- </b:includable>
- <b:includable id='nextprev'>
- <div>
- <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
- </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' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>Newer</a>
- </span>
- </b:if>
- <b:if cond='data:olderPageUrl'>
- <span id='blog-pager-older-link'>
- <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>Older</a>
- </span>
- </b:if>
- <script type='text/javascript'>
- $(document).keydown(function(e){
- if (e.ctrlKey) {
- if (e.keyCode == 37) {
- document.location = $("a[class='blog-pager-newer-link']").attr('href');
- return false;
- } else if (e.keyCode == 39) {
- document.location = $("a[class='blog-pager-older-link']").attr('href');
- return false;
- }
- }
- });
- </script>
- </div>
- <div class='clear'/>
- </b:includable>
- <b:includable id='post' var='post'>
- <div class='post hentry'>
- <div class='post-header'>
- <div class='post-header-line-1'>
- <b:if cond='data:blog.pageType == "item"'>
- <span class='date-hdr' style='margin-right:10px;'><data:post.dateHeader/></span>
- </b:if>
- <span class='post-author vcard' style='margin-right:10px;'>
- <b:if cond='data:top.showAuthor'>
- <data:top.authorLabel/>
- <span class='fn'><data:post.author/></span>
- </b:if>
- </span>
- <span class='post-comment-link' style='margin-right:10px;'> <b:if cond='data:blog.pageType != "item"'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <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>
- </b:if>
- </span>
- <span class='post-location'>
- <b:if cond='data:top.showLocation'>
- <b:if cond='data:post.location'>
- <data:postLocationLabel/>
- <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
- </b:if>
- </b:if>
- </span>
- <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 != "true"'>,</b:if>
- </b:loop>
- </b:if>
- </span>
- </div>
- </div>
- <a expr:name='data:post.id'/>
- <b:if cond='data:post.title'>
- <b:if cond='data:blog.pageType != "item"'>
- <h2 class='post-title-2'>
- <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:else/>
- <h1 class='post-title-2'>
- <b:if cond='data:post.link'>
- <a expr:href='data:post.link'><data:post.title/></a>
- <b:else/>
- <b:if cond='data:post.url'>
- <data:post.title/>
- <b:else/>
- <data:post.title/>
- </b:if>
- </b:if>
- </h1>
- </b:if>
- </b:if>
- <div class='post-body entry-content'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:blog.pageType != "item"'>
- <div 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>
- </div>
- <div expr:id='"summary" + data:post.id'>
- <data:post.body/>
- </div>
- <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
- </b:if>
- </b:if>
- <b:if cond='data:blog.pageType == "item"'>
- <data:post.body/>
- <div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
- <b:if cond='data:post.labels'>
- <b:loop values='data:post.labels' var='label'>
- <data:label.name/>,</b:loop></b:if></div>Rate this posting: <div class='ffbs_rate' expr:id='data:post.id'>{[['<img src="http://static.graddit.com/img/star.png"/>']]}</div>
- <div class='ffbs_stats' expr:id='"ffbs_stats_" + data:post.id'/>
- <div expr:id='"src_" + data:post.id'><dummy expr:src='"http://www.graddit.com/rate/eng/10/" + data:post.id + "?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + "&info=info-" + data:post.id + "&info_delay=2&url=" + data:post.url + "&class_star=ffbs_star_img&class_star_set=ffbs_star_img_set&class_star_vote=ffbs_star_img_vote&views=yes&votes=yes&average=yes"'/></div><script type='text/javascript'>$(document).ready(function(){var post_id='<data:post.id/>';var src=document.getElementById('src_'+post_id).innerHTML;var re=/src="(.+)"/;var match=re.exec(src);if(match!=null){src=match[1];$.getScript(src);}});</script></b:if>
- <!-- Graddit aggregator -->
- <b:if cond='data:blog.pageType != "index"'>
- <br/><br/>
- <div style='width: 100%;'>
- <div style='margin: 0 auto; display: inline-block;'>
- <div expr:id='"graddit_aggregator_labels_" + data:post.id' style='display: none;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>
- <div class='graddit_aggregator_wrapper' expr:id='"graddit_aggregator_wrapper_" + data:post.id' style='margin: 10px auto; text-align: center; font-size: 10px;'/>
- <script type='text/javascript'>
- (function() {
- var post_id = '<data:post.id/>';
- var url = '<data:post.url/>';
- var sites = {
- 'http://mlnpics.blogspot.com/' : 'blogger',
- };
- var container_id = 'graddit_aggregator_wrapper_' + post_id;
- var action = 'related';
- var d = document;
- var labels = d.getElementById('graddit_aggregator_labels_' + post_id);
- var max_links = 10;
- var target = '_self';
- var style = 'blue';
- var thumbs = 'yes'; // 'yes' or 'no'
- var default_thumb = 'http://static.graddit.com/img/blogger_icon.png';
- if (labels != null) {
- labels = labels.innerHTML;
- } else {
- labels = '';
- }
- var title = 'Pictures that might interest you:';
- var inline_styles = 'yes'; // 'yes' or 'no'
- var s = d.createElement('script');
- s.setAttribute('type','text/javascript');
- s.setAttribute('src','http://www.graddit.com/aggregate/eng?url=' + url + '&sites=' + JSON.stringify(sites) + '&container_id=' + container_id + '&action=' + action + '&labels=' + labels + '&post_id=' + post_id + '&max_links=' + max_links + '&style=' + style + '&default_thumb=' + default_thumb + '&thumbs=' + thumbs + '&title=' + title + '&inline_styles=' + inline_styles + '&target=' + target);
- var h = d.getElementsByTagName('head').item(0);
- h.insertBefore(s, h.firstChild);
- })();
- </script>
- </div>
- </div>
- </b:if>
- <!-- // Graddit aggregator -->
- <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
- <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 + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
- </div>
- </b:if>
- <div class='post-footer'>
- <div class='post-footer-line-1'>
- <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://img1.blogblog.com/img/icon18_email.gif' width='18'/>
- </a>
- </span>
- </b:if>
- <!-- quickedit pencil -->
- <b:include data='post' name='postQuickEdit'/>
- </span> <div class='post-share-buttons'>
- <b:include data='post' name='shareButtons'/>
- </div> </div>
- <div class='post-footer-line-2'>
- <b:if cond='data:blog.pageType != "item"'>
- <div expr:id='"graddit_preview_rating_" + data:post.id'/>
- <div class='ffbs_rate' expr:id='data:post.id' style='display: none;'>{[["☆","★"]]}</div>
- <script expr:src='"http://www.graddit.com/rate/eng/10/" + data:post.id + "?id=" + data:post.id + "&url=" + data:post.url + "&callback=previewRating&stats="' type='text/javascript'/>
- </b:if>
- </div>
- <div class='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='"item-control " + data:post.adminClass'>
- <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
- <img alt='' class='icon-action' height='18' src='http://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:post.sharePostUrl'>
- <a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
- <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
- <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
- <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
- <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
- <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
- <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
- <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
- <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
- <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
- </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' 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' 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/>', '<data:post.communityId/>');
- </script>
- </div>
- </b:includable>
- <b:includable id='threaded_comment_js' var='post'>
- <script async='async' expr:src='data:post.commentSrc' 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 = url;
- 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)) {
- document.getElementById(domId).insertBefore(replybox, null);
- replybox.src = replyUrlParts[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'/>
- <h4>
- <b:if cond='data:post.numComments == 1'>
- 1 <data:commentLabel/>:
- <b:else/>
- <data:post.numComments/> <data:commentLabelPlural/>:
- </b:if>
- </h4>
- <div class='comments-content'>
- <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:section>
- </div>
- <div id='bottom'>
- <b:section class='bottom' id='left-bottom' preferred='yes'/>
- <b:section class='bottom' id='center-bottom' preferred='yes'/>
- <b:section class='bottom' id='right-bottom' preferred='yes'/>
- </div> <!-- end bottom -->
- <!-- spacer for skins that want sidebar and main to be the same height-->
- <div class='clear'>
- <!-- Graddit tops -->
- <b:if cond='data:blog.pageType == "index"'>
- <div style='width: 100%; text-align: center; margin: 0 auto;'>
- <div id='graddit_top_wrapper' style='visibility: hidden;'>Top pics</div>
- <script src='http://www.graddit.com/showtop/eng/69?id=graddit_top_wrapper' type='text/javascript'/>
- </div>
- </b:if>
- <!-- //Graddit tops -->
- </div>
- </div> <!-- end content-wrapper -->
- <div id='footer-wrapper'>
- <div class='footer-left'/>
- <div class='footer-right'>design by <a href='http://www.dzignine.com' title='blogger template'>DZignine</a> & <a href='http://pixeloplosan.com'>Pixel Oplosan</a>
- </div>
- </div>
- </div></div> <!-- end outer-wrapper -->
- <b:if cond='data:blog.pageType == "item"'>
- <script type='text/javascript'>gradditReplacePreviousNextBloggerLinks();</script>
- </b:if>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement