s4f11sn

template minima

Oct 9th, 2012
55
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.39 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html 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'>
  4. <head>
  5. <b:include data='blog' name='all-head-content'/>
  6. <title><data:blog.pageTitle/></title>
  7. <link href='http://fonts.googleapis.com/css?family=Signika:400,600,700' rel='stylesheet' type='text/css'/>
  8. <b:skin><![CDATA[
  9. body {
  10. background:#fff;
  11. margin:0;
  12. color:#666;
  13. font: x-small normal 400 13px Signika,sans-serif;
  14. font-size/* */:/**/small;
  15. font-size: /**/small;
  16. text-align: center;
  17. }
  18. *,body {font:normal 400 13px Signika,sans-serif;}
  19. a:link{color:#69f;text-decoration:none;}
  20. a:visited{color:#69f;text-decoration:none;}
  21. a:hover{color:#f70;text-decoration:underline;}
  22. a img{border-width:0;}
  23.  
  24. #header-wrapper {
  25. width:980px;
  26. margin:0 auto;
  27. height:100px;
  28. text-align:center;
  29. background-color:#FE6602
  30. }
  31. #head-inner {
  32. width:300px;
  33. background-position: left;
  34. float:left;
  35. }
  36. #header {
  37. margin: 0 auto;
  38. background-color:transparent;
  39. color: #fff;
  40. padding:0;
  41. font:normal 700 24px Signika,sans-serif;
  42. text-align: left;
  43. }
  44. #r_head{
  45. width:648px;
  46. background-position:right;
  47. float:right;
  48. }
  49. h1.title,h1.title a, h1.title a:visited {
  50. color:#fff;
  51. margin: 15px 10px;
  52. text-decoration: none;
  53. font:normal 700 21px Signika,sans-serif;
  54. padding-left:10px;
  55. line-height: 1.2em;
  56. color:#f7f7f7
  57. }
  58. #header .description {
  59. display: block;
  60. margin: 0 10px;
  61. padding-left:10px;
  62. line-height: 1.em;
  63. font: normal 600 18px Signika,sans-serif;
  64. color:#f7f7f7}
  65.  
  66.  
  67. #outer-wrapper{width:980px;margin:0 auto;padding:5px 0;text-align:left;font:normal 400 13px Signika,sans-serif;}
  68. #main-wrapper{background:#ffffff;width:450px;margin:0 5px 0;float:left;}
  69. #left-sidebar-wrapper {width:200px;float:left;background:#ffffff;}
  70. #right-sidebar-wrapper{width:280px;float:right;background:#ffffff;}
  71. #main-wrapper,#left-sidebar-wrapper,#right-sidebar-wrapper{border:1px solid #666;word-wrap:break-word;overflow:hidden;}
  72. #left-sidebar-wrapper,#main-wrapper{float:left;}
  73. #right-sidebar-wrapper{float:right;}
  74. .crosscol{text-align:center;margin:5px;}
  75. h2,h2.date-header {margin:0 0 .75em;font:normal 400 11px Signika,sans-serif;line-height:1.4em;text-transform:uppercase;letter-spacing:.2em;color:#69f;font-weight:600}
  76. .post-wrapper{padding:5px;}
  77. .post{margin:.5em 0 0;padding:5px;text-align:left;}
  78. .post h3{margin:.25em 0 0;padding:0 0 4px;font-size:140%;font-weight:normal;line-height:1.4em;color:#f70;}
  79. .post h3 a,.post h3 a:visited,.post h3 strong{display:block;text-decoration:none;color:#f70;font-weight:bold;}
  80. .post h3 strong,.post h3 a:hover{color:#f00;}
  81. .post p{margin:0 0 .75em;line-height:1.6em;}
  82. .post-footer{margin:.75em 0;color:#000;letter-spacing:.1em;font:normal 400 12px Signika,sans-serif;line-height:1.2em;}
  83. .comment-link{margin-left:.6em;}
  84. .post img{padding:4px;border:1px solid #666;}
  85. .post blockquote{margin:1em 20px;}
  86. .post blockquote p{margin:.75em 0;}
  87. #comments h4{margin:1em 0;line-height:1.1em;color:#f00;}
  88. #comments-block{margin:1em 0 1.5em;line-height:1.6em;}
  89. #comments-block .comment-author{margin:.5em 0;}
  90. #comments-block .comment-body{margin:.25em 0 0;}
  91. #comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em;}
  92. #comments-block .comment-body p{margin:0 0 .75em;}
  93. .deleted-comment{font-style:italic;color:gray;}
  94. .feed-links{clear:both;line-height:2.5em;}
  95. #blog-pager-newer-link{float:left;}
  96. #blog-pager-older-link{float:right;}
  97. #blog-pager{text-align:center;}
  98. .left-sidebar-wrapper,.right-sidebar-wrapper{color:#000;line-height:1.5em;}
  99. .sidebar{padding:5px}
  100. .sidebar ul{list-style:none;margin:0;padding:0;}
  101. .sidebar li{margin:0;padding:0 0 .25em 15px;text-indent:-15px;line-height:1.5em;}
  102. .sidebar .widget,.main .widget{margin:0 0 0em;padding:0 0 5px;}
  103. .main .Blog{border-bottom-width:0;}
  104. #footer{width:980px;clear:both;margin:0 auto;padding-top:15px;line-height:1.6em;text-transform:uppercase;letter-spacing:.1em;text-align:center;border:1px solid #000}
  105. .fineprint{font-size:80%;}
  106. body#layout #header{margin-left:0;margin-right:0;}
  107. ]]></b:skin>
  108. </head>
  109. <body>
  110. <div id='outer-wrapper'><div id='wrap2'>
  111. <!-- skip links for text browsers -->
  112. <span id='skiplinks' style='display:none;'>
  113. <a href='#main'>skip to main </a> |
  114. <a href='#sidebar1'>skip to left sidebar</a>
  115. <a href='#sidebar2'>skip to right sidebar</a>
  116. </span>
  117.  
  118. <!-- start header-wrapper -->
  119. <div id='header-wrapper'>
  120. <div id='head-inner'>
  121. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  122. <b:widget id='Header1' locked='true' title='Blog Master (Header)' type='Header'>
  123. <b:includable id='title'>
  124. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  125. <data:title/>
  126. <b:else/>
  127. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  128. </b:if>
  129. </b:includable>
  130. <b:includable id='description'>
  131. <div class='descriptionwrapper'>
  132. <p class='description'><span><data:description/></span></p>
  133. </div>
  134. </b:includable>
  135. <b:includable id='main'>
  136.  
  137. <b:if cond='data:useImage'>
  138. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  139. <b:if cond='data:mobile'>
  140. <div id='header-inner'>
  141. <div class='titlewrapper' style='background: transparent'>
  142. <h1 class='title' style='background: transparent; border-width: 0px'>
  143. <b:include name='title'/>
  144. </h1>
  145. </div>
  146. <b:include name='description'/>
  147. </div>
  148. <b:else/>
  149. <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  150. <div class='titlewrapper' style='background: transparent'>
  151. <h1 class='title' style='background: transparent; border-width: 0px'>
  152. <b:include name='title'/>
  153. </h1>
  154. </div>
  155. <b:include name='description'/>
  156. </div>
  157. </b:if>
  158. <b:else/>
  159. <!--Show the image only-->
  160. <div id='header-inner'>
  161. <a expr:href='data:blog.homepageUrl' style='display: block'>
  162. <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  163. </a>
  164. <!--Show the description-->
  165. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  166. <b:include name='description'/>
  167. </b:if>
  168. </div>
  169. </b:if>
  170. <b:else/>
  171. <!--No header image -->
  172. <div id='header-inner'>
  173. <div class='titlewrapper'>
  174. <h1 class='title'>
  175. <b:include name='title'/>
  176. </h1>
  177. </div>
  178. <b:include name='description'/>
  179. </div>
  180. </b:if>
  181. </b:includable>
  182. </b:widget>
  183. </b:section>
  184. </div>
  185. <div id='r_head'>
  186. <b:section class='header' id='header2' preferred='yes'>
  187. <b:widget id='HTML1' locked='false' title='' type='HTML'>
  188. <b:includable id='main'>
  189. <!-- only display title if it's non-empty -->
  190. <b:if cond='data:title != &quot;&quot;'>
  191. <h2 class='title'><data:title/></h2>
  192. </b:if>
  193. <div class='widget-content'>
  194. <data:content/>
  195. </div>
  196.  
  197. <b:include name='quickedit'/>
  198. </b:includable>
  199. </b:widget>
  200. </b:section>
  201. </div>
  202. </div>
  203. <!-- end header-wrapper -->
  204.  
  205. <!-- start content-wrapper -->
  206. <div id='content-wrapper'>
  207. <!-- start crosscol-wrapper -->
  208. <div id='crosscol-wrapper' style='crosscol'>
  209. <b:section class='crosscol' id='crosscol' showaddelement='no'/>
  210. </div>
  211. <!-- end crosscol-wrapper -->
  212. <!-- start left-sidebar-wrapper -->
  213. <div class='sidebar' id='left-sidebar-wrapper'>
  214. <b:section class='sidebar1' id='sidebar1' preferred='yes'>
  215. <b:widget id='Label1' locked='false' title='Labels' type='Label'>
  216. <b:includable id='main'>
  217. <b:if cond='data:title'>
  218. <h2><data:title/></h2>
  219. </b:if>
  220. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  221. <b:if cond='data:display == &quot;list&quot;'>
  222. <ul>
  223. <b:loop values='data:labels' var='label'>
  224. <li>
  225. <b:if cond='data:blog.url == data:label.url'>
  226. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  227. <b:else/>
  228. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  229. </b:if>
  230. <b:if cond='data:showFreqNumbers'>
  231. <span dir='ltr'>(<data:label.count/>)</span>
  232. </b:if>
  233. </li>
  234. </b:loop>
  235. </ul>
  236. <b:else/>
  237. <b:loop values='data:labels' var='label'>
  238. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  239. <b:if cond='data:blog.url == data:label.url'>
  240. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  241. <b:else/>
  242. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  243. </b:if>
  244. <b:if cond='data:showFreqNumbers'>
  245. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  246. </b:if>
  247. </span>
  248. </b:loop>
  249. </b:if>
  250. <b:include name='quickedit'/>
  251. </div>
  252. </b:includable>
  253. </b:widget>
  254. </b:section>
  255. </div>
  256. <!-- end left-sidebar-wrapper -->
  257. <!-- start main-wrapper -->
  258. <div class='post-wrapper' id='main-wrapper'>
  259. <b:section class='main' id='main' showaddelement='no'>
  260. <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
  261. <b:includable id='nextprev'>
  262. <div class='blog-pager' id='blog-pager'>
  263. <b:if cond='data:newerPageUrl'>
  264. <span id='blog-pager-newer-link'>
  265. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  266. </span>
  267. </b:if>
  268. <b:if cond='data:olderPageUrl'>
  269. <span id='blog-pager-older-link'>
  270. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  271. </span>
  272. </b:if>
  273. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  274. <b:if cond='data:mobileLinkUrl'>
  275. <div class='blog-mobile-link'>
  276. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  277. </div>
  278. </b:if>
  279. </div>
  280. <div class='clear'/>
  281. </b:includable>
  282. <b:includable id='shareButtons' var='post'>
  283. <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><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 + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><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 + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  284. </b:includable>
  285. <b:includable id='backlinks' var='post'>
  286. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  287. <b:if cond='data:post.numBacklinks != 0'>
  288. <dl class='comments-block' id='comments-block'>
  289. <b:loop values='data:post.backlinks' var='backlink'>
  290. <div class='collapsed-backlink backlink-control'>
  291. <dt class='comment-title'>
  292. <span class='backlink-toggle-zippy'>&#160;</span>
  293. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  294. <b:include data='backlink' name='backlinkDeleteIcon'/>
  295. </dt>
  296. <dd class='comment-body collapseable'>
  297. <data:backlink.snippet/>
  298. </dd>
  299. <dd class='comment-footer collapseable'>
  300. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  301. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  302. </dd>
  303. </div>
  304. </b:loop>
  305. </dl>
  306. </b:if>
  307. <p class='comment-footer'>
  308. <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  309. </p>
  310. </b:includable>
  311. <b:includable id='threaded_comment_js' var='post'>
  312. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  313. <script type='text/javascript'>
  314. (function() {
  315. var items = <data:post.commentJso/>;
  316. var msgs = <data:post.commentMsgs/>;
  317. var config = <data:post.commentConfig/>;
  318.  
  319. // <![CDATA[
  320. 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={};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){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)}}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)}};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)};})();
  321. //]]>
  322. </script>
  323. </b:includable>
  324. <b:includable id='post' var='post'>
  325. <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  326. <a expr:name='data:post.id'/>
  327. <b:if cond='data:post.title'>
  328. <h3 class='post-title entry-title' itemprop='name'>
  329. <b:if cond='data:post.link'>
  330. <a expr:href='data:post.link'><data:post.title/></a>
  331. <b:else/>
  332. <b:if cond='data:post.url'>
  333. <b:if cond='data:blog.url != data:post.url'>
  334. <a expr:href='data:post.url'><data:post.title/></a>
  335. <b:else/>
  336. <data:post.title/>
  337. </b:if>
  338. <b:else/>
  339. <data:post.title/>
  340. </b:if>
  341. </b:if>
  342. </h3>
  343. </b:if>
  344. <div class='post-header'>
  345. <div class='post-header-line-1'/>
  346. </div>
  347. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  348. <data:post.body/>
  349. <div style='clear: both;'/> <!-- clear for photos floats -->
  350. </div>
  351.  
  352. <b:if cond='data:post.hasJumpLink'>
  353. <div class='jump-link'>
  354. <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  355. </div>
  356. </b:if>
  357.  
  358. <div class='post-footer'>
  359. <div class='post-footer-line post-footer-line-1'/>
  360. <div class='post-footer-line post-footer-line-2'/>
  361. <div class='post-footer-line post-footer-line-3'/>
  362. </div>
  363.  
  364. </div>
  365. </b:includable>
  366. <b:includable id='mobile-main' var='top'>
  367. <!-- posts -->
  368. <div class='blog-posts hfeed'>
  369. <b:include data='top' name='status-message'/>
  370. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  371. <b:loop values='data:posts' var='post'>
  372. <b:include data='post' name='mobile-index-post'/>
  373. </b:loop>
  374. <b:else/>
  375. <b:loop values='data:posts' var='post'>
  376. <b:include data='post' name='mobile-post'/>
  377. </b:loop>
  378. </b:if>
  379. </div>
  380. <b:include name='mobile-nextprev'/>
  381. </b:includable>
  382. <b:includable id='status-message'>
  383. <b:if cond='data:navMessage'>
  384. <div class='status-msg-wrap'>
  385. <div class='status-msg-body'>
  386. <data:navMessage/>
  387. </div>
  388. <div class='status-msg-border'>
  389. <div class='status-msg-bg'>
  390. <div class='status-msg-hidden'><data:navMessage/></div>
  391. </div>
  392. </div>
  393. </div>
  394. <div style='clear: both;'/>
  395. </b:if>
  396. </b:includable>
  397. <b:includable id='comment-form' var='post'>
  398. <div class='comment-form'>
  399. <a name='comment-form'/>
  400. <b:if cond='data:mobile'>
  401. <h4 id='comment-post-message'>
  402. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  403. <p><data:blogCommentMessage/></p>
  404. <data:blogTeamBlogMessage/>
  405. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  406. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  407. <b:else/>
  408. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  409. <p><data:blogCommentMessage/></p>
  410. <data:blogTeamBlogMessage/>
  411. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  412. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/>
  413. </b:if>
  414. <data:post.friendConnectJs/>
  415. <data:post.cmtfpIframe/>
  416. <script type='text/javascript'>
  417. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  418. </script>
  419. </div>
  420. </b:includable>
  421. <b:includable id='threaded_comments' var='post'>
  422. <div class='comments' id='comments'>
  423. <a name='comments'/>
  424. <h4><data:post.commentLabelFull/>:</h4>
  425.  
  426. <div class='comments-content'>
  427. <b:if cond='data:post.embedCommentForm'>
  428. <b:include data='post' name='threaded_comment_js'/>
  429. </b:if>
  430. <div id='comment-holder'>
  431. <data:post.commentHtml/>
  432. </div>
  433. </div>
  434.  
  435. <p class='comment-footer'>
  436. <b:if cond='data:post.allowNewComments'>
  437. <b:include data='post' name='threaded-comment-form'/>
  438. <b:else/>
  439. <data:post.noNewCommentsText/>
  440. </b:if>
  441. </p>
  442.  
  443. <b:if cond='data:showCmtPopup'>
  444. <div id='comment-popup'>
  445. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  446. </iframe>
  447. </div>
  448. </b:if>
  449.  
  450. <div id='backlinks-container'>
  451. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  452. <b:if cond='data:post.showBacklinks'>
  453. <b:include data='post' name='backlinks'/>
  454. </b:if>
  455. </div>
  456. </div>
  457. </div>
  458. </b:includable>
  459. <b:includable id='backlinkDeleteIcon' var='backlink'>
  460. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  461. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  462. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  463. </a>
  464. </span>
  465. </b:includable>
  466. <b:includable id='mobile-nextprev'>
  467. <div class='blog-pager' id='blog-pager'>
  468. <b:if cond='data:newerPageUrl'>
  469. <div class='mobile-link-button' id='blog-pager-newer-link'>
  470. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
  471. </div>
  472. </b:if>
  473.  
  474. <b:if cond='data:olderPageUrl'>
  475. <div class='mobile-link-button' id='blog-pager-older-link'>
  476. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  477. </div>
  478. </b:if>
  479.  
  480. <div class='mobile-link-button' id='blog-pager-home-link'>
  481. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  482. </div>
  483.  
  484. <div class='mobile-desktop-link'>
  485. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  486. </div>
  487.  
  488. </div>
  489. <div class='clear'/>
  490. </b:includable>
  491. <b:includable id='mobile-post' var='post'>
  492. <div class='date-outer'>
  493. <b:if cond='data:post.dateHeader'>
  494. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  495. </b:if>
  496. <div class='date-posts'>
  497. <div class='post-outer'>
  498.  
  499. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  500. <a expr:name='data:post.id'/>
  501. <b:if cond='data:post.title'>
  502. <h3 class='post-title entry-title' itemprop='name'>
  503. <b:if cond='data:post.link'>
  504. <a expr:href='data:post.link'><data:post.title/></a>
  505. <b:else/>
  506. <b:if cond='data:post.url'>
  507. <b:if cond='data:blog.url != data:post.url'>
  508. <a expr:href='data:post.url'><data:post.title/></a>
  509. <b:else/>
  510. <data:post.title/>
  511. </b:if>
  512. <b:else/>
  513. <data:post.title/>
  514. </b:if>
  515. </b:if>
  516. </h3>
  517. </b:if>
  518.  
  519. <div class='post-header'>
  520. <div class='post-header-line-1'/>
  521. </div>
  522.  
  523. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  524. <data:post.body/>
  525. <div style='clear: both;'/> <!-- clear for photos floats -->
  526. </div>
  527.  
  528. <div class='post-footer'>
  529. <div class='post-footer-line post-footer-line-1'/>
  530. <div class='post-footer-line post-footer-line-2'/>
  531. </div>
  532. </div>
  533.  
  534. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  535. <b:if cond='data:post.showThreadedComments'>
  536. <b:include data='post' name='threaded_comments'/>
  537. <b:else/>
  538. <b:include data='post' name='comments'/>
  539. </b:if>
  540. </b:if>
  541. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  542. <b:if cond='data:post.showThreadedComments'>
  543. <b:include data='post' name='threaded_comments'/>
  544. <b:else/>
  545. <b:include data='post' name='comments'/>
  546. </b:if>
  547. </b:if>
  548. </div>
  549. </div>
  550. </div>
  551. </b:includable>
  552. <b:includable id='postQuickEdit' var='post'>
  553. <b:if cond='data:post.editUrl'>
  554. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  555. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  556. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  557. </a>
  558. </span>
  559. </b:if>
  560. </b:includable>
  561. <b:includable id='main' var='top'>
  562. <b:if cond='data:mobile == &quot;false&quot;'>
  563.  
  564. <!-- posts -->
  565. <div class='blog-posts hfeed'>
  566.  
  567. <b:include data='top' name='status-message'/>
  568.  
  569. <data:defaultAdStart/>
  570. <b:loop values='data:posts' var='post'>
  571. <b:if cond='data:post.isDateStart'>
  572. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  573. &lt;/div&gt;&lt;/div&gt;
  574. </b:if>
  575. </b:if>
  576. <b:if cond='data:post.isDateStart'>
  577. &lt;div class=&quot;date-outer&quot;&gt;
  578. </b:if>
  579. <b:if cond='data:post.dateHeader'>
  580. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  581. </b:if>
  582. <b:if cond='data:post.isDateStart'>
  583. &lt;div class=&quot;date-posts&quot;&gt;
  584. </b:if>
  585. <div class='post-outer'>
  586. <b:include data='post' name='post'/>
  587. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  588. <b:if cond='data:post.showThreadedComments'>
  589. <b:include data='post' name='threaded_comments'/>
  590. <b:else/>
  591. <b:include data='post' name='comments'/>
  592. </b:if>
  593. </b:if>
  594. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  595. <b:if cond='data:post.showThreadedComments'>
  596. <b:include data='post' name='threaded_comments'/>
  597. <b:else/>
  598. <b:include data='post' name='comments'/>
  599. </b:if>
  600. </b:if>
  601. </div>
  602. <b:if cond='data:post.includeAd'>
  603. <b:if cond='data:post.isFirstPost'>
  604. <data:defaultAdEnd/>
  605. <b:else/>
  606. <data:adEnd/>
  607. </b:if>
  608. <div class='inline-ad'>
  609. <data:adCode/>
  610. </div>
  611. <data:adStart/>
  612. </b:if>
  613. </b:loop>
  614. <b:if cond='data:numPosts != 0'>
  615. &lt;/div&gt;&lt;/div&gt;
  616. </b:if>
  617. <data:adEnd/>
  618. </div>
  619.  
  620. <!-- navigation -->
  621. <b:include name='nextprev'/>
  622.  
  623. <!-- feed links -->
  624. <b:include name='feedLinks'/>
  625.  
  626. <b:if cond='data:top.showStars'>
  627. <script src='//www.google.com/jsapi' type='text/javascript'/>
  628. <script type='text/javascript'>google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});function initialize() {
  629. google.annotations.setApplicationId(<data:top.blogspotReviews/>);google.annotations.createAll();google.annotations.fetch();}google.setOnLoadCallback(initialize);
  630. </script>
  631. </b:if>
  632.  
  633. <b:else/>
  634. <b:include name='mobile-main'/>
  635. </b:if>
  636.  
  637. <b:if cond='data:top.showDummy'>
  638. <data:top.dummyBootstrap/>
  639. </b:if>
  640.  
  641. </b:includable>
  642. <b:includable id='commentDeleteIcon' var='comment'>
  643. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  644. <b:if cond='data:showCmtPopup'>
  645. <div class='goog-toggle-button'>
  646. <div class='goog-inline-block comment-action-icon'/>
  647. </div>
  648. <b:else/>
  649. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  650. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  651. </a>
  652. </b:if>
  653. </span>
  654. </b:includable>
  655. <b:includable id='feedLinks'>
  656. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  657. <b:if cond='data:feedLinks'>
  658. <div class='blog-feeds'>
  659. <b:include data='feedLinks' name='feedLinksBody'/>
  660. </div>
  661. </b:if>
  662.  
  663. <b:else/> <!--Post feed links -->
  664. <div class='post-feeds'>
  665. <b:loop values='data:posts' var='post'>
  666. <b:if cond='data:post.allowComments'>
  667. <b:if cond='data:post.feedLinks'>
  668. <b:include data='post.feedLinks' name='feedLinksBody'/>
  669. </b:if>
  670. </b:if>
  671. </b:loop>
  672. </div>
  673. </b:if>
  674. </b:includable>
  675. <b:includable id='threaded-comment-form' var='post'>
  676. <div class='comment-form'>
  677. <a name='comment-form'/>
  678. <b:if cond='data:mobile'>
  679. <p><data:blogCommentMessage/></p>
  680. <data:blogTeamBlogMessage/>
  681. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  682. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  683. <b:else/>
  684. <p><data:blogCommentMessage/></p>
  685. <data:blogTeamBlogMessage/>
  686. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  687. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/>
  688. </b:if>
  689. <data:post.friendConnectJs/>
  690. <data:post.cmtfpIframe/>
  691. <script type='text/javascript'>
  692. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  693. </script>
  694. </div>
  695. </b:includable>
  696. <b:includable id='mobile-index-post' var='post'>
  697. <div class='mobile-date-outer date-outer'>
  698. <b:if cond='data:post.dateHeader'>
  699. <div class='date-header'>
  700. <span><data:post.dateHeader/></span>
  701. </div>
  702. </b:if>
  703.  
  704. <div class='mobile-post-outer'>
  705. <a expr:href='data:post.url'>
  706. <h3 class='mobile-index-title entry-title' itemprop='name'>
  707. <data:post.title/>
  708. </h3>
  709.  
  710. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  711.  
  712. <div class='mobile-index-contents'>
  713. <b:if cond='data:post.thumbnailUrl'>
  714. <div class='mobile-index-thumbnail'>
  715. <div class='Image'>
  716. <img expr:src='data:post.thumbnailUrl'/>
  717. </div>
  718. </div>
  719. </b:if>
  720.  
  721. <div class='post-body'>
  722. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  723. </div>
  724. </div>
  725.  
  726. <div style='clear: both;'/>
  727. </a>
  728.  
  729. <div class='mobile-index-comment'>
  730. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  731. <b:if cond='data:post.allowComments'>
  732. <b:if cond='data:post.numComments != 0'>
  733. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  734. <data:post.commentLabelFull/>:
  735. </a>
  736. </b:if>
  737. </b:if>
  738. </b:if>
  739. </div>
  740. </div>
  741. </div>
  742. </b:includable>
  743. <b:includable id='feedLinksBody' var='links'>
  744. <div class='feed-links'>
  745. <data:feedLinksMsg/>
  746. <b:loop values='data:links' var='f'>
  747. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  748. </b:loop>
  749. </div>
  750. </b:includable>
  751. <b:includable id='comments' var='post'>
  752. <div class='comments' id='comments'>
  753. <a name='comments'/>
  754. <b:if cond='data:post.allowComments'>
  755. <h4><data:post.commentLabelFull/>:</h4>
  756.  
  757. <b:if cond='data:post.commentPagingRequired'>
  758. <span class='paging-control-container'>
  759. <b:if cond='data:post.hasOlderLinks'>
  760. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  761. &#160;
  762. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  763. &#160;
  764. </b:if>
  765.  
  766. <data:post.commentRangeText/>
  767.  
  768. <b:if cond='data:post.hasNewerLinks'>
  769. &#160;
  770. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  771. &#160;
  772. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  773. </b:if>
  774. </span>
  775. </b:if>
  776.  
  777. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  778. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  779. <b:loop values='data:post.comments' var='comment'>
  780. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  781. <b:if cond='data:comment.favicon'>
  782. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  783. </b:if>
  784. <a expr:name='data:comment.anchorName'/>
  785. <b:if cond='data:blog.enabledCommentProfileImages'>
  786. <data:comment.authorAvatarImage/>
  787. </b:if>
  788. <b:if cond='data:comment.authorUrl'>
  789. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  790. <b:else/>
  791. <data:comment.author/>
  792. </b:if>
  793. <data:commentPostedByMsg/>
  794. </dt>
  795. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  796. <b:if cond='data:comment.isDeleted'>
  797. <span class='deleted-comment'><data:comment.body/></span>
  798. <b:else/>
  799. <p>
  800. <data:comment.body/>
  801. </p>
  802. </b:if>
  803. </dd>
  804. <dd class='comment-footer'>
  805. <span class='comment-timestamp'>
  806. <a expr:href='data:comment.url' title='comment permalink'>
  807. <data:comment.timestamp/>
  808. </a>
  809. <b:include data='comment' name='commentDeleteIcon'/>
  810. </span>
  811. </dd>
  812. </b:loop>
  813. </dl>
  814. </div>
  815.  
  816. <b:if cond='data:post.commentPagingRequired'>
  817. <span class='paging-control-container'>
  818. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  819. <data:post.oldestLinkText/>
  820. </a>
  821. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  822. <data:post.olderLinkText/>
  823. </a>
  824. &#160;
  825. <data:post.commentRangeText/>
  826. &#160;
  827. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  828. <data:post.newerLinkText/>
  829. </a>
  830. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  831. <data:post.newestLinkText/>
  832. </a>
  833. </span>
  834. </b:if>
  835.  
  836. <p class='comment-footer'>
  837. <b:if cond='data:post.embedCommentForm'>
  838. <b:if cond='data:post.allowNewComments'>
  839. <b:include data='post' name='comment-form'/>
  840. <b:else/>
  841. <data:post.noNewCommentsText/>
  842. </b:if>
  843. <b:else/>
  844. <b:if cond='data:post.allowComments'>
  845. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  846. </b:if>
  847. </b:if>
  848.  
  849. </p>
  850. </b:if>
  851. <b:if cond='data:showCmtPopup'>
  852. <div id='comment-popup'>
  853. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  854. </iframe>
  855. </div>
  856. </b:if>
  857.  
  858. <div id='backlinks-container'>
  859. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  860. <b:if cond='data:post.showBacklinks'>
  861. <b:include data='post' name='backlinks'/>
  862. </b:if>
  863. </div>
  864. </div>
  865. </div>
  866. </b:includable>
  867. </b:widget>
  868. </b:section>
  869. </div>
  870. <!-- end main-wrapper -->
  871.  
  872. <!-- start right-sidebar-wrapper -->
  873. <div class='sidebar' id='right-sidebar-wrapper'>
  874. <b:section class='sidebar2' id='sidebar2' preferred='yes'>
  875. <b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
  876. <b:includable id='main'>
  877. <b:if cond='data:title != &quot;&quot;'>
  878. <h2><data:title/></h2>
  879. </b:if>
  880. <div class='widget-content'>
  881. <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
  882. <ul>
  883. <b:loop values='data:authors' var='i'>
  884. <li><a class='profile-name-link' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'><data:i.display-name/></a></li>
  885. </b:loop>
  886. </ul>
  887.  
  888. <b:else/> <!-- normal blog profile -->
  889.  
  890. <b:if cond='data:photo.url != &quot;&quot;'>
  891. <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
  892. </b:if>
  893.  
  894. <dl class='profile-datablock'>
  895. <dt class='profile-data'>
  896. <a class='profile-name-link' expr:href='data:userUrl' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
  897. <data:displayname/>
  898. </a>
  899. </dt>
  900.  
  901. <b:if cond='data:showlocation == &quot;true&quot;'>
  902. <dd class='profile-data'><data:location/></dd>
  903. </b:if>
  904.  
  905. <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
  906. </dl>
  907. <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
  908. </b:if>
  909.  
  910. <b:include name='quickedit'/>
  911. </div>
  912. </b:includable>
  913. </b:widget>
  914. </b:section>
  915. </div>
  916. <!-- end right-sidebar-wrapper -->
  917. <!-- spacer for skins that want sidebar and main to be the same height-->
  918. <div class='clear'>&#160;</div>
  919. </div>
  920. <!-- end content-wrapper -->
  921. <!-- start footer-wrapper -->
  922. <div id='footer-wrapper'>
  923. <b:section class='footer' id='footer'/>
  924. </div>
  925. <!-- end footer-wrapper -->
  926. <!-- please do not remove credits without author's permission -->
  927. </div></div>
  928. <!-- end outer-wrapper -->
  929. </body>
  930. </html>
Advertisement
Add Comment
Please, Sign In to add comment