daily pastebin goal
44%
SHARE
TWEET

Mlnpics Blogger template. Integrated with Graddit.

a guest Apr 17th, 2013 278 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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 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'>
  4.   <head>
  5.     <b:include data='blog' name='all-head-content'/>
  6.     <b:if cond='data:blog.pageType == &quot;index&quot;'>
  7.     <title><data:blog.title/></title>
  8.     <b:else/>
  9.     <title><data:blog.pageName/></title>
  10.     </b:if>
  11.     <link href='http://static.graddit.com/css/graddit.css' rel='stylesheet' type='text/css'/>
  12.     <b:skin><![CDATA[/*
  13. ==================================================
  14. Template name: Queen
  15. Version:1.3
  16.  
  17. Author: Biyan
  18. url: http://www.dzignine.com
  19. ==================================================
  20. WARNING! DO NOT EDIT THIS FILE!
  21.  
  22. To make it easy to update your template, you should not edit the styles in this file.
  23. 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.
  24. ================================================== */
  25.  
  26. /* Variable definitions
  27.   ====================
  28.   <Variable name="keycolor" description="Main Color" type="color" default="#1a222a" value="#e8e8e8"/>
  29.   <Variable name="body.background" description="Body Background" type="background"
  30.         color="$(bgcolor)"
  31.         default="#fff url() no-repeat scroll top center"
  32.          value="#fff url() no-repeat scroll top center "/>
  33.  
  34.   <Variable name="bgcolor" description="Page Background Color"
  35.             type="color" default="#000" value="#000000">
  36.   <Variable name="textcolor" description="Text Color"
  37.             type="color" default="#777" value="#777777">
  38.   <Variable name="linkcolor" description="Link Color"
  39.             type="color" default="#555" value="#555555">
  40.   <Variable name="link.hover.color" description="Link Hover Color"
  41.             type="color" default="#222" value="#222222">
  42.   <Variable name="header.title.color" description="Header Color"
  43.             type="color" default="#555" value="#555555">
  44.   <Variable name="post.title.color" description="Post Title Color"
  45.             type="color" default="#555" value="#555555">
  46.   <Variable name="bordercolor" description="Border Color"
  47.             type="color" default="#ddd" value="#dddddd">
  48.  
  49.   <Variable name="bodyfont" description="Text Font"
  50.             type="font" default="normal normal 12px Arial, Halvetica, Verdana, Sans-Serif" value="normal normal 12px 'Trebuchet MS', Trebuchet, Arial, Halvetica, Verdana, Sans-Serif">
  51.   <Variable name="header.font" description="Header Title Font"
  52.             type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial,Verdana, Sans-serif" value="normal normal 60px 'Dancing Script'">
  53.   <Variable name="header.description.font" description="Header Description Font"
  54.             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">
  55.   <Variable name="post.title.font" description="Post Title Font"
  56.             type="font" default="normal normal 10px helvetica, arial, sans" value="normal normal 35px Georgia, 'Times New Roman', Sans-serif">
  57.   <Variable name="postfooterfont" description="Post Footer Font"
  58.             type="font"
  59.             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
  60.  
  61.   <Variable name="startSide" description="Side where text starts in blog language"
  62.             type="automatic" default="left" value="left">
  63.   <Variable name="endSide" description="Side where text ends in blog language"
  64.             type="automatic" default="right" value="right">
  65. */
  66.  
  67. /* ===========================
  68. General
  69. =========================== */
  70. body {
  71.         background:$(body.background);
  72.         margin:0;
  73.         color:$textcolor;
  74. }
  75. #outer-wrapper {
  76.         max-width: 1300px;
  77.         margin:0 auto;
  78.         font: $bodyfont;
  79.         background:#fff;
  80. }
  81. #wrap2 {
  82.         padding:10px
  83. }
  84. a:link {
  85.         color:$linkcolor;
  86. }
  87. a:visited {
  88.         color:$linkcolor;
  89. }
  90. a:hover {
  91.         color:$(link.hover.color);
  92. }
  93. a img {
  94.         border-width:0;
  95. }
  96. #navbar-iframe,
  97. .feed-links,
  98. .jump-link,
  99. .status-msg-wrap {
  100.         display:none
  101. }
  102. h1 {font-size:24px;}
  103. h2 {font-size:18px;}
  104. h3 {font-size:14px;}
  105. h4 {font-size:12px;}
  106. h5 {font-size:10px;}
  107. h6 {font-size:8px;}
  108. hr {
  109.         background-color:$bordercolor;
  110.         border:0;
  111.         height:1px;
  112.         margin-bottom:2px;
  113.         clear:both;
  114. }
  115. ul {
  116.  -webkit-margin-before: 0;
  117.  -webkit-margin-after: 0;
  118.  -webkit-margin-start: 0;
  119.  -webkit-margin-end: 0;
  120.  -webkit-padding-start: 0;
  121.  padding-left: 1em;
  122.  padding-right: 1em;
  123. }
  124. .widget-content ul li:hover {
  125.  background: #f0f0f0;
  126. }
  127. .widget-content ul li {
  128.  font-size: 120%;
  129. }
  130. .widget-content ul li a {
  131.  text-decoration: none;
  132. }
  133. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  134.  text-decoration: none;
  135. }
  136. div.title a {
  137.  font: normal normal 60px 'Dancing Script';
  138.  text-decoration: none;
  139. }
  140. /* ===========================
  141. Header
  142. =========================== */
  143. #header-wrapper {
  144.         margin: 0 auto;
  145.         height: auto;
  146.         width: 95%;
  147. }
  148. #header {
  149.         float:left;
  150.         padding:30px 0 40px 10px;
  151.         text-align: center;
  152. }
  153. #header h1 {
  154.         margin:0 auto;
  155.         padding:0;
  156.         text-decoration:none;
  157.         font: $(header.font);
  158.         color:$(header.title.color);
  159. }
  160. #header a {
  161.         color:$(header.title.color);
  162. }
  163. #header a:hover {
  164.         color:$(header.title.color);
  165. }
  166. #header .description {
  167.         margin:0;
  168.         padding:0;
  169.         text-decoration:none;
  170.         font: $(header.description.font);
  171.         color:$(header.title.color);
  172. }
  173. #header img {
  174.         margin-$startSide: auto;
  175.         margin-$endSide: auto;
  176. }
  177.  
  178.  
  179. /* ===========================
  180. Search Box
  181. =========================== */
  182. #ads1 {
  183.         width:468px;
  184.         float:right;
  185.         text-align:right;
  186.         padding:0 10px 0 0;
  187.         }
  188. #ads1 h2 {
  189.         display:none
  190. }
  191. #HTML5 {
  192.         padding-top:60px
  193. }
  194. #src {
  195.         width:220px;
  196.         font-size:11px;
  197.         float:right;
  198.         margin:0;
  199.         padding:0;
  200. }
  201. #searchbox{
  202.         padding:0;
  203.         margin:0;
  204. }
  205. #searchform #s{
  206.         background:#fff;
  207.         color:#777;
  208.         margin:7px -4px 0 0;
  209.         width:175px;
  210.         padding:6px 7px;
  211.         border-top:1px solid #ddd;
  212.         border-bottom:1px solid #ddd;
  213.         border-right:none;
  214.         border-left:none;
  215.         font:normal 11px 'Trebuchet MS', Verdana, Helvetica, Arial, Sans-serif;
  216. }
  217. #searchform #searchsubmit{
  218.         display:none
  219. }
  220.  
  221.  
  222. /* ===========================
  223. Navigation
  224. =========================== */
  225. #navi {
  226.         width:95%;
  227.         font-family:Georgia, 'Times New Roman', Serif;
  228.         margin:0 auto 30px auto;
  229.         background:url(http://1.bp.blogspot.com/-qnthXOdHZeY/TtTj33kTE9I/AAAAAAAACis/46rWNO0-4Jc/s1600/navigation.jpg) repeat-x top;
  230.         padding-bottom:2px;
  231.         clear:both;
  232. }
  233. #navi h2 {
  234.         display:none
  235. }
  236. #navi ul {
  237.         list-style:none;
  238.         margin:0;
  239.         padding:0;
  240. }
  241. #navi ul li {
  242.         float:left;
  243.         padding:8px 30px;
  244. }
  245. .selected {
  246.  border-top:1px solid #000;
  247. }
  248. .selected a {
  249.  color:#555;
  250.  font-weight:normal !important;
  251. }
  252.  
  253.  
  254. /* ===========================
  255. Primary Content
  256. =========================== */
  257. #main-wrapper {
  258.         width:100%;
  259.         margin:0 auto;
  260.         clear:both;
  261. }
  262. #content-wrapper {
  263.  text-align: center;
  264.  margin: 0 auto;
  265. }
  266. #main {
  267.         padding:0 10px
  268. }
  269.  
  270. /* =Posts */
  271. .post-outer {
  272.  display: inline-block;
  273. }
  274. .crop {
  275.         width:250px;
  276.         height:200px;
  277.         overflow:hidden;
  278.         float:left;
  279.         margin:0;
  280. }
  281. .rmlink {
  282.         font-size:11px;
  283.         font-weight:bold;
  284.         margin-top:17px;
  285. }
  286. .rmlink a {
  287.         color:#2dcf12;
  288. }
  289. .main .Blog {
  290.         border-bottom-width: 0;
  291. }
  292. .section {
  293.  text-align: center;
  294.  margin: 0 auto;
  295. }
  296. .main-title {
  297.         font:$bodyfont;
  298.         font-size: 20px;
  299.         margin: 10px 0 6px 0;
  300.         padding: 4px 0 4px 0;
  301.         color: #ddd;
  302.         letter-spacing:-.05em;
  303.         border-bottom:1px solid $bordercolor;
  304.         display:none;
  305. }
  306. .post-header-line-1 {
  307.         margin:5px 0 5px 0;
  308.         font-size:13px;
  309.         padding-top:15px;
  310.         font-style:italic;
  311.         font-family:'Times New Roman', Serif;
  312. }
  313. .post-footer-line-2 {
  314.         display:none
  315. }
  316. .post {
  317.         margin:.5em 0;
  318.         padding:0 0 1.5em 0;
  319. }
  320. .post h1 {
  321.         font-size:25px;
  322.         margin: 0 0 6px 0;
  323.         padding: 4px 0;
  324.         font:$(post.title.font);
  325.         color:$(post.title.color);
  326. }
  327. .post h1 a,
  328. .post h1 a:visited,
  329. .post h1 strong {
  330.         display:block;
  331.         color:$(post.title.color);
  332. }
  333. .post h1 a:hover {
  334.         color:$(link.hover.color);
  335. }
  336. .post-body {
  337.         margin:0 0 .75em;
  338.         line-height:1.8em;
  339. }
  340. .post-body blockquote {
  341.         line-height:1.8em;
  342.         border-left:1px solid #ddd;
  343.         padding:0 10px;
  344.         font-style:italic
  345. }
  346. table {
  347.  margin: 0 auto;
  348. }
  349. .post blockquote {
  350.         margin:1em 20px;
  351. }
  352. .post blockquote p {
  353.         margin:.75em 0;
  354. }
  355. .post-footer-line-1,
  356. .post-footer-line-3 {
  357.         margin: 10px 0 0;
  358.         padding:15px 0 0;
  359.         color:$textcolor;
  360.         letter-spacing:.1em;
  361.         font: $postfooterfont;
  362.         line-height: 1.4em;
  363.         display:none;
  364. }
  365. .comment-link {
  366.         margin-$startSide:.6em;
  367. }
  368. .post img, table.tr-caption-container {
  369.         max-width:800px;
  370.         height:auto;
  371.         overflow:hidden;
  372. }
  373. .tr-caption-container img {
  374.         border: none;
  375.         padding: 0;
  376. }
  377. .blog-pager-newer-link:before {
  378.  content: "\2190\0020\0020\0020";
  379. }
  380. .blog-pager-older-link:after {
  381.  content: "\0020\0020\0020\2192";
  382. }
  383.  
  384. /* ===========================
  385. Comments Content
  386. =========================== */
  387. .comment-form {
  388.  margin: 0 auto;
  389.  max-width: 100%;
  390. }
  391. #comments h4 {
  392.         font:$(widget.title.font);
  393.         padding:10px 20px;
  394.         color: $(sidebar.title.color);
  395.         background:url(http://2.bp.blogspot.com/-0fTliiP0oAI/T5_SvOPciaI/AAAAAAAAAVU/LK36qXfBzeI/s1600/pattern.png);
  396. }
  397. .comment-header .user {
  398.         font-size:14px;
  399.         font-weight:bold;
  400. }
  401. .comment-header .datetime {
  402.         font-size:11px;
  403. }
  404. .comment-thread li .comment-block {
  405.         border-bottom:1px dotted $bordercolor;
  406.         padding-bottom:20px;
  407. }
  408. .comment-content {
  409.         margin:0;
  410.         padding:0;
  411.         line-height:1.6em!important;
  412. }
  413. .comments blockquote {
  414.         margin-bottom:20px;
  415.         padding:10px 0;
  416. }
  417. #comment-holder .comment-block .comment-actions a {
  418.         font-size:11px;
  419.         margin-right:10px;
  420.         background:url(http://4.bp.blogspot.com/-lfMZlFqldtw/T0y3hV4MQDI/AAAAAAAAAK0/i_SJbzNuD1g/s1600/list-li.png) no-repeat left 10px;
  421.         padding-left:15px;
  422. }
  423. #comment-holder .avatar-image-container img {
  424.         border:medium none;
  425. }
  426. #comments-block.avatar-comment-indent  {
  427.         position:relative;
  428.         margin:0 auto;
  429. }
  430.  
  431.  
  432. /* ===========================
  433. Page Nav
  434. =========================== */
  435. #blog-pager-newer-link {
  436.         float: $startSide;
  437. }
  438. #blog-pager-older-link {
  439.         float:right;
  440.         margin-right:10px;
  441. }
  442. #blog-pager {
  443.         text-align: center;
  444.         margin-top:10px;
  445.         padding:10px 0;
  446.         font-size: 1em;
  447.         clear:both;
  448. }
  449. .feed-links {
  450.         clear: both;
  451.         line-height: 2.5em;
  452. }
  453.  
  454.  
  455. /* ===========================
  456. Admin Profile (Useless)
  457. =========================== */
  458. .profile-img {
  459.         float: $startSide;
  460.         margin-top: 0;
  461.         margin-$endSide: 5px;
  462.         margin-bottom: 5px;
  463.         margin-$startSide: 0;
  464.         padding: 4px;
  465.         border: 1px solid $bordercolor;
  466. }
  467. .profile-data {
  468.         margin:0;
  469.         letter-spacing:.1em;
  470.         font: $postfooterfont;
  471.         color: $textcolor;
  472.         font-weight: bold;
  473.         line-height: 1.6em;
  474. }
  475. .profile-datablock {
  476.         margin:.5em 0 .5em;
  477. }
  478. .profile-textblock {
  479.         margin: 0.5em 0;
  480.         line-height: 1.6em;
  481. }
  482. .profile-link {
  483.         font: $postfooterfont;
  484.         letter-spacing: .1em;
  485. }
  486.  
  487.  
  488. /* ===========================
  489. Footer Widget
  490. =========================== */
  491. #bottom {
  492.         width: 95%;
  493.         padding:0;
  494.         font-size:12px;
  495.         line-height:1.8em;
  496.         color:$textcolor;
  497.         clear:both;
  498.         margin:0 auto;
  499.         overflow:auto;
  500.         border-top:1px solid $bordercolor;
  501. }
  502. #bottom h1 {
  503.         font-family:Georgia, 'Times New Roman', Serif;
  504.         font-weight:normal;
  505.         font-size:12px;
  506.         margin: 0 0 6px 0;
  507.         padding: 4px 0;
  508.         color: #555;
  509.         border-bottom:1px solid $bordercolor;
  510. }
  511. #bottom ul {
  512.         list-style:none;
  513.         margin:0;
  514.         padding:0;
  515. }
  516. #bottom li {
  517.         margin:0;
  518.         padding:5px 0;
  519.         line-height:1.8em;
  520.         border-bottom:1px dotted $bordercolor;
  521. }
  522. #left-bottom {
  523.         width:33.33333333333333%;
  524.         float:left;
  525.         }
  526. #center-bottom {
  527.         width:33.33333333333333%;
  528.         float:left;
  529.         }
  530. #right-bottom {
  531.         width:33.33333333333333%;
  532.         float:right;
  533. }
  534. #right-bottom .widget {
  535.         padding:10px 0 10px 10px;
  536.         margin-bottom:10px;
  537. }
  538. #center-bottom .widget {
  539.         padding:10px;
  540.         margin-bottom:10px;
  541. }
  542. #left-bottom .widget {
  543.         padding:10px 10px 10px 0;
  544.         margin-bottom:10px;
  545. }
  546.  
  547.  
  548. /* ===========================
  549. Credit <please do not remove>
  550. =========================== */
  551. #footer-wrapper {
  552.         border-top:1px solid $bordercolor;
  553.         width: 95%;
  554.         overflow:auto;
  555.         margin: 0 auto;
  556.         color:$textcolor;
  557.         font-family:'Trebuchet MS', Arial, Halvetica, Verdana, Sans-Serif;
  558.         font-size:12px;
  559. }
  560. #footer-wrapper, #footer-wrapper a:visited{
  561.  
  562. }
  563. #footer-wrapper a:hover {
  564.         color:$(link.hover.color);
  565. }
  566. .footer-left, .footer-right {
  567.         padding:15px 0;
  568. }
  569. .footer-left {
  570.         width:50%;
  571.         float:left;
  572.         text-align:left;
  573. }
  574. .footer-right {
  575.         width:50%;
  576.         float:right;
  577.         text-align:right;
  578. }
  579.  
  580.  
  581. ]]></b:skin>
  582.  
  583.  
  584. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
  585. <script src='http://static.graddit.com/js/graddit-extras.js' type='text/javascript'/>
  586. <script language='javascript'>
  587. function previewRating(key, id, stats, average, amount, votes, data, views) {
  588.     var div = document.getElementById(&quot;graddit_preview_rating_&quot; + id);
  589.     if (div != null) {
  590.         var avg = Math.round(average);
  591.         var tmp = div.innerHTML;
  592.         for (var i = 0; i &lt; avg; i++) {
  593.             tmp += &quot;<span class='ffbs_star_set'>&amp;#9733;</span>&quot;;
  594.         }
  595.         for (var i = avg; i &lt; amount; i++) {
  596.             tmp += &quot;<span class='ffbs_star'>&amp;#9734;</span>&quot;;
  597.         }
  598.         div.innerHTML = tmp;
  599.         div.title = &quot;Open picture to rate it&quot;
  600.     }
  601. }
  602. </script>
  603.  
  604. <!-- ====================================
  605. Auto Read More
  606. ===================================== -->
  607. <script type='text/javascript'>
  608. var thumbnail_mode = &quot;float&quot; ;
  609. summary_noimg = 400;
  610. summary_img = 430;
  611. img_thumb_height = 150;
  612. img_thumb_width = 150;
  613. </script>
  614.  
  615. <script type='text/javascript'>
  616. //<![CDATA[
  617. function removeHtmlTag(strx,chop){
  618. if(strx.indexOf("<")!=-1)
  619. {
  620. var s = strx.split("<");
  621. for(var i=0;i<s.length;i++){
  622. if(s[i].indexOf(">")!=-1){
  623. s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
  624. }
  625. }
  626. strx = s.join("");
  627. }
  628. chop = (chop < strx.length-1) ? chop : strx.length-2;
  629. while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
  630. strx = strx.substring(0,chop-1);
  631. return strx+'...';
  632. }
  633.  
  634. function createSummaryAndThumb(pID, pURL, pTITLE){
  635.  var div = document.getElementById(pID);
  636.  var imgtag = "";
  637.  var img = div.getElementsByTagName("img");
  638.  var summ = summary_noimg;
  639.  if(img.length>=1) {
  640.    var src = img[0].src;
  641.    if (src.indexOf(".500px.")) {
  642.      var tailIdx = src.indexOf("/4.jpg");
  643.      if (tailIdx > 0) {
  644.        src = src.substring(0, tailIdx) + "/3.jpg";
  645.      }
  646.    }
  647.    imgtag = '<div class="crop"><a href="'+ pURL +'" title="'+ pTITLE+'"><img  src="'+src+'" width="250px;" /></a></div>';
  648.    summ = summary_img;
  649.  }
  650.  var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
  651. div.innerHTML = summary;
  652. }
  653. //]]>
  654. </script>
  655.  
  656.  
  657. <!-- ====================================
  658. Begin Conditional Tag
  659. ===================================== -->
  660. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  661. <style type='text/css'>
  662. #main {padding:0}
  663. .post-footer-line-2 {display:block;}
  664. .post {
  665.         width:250px;
  666.         height:275px;
  667.         float:left;
  668.         overflow:hidden;
  669.         margin:10px;
  670.         padding:0 0 1.5em 0;
  671.         background:url(http://3.bp.blogspot.com/-tLzPL-_ch3c/TtWW4dwmgTI/AAAAAAAACi4/XgbF6JYUJUY/s1600/drop-shadow.png) no-repeat center 200px;
  672. }
  673. .post-title-2, .post-header-line-1 {
  674.         display:none
  675. }
  676. .post h1 {
  677.         font-size:13px;
  678.         font-family:Georgia, &#39;Times New Roman&#39;, Serif;
  679.         font-style:italic;
  680.         text-align:center;
  681.         border-bottom:none;
  682.         line-height:1.8em;
  683. }
  684. .post h1 strong, .post h1 a:hover {
  685.         color:$(link.hover.color);
  686. }
  687. .post-body {
  688.         height:200px;
  689.         overflow:hidden;
  690.         padding-top:0;
  691. }
  692. </style>
  693. </b:if>
  694.  
  695. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  696. <style type='text/css'>
  697. .post-body,
  698. .post-header-line-1,
  699. .post-title-2,
  700. .post-footer {
  701.         display:block
  702. }
  703. .post-footer,
  704. .main-title,
  705. .post-header-line-1,
  706. .rmlink {
  707.         display:none;
  708. }
  709. .post,
  710. .post-body {
  711.         max-width:1300px;
  712.         width: 100%;
  713.         height:auto;
  714.         background:none
  715. }
  716. .post h1 {
  717.         font-size:25px;
  718.         margin: 0 0 6px 0;
  719.         padding: 4px 0;
  720.         font:$(post.title.font);
  721.         color:$(post.title.color);
  722.         border-bottom:1px solid $bordercolor;
  723. }
  724. </style>
  725. </b:if>
  726.  
  727.   </head>
  728.  
  729.   <body>
  730.  
  731.   <div id='outer-wrapper'><div id='wrap2'>
  732.  
  733.     <div id='header-wrapper'>
  734.       <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  735.         <b:widget id='Header1' locked='true' title='a million pics (Header)' type='Header'>
  736.           <b:includable id='main'>
  737.  
  738.   <b:if cond='data:useImage'>
  739.     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  740.       <!--
  741.      Show image as background to text. You can't really calculate the width
  742.      reliably in JS because margins are not taken into account by any of
  743.      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  744.      width if the user is using shrink to fit.
  745.      This results in a margin-width's worth of pixels being cropped. If the
  746.      user is not using shrink to fit then we expand the header.
  747.      -->
  748.       <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  749.         <div class='titlewrapper' style='background: transparent'>
  750.           <h1 class='title' style='background: transparent; border-width: 0px'>
  751.             <b:include name='title'/>
  752.           </h1>
  753.         </div>
  754.         <b:include name='description'/>
  755.       </div>
  756.     <b:else/>
  757.       <!--Show the image only-->
  758.       <div id='header-inner'>
  759.         <a expr:href='data:blog.homepageUrl' style='display: block'>
  760.           <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'/>
  761.         </a>
  762.         <!--Show the description-->
  763.         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  764.           <b:include name='description'/>
  765.         </b:if>
  766.       </div>
  767.     </b:if>
  768.   <b:else/>
  769.     <!--No header image -->
  770.     <div id='header-inner'>
  771.       <div class='titlewrapper'>
  772.       <b:if cond='data:blog.pageType != &quot;item&quot;'>
  773.         <h1 class='title'>
  774.           <b:include name='title'/>
  775.         </h1>
  776.       <b:else/>
  777.         <div class='title'>
  778.           <b:include name='title'/>
  779.         </div>
  780.       </b:if>
  781.       </div>
  782.       <b:include name='description'/>
  783.     </div>
  784.   </b:if>
  785. </b:includable>
  786.           <b:includable id='description'>
  787.   <div class='descriptionwrapper'>
  788.     <p class='description'><span><data:description/></span></p>
  789.   </div>
  790. </b:includable>
  791.           <b:includable id='title'>
  792.   <b:if cond='data:blog.url == data:blog.homepageUrl'>
  793.     <data:title/>
  794.   <b:else/>
  795.     <a expr:href='data:blog.homepageUrl'><data:title/></a>
  796.   </b:if>
  797. </b:includable>
  798.         </b:widget>
  799.       </b:section>
  800.  
  801.         <b:section class='ads1' id='ads1' maxwidgets='1'>
  802. <b:widget id='HTML5' locked='true' title='Search' type='HTML'>
  803.   <b:includable id='main'>
  804.   <!-- only display title if it's non-empty -->
  805.   <b:if cond='data:title != &quot;&quot;'>
  806.     <h2 class='title'><data:title/></h2>
  807.   </b:if>
  808.   <div class='widget-content'>
  809.     <data:content/>
  810.   </div>
  811.  
  812.   <b:include name='quickedit'/>
  813. </b:includable>
  814. </b:widget>
  815. </b:section>
  816.  
  817.         <b:section class='navi' id='navi' maxwidgets='1'>
  818. <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
  819.   <b:includable id='main'>
  820.   <b:if cond='data:title'><h2><data:title/></h2></b:if>
  821.   <div class='widget-content'>
  822.     <b:if cond='data:mobile'>
  823.       <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
  824.         <b:loop values='data:links' var='link'>
  825.           <b:if cond='data:link.isCurrentPage'>
  826.             <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
  827.           <b:else/>
  828.             <option expr:value='data:link.href'><data:link.title/></option>
  829.           </b:if>
  830.         </b:loop>
  831.       </select>
  832.       <span class='pagelist-arrow'>&amp;#9660;</span>
  833.  
  834.     <b:else/>
  835.       <ul>
  836.         <b:loop values='data:links' var='link'>
  837.           <b:if cond='data:link.isCurrentPage'>
  838.             <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
  839.           <b:else/>
  840.             <li><a expr:href='data:link.href'><data:link.title/></a></li>
  841.           </b:if>
  842.         </b:loop>
  843.       </ul>
  844.     </b:if>
  845.     <b:include name='quickedit'/>
  846.   </div>
  847. </b:includable>
  848. </b:widget>
  849. </b:section>
  850.     </div>
  851.  
  852.     <!-- skip links for text browsers -->
  853.     <span id='skiplinks' style='display:none;'>
  854.       <a href='#main'>skip to main </a> /
  855.       <a href='#bottom'>skip to footer</a>
  856.     </span>
  857.  
  858.     <div id='content-wrapper'>
  859.  
  860.  
  861.       <div id='main-wrapper'>
  862. <h2 class='main-title'>Content</h2>
  863.         <b:section class='main' id='main' showaddelement='no'>
  864.           <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
  865.             <b:includable id='main' var='top'>
  866.   <!-- posts -->
  867.   <div class='blog-posts hfeed'>
  868.  
  869.     <b:include data='top' name='status-message'/>
  870.  
  871.     <data:defaultAdStart/>
  872.     <b:loop values='data:posts' var='post'>
  873. <!-- test-1
  874.      <b:if cond='data:post.isDateStart'>
  875.        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  876.          &lt;/div&gt;&lt;/div&gt;
  877.        </b:if>
  878.      </b:if>
  879.      <b:if cond='data:post.isDateStart'>
  880.        &lt;div class=&quot;date-outer&quot;&gt;
  881.      </b:if>
  882.      <b:if cond='data:post.isDateStart'>
  883.        &lt;div class=&quot;date-posts&quot;&gt;
  884.      </b:if>
  885. -->
  886.       <div class='post-outer'>
  887.       <b:include data='post' name='post'/>
  888.       <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  889. <b:if cond='data:post.showThreadedComments'>
  890. <b:include data='post' name='threaded_comments'/>
  891. <b:else/>
  892. <b:include data='post' name='comments'/>
  893. </b:if>
  894.       </b:if>
  895.       <b:if cond='data:blog.pageType == &quot;item&quot;'>
  896. <b:if cond='data:post.showThreadedComments'>
  897. <b:include data='post' name='threaded_comments'/>
  898. <b:else/>
  899. <b:include data='post' name='comments'/>
  900. </b:if>
  901.       </b:if>
  902.       </div>
  903.       <b:if cond='data:post.includeAd'>
  904.         <b:if cond='data:post.isFirstPost'>
  905.           <data:defaultAdEnd/>
  906.         <b:else/>
  907.           <data:adEnd/>
  908.         </b:if>
  909.         <div class='inline-ad'>
  910.           <data:adCode/>
  911.         </div>
  912.         <data:adStart/>
  913.       </b:if>
  914.       <b:if cond='data:post.trackLatency'>
  915.         <data:post.latencyJs/>
  916.       </b:if>
  917.     </b:loop>
  918.     <b:if cond='data:numPosts != 0'>
  919.       &lt;/div&gt;&lt;/div&gt;
  920.     </b:if>
  921.     <data:adEnd/>
  922.   </div>
  923.  
  924.   <!-- navigation -->
  925.   <b:include name='nextprev'/>
  926.  
  927.   <!-- feed links -->
  928.   <b:include name='feedLinks'/>
  929.  
  930.   <b:if cond='data:top.showStars'>
  931.     <script src='//www.google.com/jsapi' type='text/javascript'/>
  932.     <script type='text/javascript'>
  933.       google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  934.       function initialize() {
  935.         google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  936.         google.annotations.createAll();
  937.         google.annotations.fetch();
  938.       }
  939.       google.setOnLoadCallback(initialize);
  940.     </script>
  941.   </b:if>
  942. </b:includable>
  943.             <b:includable id='backlinkDeleteIcon' var='backlink'>
  944.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  945.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  946.       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  947.     </a>
  948.   </span>
  949. </b:includable>
  950.             <b:includable id='backlinks' var='post'>
  951.   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  952.   <b:if cond='data:post.numBacklinks != 0'>
  953.     <dl class='comments-block' id='comments-block'>
  954.       <b:loop values='data:post.backlinks' var='backlink'>
  955.         <div class='collapsed-backlink backlink-control'>
  956.           <dt class='comment-title'>
  957.             <span class='backlink-toggle-zippy'>&#160;</span>
  958.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  959.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  960.           </dt>
  961.           <dd class='comment-body collapseable'>
  962.             <data:backlink.snippet/>
  963.           </dd>
  964.           <dd class='comment-footer collapseable'>
  965.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  966.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  967.           </dd>
  968.         </div>
  969.       </b:loop>
  970.     </dl>
  971.   </b:if>
  972.   <p class='comment-footer'>
  973.     <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>
  974.   </p>
  975. </b:includable>
  976.             <b:includable id='comment-form' var='post'>
  977.   <div class='comment-form'>
  978.     <a name='comment-form'/>
  979.     <b:if cond='data:mobile'>
  980.       <h4 id='comment-post-message'>
  981.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  982.       <p><data:blogCommentMessage/></p>
  983.       <data:blogTeamBlogMessage/>
  984.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  985.       <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%'/>
  986.     <b:else/>
  987.       <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  988.       <p><data:blogCommentMessage/></p>
  989.       <data:blogTeamBlogMessage/>
  990.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  991.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  992.     </b:if>
  993.     <data:post.friendConnectJs/>
  994.     <data:post.cmtfpIframe/>
  995.     <b:if cond='data:showCmtPopup'>
  996.       <div id='comment-popup' style='width:100px;height:20px;'>
  997.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  998.         </iframe>
  999.       </div>
  1000.     </b:if>
  1001.     <script type='text/javascript'>
  1002.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1003.     </script>
  1004.   </div>
  1005. </b:includable>
  1006.             <b:includable id='commentDeleteIcon' var='comment'>
  1007.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1008.     <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1009.       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1010.     </a>
  1011.   </span>
  1012. </b:includable>
  1013.             <b:includable id='comment_count_picker' var='post'>
  1014.   <b:if cond='data:post.forceIframeComments'>
  1015.     <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  1016.     </span>
  1017.   <b:else/>
  1018.     <b:if cond='data:post.commentSource == 1'>
  1019.       <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  1020.       </span>
  1021.     <b:else/>
  1022.       <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1023.         <data:post.commentLabelFull/>:
  1024.       </a>
  1025.     </b:if>
  1026.   </b:if>
  1027. </b:includable>
  1028.             <b:includable id='comment_picker' var='post'>
  1029.   <b:if cond='data:post.forceIframeComments'>
  1030.     <b:include data='post' name='iframe_comments'/>
  1031.     <b:if cond='data:post.showThreadedComments'>
  1032.       <b:include data='post' name='threaded_comments'/>
  1033.     <b:else/>
  1034.       <b:include data='post' name='comments'/>
  1035.     </b:if>
  1036.   <b:else/>
  1037.     <b:if cond='data:post.commentSource == 1'>
  1038.       <b:include data='post' name='iframe_comments'/>
  1039.     <b:else/>
  1040.       <b:if cond='data:post.showThreadedComments'>
  1041.         <b:include data='post' name='threaded_comments'/>
  1042.       <b:else/>
  1043.         <b:include data='post' name='comments'/>
  1044.       </b:if>
  1045.     </b:if>
  1046.   </b:if>
  1047. </b:includable>
  1048.             <b:includable id='comments' var='post'>
  1049.   <div class='comments' id='comments'>
  1050.     <a name='comments'/>
  1051.     <b:if cond='data:post.allowComments'>
  1052.       <h4>
  1053.         <b:if cond='data:post.numComments == 1'>
  1054.           1 <data:commentLabel/>:
  1055.         <b:else/>
  1056.           <data:post.numComments/> <data:commentLabelPlural/>:
  1057.         </b:if>
  1058.       </h4>
  1059.  
  1060.       <b:if cond='data:post.commentPagingRequired'>
  1061.         <span class='paging-control-container'>
  1062.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1063.           &#160;
  1064.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1065.           &#160;
  1066.           <data:post.commentRangeText/>
  1067.           &#160;
  1068.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1069.           &#160;
  1070.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1071.         </span>
  1072.       </b:if>
  1073.  
  1074.       <div expr:class='data:post.postAuthorClass' expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1075.       <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1076.         <b:loop values='data:post.comments' var='comment'>
  1077.           <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1078.             <b:if cond='data:comment.favicon'>
  1079.               <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1080.             </b:if>
  1081.             <a expr:name='data:comment.anchorName'/>
  1082.             <b:if cond='data:blog.enabledCommentProfileImages'>
  1083.               <data:comment.authorAvatarImage/>
  1084.             </b:if>
  1085.             <b:if cond='data:comment.authorUrl'>
  1086.              <a class='author-name' expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> says:
  1087.             <b:else/>
  1088.               <data:comment.author/>
  1089.             </b:if> <br/>at:
  1090.             <span class='comment-timestamp'>
  1091.               <a expr:href='data:comment.url' title='comment permalink'>
  1092.                 <data:comment.timestamp/>
  1093.               </a>
  1094. <data:commentPostedByMsg/>
  1095.               <b:include data='comment' name='commentDeleteIcon'/>
  1096.             </span>
  1097.           </dt>
  1098.           <dd class='comment-body'>
  1099.             <b:if cond='data:comment.isDeleted'>
  1100.               <span class='deleted-comment'><data:comment.body/></span>
  1101.             <b:else/>
  1102.               <p><data:comment.body/></p>
  1103.             </b:if>
  1104.           </dd>
  1105.           <dd class='comment-footer'>
  1106.           </dd>
  1107.         </b:loop>
  1108.       </dl>
  1109.       </div>
  1110.  
  1111.       <b:if cond='data:post.commentPagingRequired'>
  1112.         <span class='paging-control-container'>
  1113.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1114.             <data:post.oldestLinkText/>
  1115.           </a>
  1116.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1117.             <data:post.olderLinkText/>
  1118.           </a>
  1119.           &#160;
  1120.           <data:post.commentRangeText/>
  1121.           &#160;
  1122.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1123.             <data:post.newerLinkText/>
  1124.           </a>
  1125.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1126.             <data:post.newestLinkText/>
  1127.           </a>
  1128.         </span>
  1129.       </b:if>
  1130.  
  1131.       <p class='comment-footer'>
  1132.         <b:if cond='data:post.embedCommentForm'>
  1133.           <b:if cond='data:post.allowNewComments'>
  1134.             <b:include data='post' name='comment-form'/>
  1135.           <b:else/>
  1136.             <data:post.noNewCommentsText/>
  1137.           </b:if>
  1138.         <b:else/>
  1139.           <b:if cond='data:post.allowComments'>
  1140.             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1141.           </b:if>
  1142.         </b:if>
  1143.  
  1144.       </p>
  1145.     </b:if>
  1146.  
  1147.     <div id='backlinks-container'>
  1148.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1149.        <b:if cond='data:post.showBacklinks'>
  1150.          <b:include data='post' name='backlinks'/>
  1151.        </b:if>
  1152.     </div>
  1153.     </div>
  1154.   </div>
  1155. </b:includable>
  1156.             <b:includable id='feedLinks'>
  1157.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1158.     <b:if cond='data:feedLinks'>
  1159.       <div class='blog-feeds'>
  1160.         <b:include data='feedLinks' name='feedLinksBody'/>
  1161.       </div>
  1162.     </b:if>
  1163.  
  1164.     <b:else/> <!--Post feed links -->
  1165.     <div class='post-feeds'>
  1166.       <b:loop values='data:posts' var='post'>
  1167.         <b:if cond='data:post.allowComments'>
  1168.           <b:if cond='data:post.feedLinks'>
  1169.             <b:include data='post.feedLinks' name='feedLinksBody'/>
  1170.           </b:if>
  1171.         </b:if>
  1172.       </b:loop>
  1173.     </div>
  1174.   </b:if>
  1175. </b:includable>
  1176.             <b:includable id='feedLinksBody' var='links'>
  1177.   <div class='feed-links'>
  1178.   <b:loop values='data:links' var='f'>
  1179.      <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>
  1180.   </b:loop>
  1181. <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>
  1182.   </div>
  1183. </b:includable>
  1184.             <b:includable id='iframe_comments' var='post'>
  1185.  
  1186.   <b:if cond='data:post.allowIframeComments'>
  1187.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1188.     <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1189.  
  1190.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1191.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1192.     </b:if>
  1193.   </b:if>
  1194. </b:includable>
  1195.             <b:includable id='mobile-index-post' var='post'>
  1196.   <b:if cond='data:post.dateHeader'>
  1197.     <div class='mobile-index-date'>
  1198.       <div class='date-header'>
  1199.         <span><data:post.dateHeader/></span>
  1200.       </div>
  1201.     </div>
  1202.   </b:if>
  1203.  
  1204.   <div class='mobile-post-outer'>
  1205.     <div class='mobile-index-title-outer'>
  1206.       <h3 class='mobile-index-title entry-title'>
  1207.         <a href='javascript:void(0)'><data:post.title/></a>
  1208.       </h3>
  1209.     </div>
  1210.  
  1211.     <div>
  1212.       <div class='mobile-index-arrow'>
  1213.         <a href='javascript:void(0)'>&amp;rsaquo;</a>
  1214.       </div>
  1215.  
  1216.       <div class='mobile-post-contents'>
  1217.         <b:if cond='data:post.thumbnailUrl'>
  1218.           <div class='mobile-index-thumbnail'>
  1219.             <div class='Image'>
  1220.               <img expr:src='data:post.thumbnailUrl'/>
  1221.             </div>
  1222.           </div>
  1223.         </b:if>
  1224.  
  1225.         <div class='post-body'>
  1226.           <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1227.         </div>
  1228.       </div>
  1229.       <div style='clear: both;'/>
  1230.     </div>
  1231.  
  1232.     <div class='mobile-index-comment'>
  1233.       <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1234.         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1235.           <b:if cond='data:post.allowComments'>
  1236.             <b:if cond='data:post.numComments != 0'>
  1237.               <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>
  1238.             </b:if>
  1239.           </b:if>
  1240.         </b:if>
  1241.       </b:if>
  1242.     </div>
  1243.   </div>
  1244. </b:includable>
  1245.             <b:includable id='mobile-main' var='top'>
  1246.     <!-- posts -->
  1247.     <div class='blog-posts hfeed'>
  1248.  
  1249.       <b:include data='top' name='status-message'/>
  1250.  
  1251.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1252.         <b:loop values='data:posts' var='post'>
  1253.           <b:include data='post' name='mobile-index-post'/>
  1254.         </b:loop>
  1255.       <b:else/>
  1256.         <b:loop values='data:posts' var='post'>
  1257.           <b:include data='post' name='mobile-post'/>
  1258.         </b:loop>
  1259.       </b:if>
  1260.     </div>
  1261.  
  1262.    <b:include name='mobile-nextprev'/>
  1263. </b:includable>
  1264.             <b:includable id='mobile-nextprev'>
  1265.   <div class='blog-pager' id='blog-pager'>
  1266.     <b:if cond='data:newerPageUrl'>
  1267.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  1268.       <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>
  1269.       </div>
  1270.     </b:if>
  1271.  
  1272.     <b:if cond='data:olderPageUrl'>
  1273.       <div class='mobile-link-button' id='blog-pager-older-link'>
  1274.       <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>
  1275.       </div>
  1276.     </b:if>
  1277.  
  1278.     <div class='mobile-link-button' id='blog-pager-home-link'>
  1279.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1280.     </div>
  1281.  
  1282.     <div class='mobile-desktop-link'>
  1283.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1284.     </div>
  1285.  
  1286.   </div>
  1287.   <div class='clear'/>
  1288. </b:includable>
  1289.             <b:includable id='mobile-post' var='post'>
  1290.   <div class='date-outer'>
  1291.     <b:if cond='data:post.dateHeader'>
  1292.       <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1293.     </b:if>
  1294.     <div class='date-posts'>
  1295.       <div class='post-outer'>
  1296.  
  1297.         <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1298.           <a expr:name='data:post.id'/>
  1299.           <b:if cond='data:post.title'>
  1300.             <h3 class='post-title entry-title' itemprop='name'>
  1301.               <b:if cond='data:post.link'>
  1302.                 <a expr:href='data:post.link'><data:post.title/></a>
  1303.               <b:else/>
  1304.                 <b:if cond='data:post.url'>
  1305.                   <b:if cond='data:blog.url != data:post.url'>
  1306.                     <a expr:href='data:post.url'><data:post.title/></a>
  1307.                   <b:else/>
  1308.                     <data:post.title/>
  1309.                   </b:if>
  1310.                 <b:else/>
  1311.                   <data:post.title/>
  1312.                 </b:if>
  1313.               </b:if>
  1314.             </h3>
  1315.           </b:if>
  1316.  
  1317.           <div class='post-header'>
  1318.             <div class='post-header-line-1'/>
  1319.           </div>
  1320.  
  1321.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1322.             <data:post.body/>
  1323.             <div style='clear: both;'/> <!-- clear for photos floats -->
  1324.           </div>
  1325.  
  1326.           <div class='post-footer'>
  1327.             <div class='post-footer-line post-footer-line-1'>
  1328.               <span class='post-author vcard'>
  1329.                 <b:if cond='data:top.showAuthor'>
  1330.                   <b:if cond='data:post.authorProfileUrl'>
  1331.                     <span class='fn'>
  1332.                       <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
  1333.                         <data:post.author/>
  1334.                       </a>
  1335.                     </span>
  1336.                   <b:else/>
  1337.                     <span class='fn'><data:post.author/></span>
  1338.                   </b:if>
  1339.                 </b:if>
  1340.               </span>
  1341.  
  1342.               <span class='post-timestamp'>
  1343.                 <b:if cond='data:top.showTimestamp'>
  1344.                   <data:top.timestampLabel/>
  1345.                   <b:if cond='data:post.url'>
  1346.                     <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>
  1347.                   </b:if>
  1348.                 </b:if>
  1349.               </span>
  1350.  
  1351.               <span class='post-comment-link'>
  1352.                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1353.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1354.                     <b:if cond='data:post.allowComments'>
  1355.                       <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>
  1356.                     </b:if>
  1357.                   </b:if>
  1358.                 </b:if>
  1359.               </span>
  1360.             </div>
  1361.  
  1362.             <div class='post-footer-line post-footer-line-2'>
  1363.               <b:if cond='data:top.showMobileShare'>
  1364.                 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1365.                   <a href='javascript:void(0);'><data:shareMsg/></a>
  1366.                 </div>
  1367.               </b:if>
  1368.               <b:if cond='data:top.showDummy'>
  1369.                 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  1370.               </b:if>
  1371.             </div>
  1372.  
  1373.           </div>
  1374.         </div>
  1375.  
  1376.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1377.           <b:if cond='data:post.showThreadedComments'>
  1378.             <b:include data='post' name='threaded_comments'/>
  1379.           <b:else/>
  1380. <b:if cond='data:post.showThreadedComments'>
  1381. <b:include data='post' name='threaded_comments'/>
  1382. <b:else/>
  1383. <b:include data='post' name='comments'/>
  1384. </b:if>
  1385.           </b:if>
  1386.         </b:if>
  1387.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1388.           <b:if cond='data:post.showThreadedComments'>
  1389.             <b:include data='post' name='threaded_comments'/>
  1390.           <b:else/>
  1391. <b:if cond='data:post.showThreadedComments'>
  1392. <b:include data='post' name='threaded_comments'/>
  1393. <b:else/>
  1394. <b:include data='post' name='comments'/>
  1395. </b:if>
  1396.           </b:if>
  1397.         </b:if>
  1398.       </div>
  1399.     </div>
  1400.   </div>
  1401. </b:includable>
  1402.             <b:includable id='nextprev'>
  1403.  
  1404.   <div>
  1405.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1406.   </div>
  1407.   <div class='blog-pager' id='blog-pager'>
  1408.     <b:if cond='data:newerPageUrl'>
  1409.       <span id='blog-pager-newer-link'>
  1410.       <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'>Newer</a>
  1411.       </span>
  1412.     </b:if>
  1413.  
  1414.     <b:if cond='data:olderPageUrl'>
  1415.       <span id='blog-pager-older-link'>
  1416.       <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'>Older</a>
  1417.       </span>
  1418.     </b:if>
  1419.  
  1420.       <script type='text/javascript'>
  1421.       $(document).keydown(function(e){
  1422.         if (e.ctrlKey) {
  1423.           if (e.keyCode == 37) {
  1424.            document.location = $(&quot;a[class=&#39;blog-pager-newer-link&#39;]&quot;).attr(&#39;href&#39;);
  1425.            return false;
  1426.           } else if (e.keyCode == 39) {
  1427.            document.location = $(&quot;a[class=&#39;blog-pager-older-link&#39;]&quot;).attr(&#39;href&#39;);
  1428.            return false;
  1429.           }
  1430.         }
  1431.       });
  1432.       </script>
  1433.  
  1434.   </div>
  1435.   <div class='clear'/>
  1436. </b:includable>
  1437.             <b:includable id='post' var='post'>
  1438.   <div class='post hentry'>
  1439.  
  1440.     <div class='post-header'>
  1441.     <div class='post-header-line-1'>
  1442.       <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1443.       <span class='date-hdr' style='margin-right:10px;'><data:post.dateHeader/></span>
  1444.       </b:if>
  1445.       <span class='post-author vcard' style='margin-right:10px;'>
  1446.         <b:if cond='data:top.showAuthor'>
  1447.           <data:top.authorLabel/>
  1448.           <span class='fn'><data:post.author/></span>
  1449.         </b:if>
  1450.       </span>
  1451.  
  1452.       <span class='post-comment-link' style='margin-right:10px;'> <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1453.           <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1454.             <b:if cond='data:post.allowComments'>
  1455.               <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>
  1456.             </b:if>
  1457.           </b:if>
  1458.         </b:if>
  1459.       </span>
  1460.  
  1461.       <span class='post-location'>
  1462.         <b:if cond='data:top.showLocation'>
  1463.           <b:if cond='data:post.location'>
  1464.             <data:postLocationLabel/>
  1465.               <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  1466.           </b:if>
  1467.         </b:if>
  1468.       </span>
  1469.  
  1470.       <span class='post-labels'>
  1471.         <b:if cond='data:post.labels'>
  1472.           <data:postLabelsLabel/>
  1473.           <b:loop values='data:post.labels' var='label'>
  1474.             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  1475.           </b:loop>
  1476.         </b:if>
  1477.       </span>
  1478.       </div>
  1479.     </div>
  1480.  
  1481.     <a expr:name='data:post.id'/>
  1482.     <b:if cond='data:post.title'>
  1483.      <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1484.        <h2 class='post-title-2'>
  1485.          <b:if cond='data:post.link'>
  1486.            <a expr:href='data:post.link'><data:post.title/></a>
  1487.          <b:else/>
  1488.            <b:if cond='data:post.url'>
  1489.              <a expr:href='data:post.url'><data:post.title/></a>
  1490.            <b:else/>
  1491.              <data:post.title/>
  1492.            </b:if>
  1493.          </b:if>
  1494.        </h2>
  1495.      <b:else/>
  1496.        <h1 class='post-title-2'>
  1497.          <b:if cond='data:post.link'>
  1498.            <a expr:href='data:post.link'><data:post.title/></a>
  1499.          <b:else/>
  1500.            <b:if cond='data:post.url'>
  1501.              <data:post.title/>
  1502.            <b:else/>
  1503.              <data:post.title/>
  1504.            </b:if>
  1505.          </b:if>
  1506.        </h1>
  1507.      </b:if>
  1508.     </b:if>
  1509.  
  1510.     <div class='post-body entry-content'>
  1511.  
  1512. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1513. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1514.   <div class='post-title entry-title'>
  1515.         <b:if cond='data:post.link'>
  1516.           <a expr:href='data:post.link'><data:post.title/></a>
  1517.         <b:else/>
  1518.           <b:if cond='data:post.url'>
  1519.             <a expr:href='data:post.url'><data:post.title/></a>
  1520.           <b:else/>
  1521.             <data:post.title/>
  1522.           </b:if>
  1523.         </b:if>
  1524.       </div>
  1525.   <div expr:id='&quot;summary&quot; + data:post.id'>
  1526.     <data:post.body/>
  1527.   </div>
  1528.   <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
  1529. </b:if>
  1530. </b:if>
  1531.  
  1532. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1533.   <data:post.body/>
  1534. <div expr:id='&quot;labels_&quot; + data:post.id' style='display: none; visibility: hidden;'>
  1535. <b:if cond='data:post.labels'>
  1536. <b:loop values='data:post.labels' var='label'>
  1537. <data:label.name/>,</b:loop></b:if></div>Rate this posting: <div class='ffbs_rate' expr:id='data:post.id'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div>
  1538. <div class='ffbs_stats' expr:id='&quot;ffbs_stats_&quot; + data:post.id'/>
  1539. <div expr:id='&quot;src_&quot; + data:post.id'><dummy expr:src='&quot;http://www.graddit.com/rate/eng/10/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;'/></div><script type='text/javascript'>$(document).ready(function(){var post_id=&#39;<data:post.id/>&#39;;var src=document.getElementById(&#39;src_&#39;+post_id).innerHTML;var re=/src=&quot;(.+)&quot;/;var match=re.exec(src);if(match!=null){src=match[1];$.getScript(src);}});</script></b:if>
  1540. <!-- Graddit aggregator -->
  1541. <b:if cond='data:blog.pageType != &quot;index&quot;'>
  1542. <br/><br/>
  1543. <div style='width: 100%;'>
  1544.   <div style='margin: 0 auto; display: inline-block;'>
  1545.     <div expr:id='&quot;graddit_aggregator_labels_&quot; + 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>
  1546.     <div class='graddit_aggregator_wrapper' expr:id='&quot;graddit_aggregator_wrapper_&quot; + data:post.id' style='margin: 10px auto; text-align: center; font-size: 10px;'/>
  1547.     <script type='text/javascript'>
  1548.       (function() {
  1549.           var post_id = &#39;<data:post.id/>&#39;;
  1550.           var url = &#39;<data:post.url/>&#39;;
  1551.           var sites = {
  1552.               &#39;http://mlnpics.blogspot.com/&#39; : &#39;blogger&#39;,
  1553.           };
  1554.           var container_id = &#39;graddit_aggregator_wrapper_&#39; + post_id;
  1555.           var action = &#39;related&#39;;
  1556.           var d = document;
  1557.           var labels = d.getElementById(&#39;graddit_aggregator_labels_&#39; + post_id);
  1558.           var max_links = 10;
  1559.           var target = &#39;_self&#39;;
  1560.           var style = &#39;blue&#39;;
  1561.           var thumbs = &#39;yes&#39;; // &#39;yes&#39; or &#39;no&#39;
  1562.           var default_thumb = &#39;http://static.graddit.com/img/blogger_icon.png&#39;;
  1563.           if (labels != null) {
  1564.               labels = labels.innerHTML;
  1565.           } else {
  1566.               labels = &#39;&#39;;
  1567.           }
  1568.           var title = &#39;Pictures that might interest you:&#39;;
  1569.           var inline_styles = &#39;yes&#39;; // &#39;yes&#39; or &#39;no&#39;
  1570.           var s = d.createElement(&#39;script&#39;);
  1571.           s.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
  1572.           s.setAttribute(&#39;src&#39;,&#39;http://www.graddit.com/aggregate/eng?url=&#39; + url + &#39;&amp;sites=&#39; + JSON.stringify(sites) + &#39;&amp;container_id=&#39; + container_id + &#39;&amp;action=&#39; + action + &#39;&amp;labels=&#39; + labels + &#39;&amp;post_id=&#39; + post_id + &#39;&amp;max_links=&#39; + max_links + &#39;&amp;style=&#39; + style + &#39;&amp;default_thumb=&#39; + default_thumb + &#39;&amp;thumbs=&#39; + thumbs + &#39;&amp;title=&#39; + title + &#39;&amp;inline_styles=&#39; + inline_styles + &#39;&amp;target=&#39; + target);
  1573.           var h = d.getElementsByTagName(&#39;head&#39;).item(0);
  1574.           h.insertBefore(s, h.firstChild);
  1575.       })();
  1576.     </script>
  1577.   </div>
  1578. </div>
  1579. </b:if>
  1580. <!-- // Graddit aggregator -->
  1581. <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
  1582.  
  1583.       <div style='clear: both;'/> <!-- clear for photos floats -->
  1584.     </div>
  1585.  
  1586.     <b:if cond='data:post.hasJumpLink'>
  1587.       <div class='jump-link'>
  1588.         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  1589.       </div>
  1590.     </b:if>
  1591.  
  1592.     <div class='post-footer'>
  1593.     <div class='post-footer-line-1'>
  1594. <span class='post-icons'>
  1595.         <!-- email post links -->
  1596.         <b:if cond='data:post.emailPostUrl'>
  1597.           <span class='item-action'>
  1598.           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  1599.               <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
  1600.           </a>
  1601.           </span>
  1602.         </b:if>
  1603.  
  1604.         <!-- quickedit pencil -->
  1605.         <b:include data='post' name='postQuickEdit'/>
  1606.       </span> <div class='post-share-buttons'>
  1607.         <b:include data='post' name='shareButtons'/>
  1608.       </div> </div>
  1609.  
  1610.       <div class='post-footer-line-2'>
  1611.         <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1612.         <div expr:id='&quot;graddit_preview_rating_&quot; + data:post.id'/>
  1613.         <div class='ffbs_rate' expr:id='data:post.id' style='display: none;'>{[[&quot;&#9734;&quot;,&quot;&#9733;&quot;]]}</div>
  1614.         <script expr:src='&quot;http://www.graddit.com/rate/eng/10/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;callback=previewRating&amp;stats=&quot;' type='text/javascript'/>
  1615.         </b:if>
  1616.       </div>
  1617.  
  1618.       <div class='post-footer-line-3'><span class='post-location'>
  1619.         <b:if cond='data:top.showLocation'>
  1620.           <b:if cond='data:post.location'>
  1621.             <data:postLocationLabel/>
  1622.             <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  1623.           </b:if>
  1624.         </b:if>
  1625.       </span> </div>
  1626.     </div>
  1627.   </div>
  1628. </b:includable>
  1629.             <b:includable id='postQuickEdit' var='post'>
  1630.   <b:if cond='data:post.editUrl'>
  1631.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1632.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1633.         <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1634.       </a>
  1635.     </span>
  1636.   </b:if>
  1637. </b:includable>
  1638.             <b:includable id='shareButtons' var='post'>
  1639.   <b:if cond='data:post.sharePostUrl'>
  1640.       <a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
  1641.         <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
  1642.       <a class='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'>
  1643.         <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
  1644.       <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
  1645.         <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
  1646.       <a class='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'>
  1647.         <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
  1648.       <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
  1649.         <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
  1650.   </b:if>
  1651. </b:includable>
  1652.             <b:includable id='status-message'>
  1653.   <b:if cond='data:navMessage'>
  1654.   <div class='status-msg-wrap'>
  1655.     <div class='status-msg-body'>
  1656.       <data:navMessage/>
  1657.     </div>
  1658.     <div class='status-msg-border'>
  1659.       <div class='status-msg-bg'>
  1660.         <div class='status-msg-hidden'><data:navMessage/></div>
  1661.       </div>
  1662.     </div>
  1663.   </div>
  1664.   <div style='clear: both;'/>
  1665.   </b:if>
  1666. </b:includable>
  1667.             <b:includable id='threaded-comment-form' var='post'>
  1668.   <div class='comment-form'>
  1669.     <a name='comment-form'/>
  1670.     <b:if cond='data:mobile'>
  1671.       <p><data:blogCommentMessage/></p>
  1672.       <data:blogTeamBlogMessage/>
  1673.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1674.       <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%'/>
  1675.     <b:else/>
  1676.       <p><data:blogCommentMessage/></p>
  1677.       <data:blogTeamBlogMessage/>
  1678.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1679.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1680.     </b:if>
  1681.     <data:post.friendConnectJs/>
  1682.     <data:post.cmtfpIframe/>
  1683.     <script type='text/javascript'>
  1684.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1685.     </script>
  1686.   </div>
  1687. </b:includable>
  1688.             <b:includable id='threaded_comment_js' var='post'>
  1689.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1690.  
  1691.   <script type='text/javascript'>
  1692.     (function() {
  1693.       var items = <data:post.commentJso/>;
  1694.       var msgs = <data:post.commentMsgs/>;
  1695.       var config = <data:post.commentConfig/>;
  1696.  
  1697. // <![CDATA[
  1698.      var cursor = null;
  1699.      if (items && items.length > 0) {
  1700.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1701.      }
  1702.  
  1703.      var bodyFromEntry = function(entry) {
  1704.        if (entry.gd$extendedProperty) {
  1705.          for (var k in entry.gd$extendedProperty) {
  1706.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1707.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1708.            }
  1709.          }
  1710.        }
  1711.        return entry.content.$t;
  1712.      }
  1713.  
  1714.      var parse = function(data) {
  1715.        cursor = null;
  1716.        var comments = [];
  1717.        if (data && data.feed && data.feed.entry) {
  1718.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1719.            var comment = {};
  1720.            // comment ID, parsed out of the original id format
  1721.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1722.            comment.id = id ? id[2] : null;
  1723.            comment.body = bodyFromEntry(entry);
  1724.            comment.timestamp = Date.parse(entry.published.$t) + '';
  1725.            if (entry.author && entry.author.constructor === Array) {
  1726.              var auth = entry.author[0];
  1727.              if (auth) {
  1728.                comment.author = {
  1729.                  name: (auth.name ? auth.name.$t : undefined),
  1730.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1731.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1732.                };
  1733.              }
  1734.            }
  1735.            if (entry.link) {
  1736.              if (entry.link[2]) {
  1737.                comment.link = comment.permalink = entry.link[2].href;
  1738.              }
  1739.              if (entry.link[3]) {
  1740.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1741.                if (pid && pid[1]) {
  1742.                  comment.parentId = pid[1];
  1743.                }
  1744.              }
  1745.            }
  1746.            comment.deleteclass = 'item-control blog-admin';
  1747.            if (entry.gd$extendedProperty) {
  1748.              for (var k in entry.gd$extendedProperty) {
  1749.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1750.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1751.                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1752.                  comment.displayTime = entry.gd$extendedProperty[k].value;
  1753.                }
  1754.              }
  1755.            }
  1756.            comments.push(comment);
  1757.          }
  1758.        }
  1759.        return comments;
  1760.      };
  1761.  
  1762.      var paginator = function(callback) {
  1763.        if (hasMore()) {
  1764.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1765.          if (cursor) {
  1766.            url += '&published-min=' + new Date(cursor).toISOString();
  1767.          }
  1768.          window.bloggercomments = function(data) {
  1769.            var parsed = parse(data);
  1770.            cursor = parsed.length < 50 ? null
  1771.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1772.            callback(parsed);
  1773.            window.bloggercomments = null;
  1774.          }
  1775.          url += '&callback=bloggercomments';
  1776.          var script = document.createElement('script');
  1777.          script.type = 'text/javascript';
  1778.          script.src = url;
  1779.          document.getElementsByTagName('head')[0].appendChild(script);
  1780.        }
  1781.      };
  1782.      var hasMore = function() {
  1783.        return !!cursor;
  1784.      };
  1785.      var getMeta = function(key, comment) {
  1786.        if ('iswriter' == key) {
  1787.          var matches = !!comment.author
  1788.              && comment.author.name == config.authorName
  1789.              && comment.author.profileUrl == config.authorUrl;
  1790.          return matches ? 'true' : '';
  1791.        } else if ('deletelink' == key) {
  1792.          return config.baseUri + '/delete-comment.g?blogID='
  1793.               + config.blogId + '&postID=' + comment.id;
  1794.        } else if ('deleteclass' == key) {
  1795.          return comment.deleteclass;
  1796.        }
  1797.        return '';
  1798.      };
  1799.  
  1800.      var replybox = null;
  1801.      var replyUrlParts = null;
  1802.      var replyParent = undefined;
  1803.  
  1804.      var onReply = function(commentId, domId) {
  1805.        if (replybox == null) {
  1806.          // lazily cache replybox, and adjust to suit this style:
  1807.          replybox = document.getElementById('comment-editor');
  1808.          if (replybox != null) {
  1809.            replybox.height = '250px';
  1810.            replybox.style.display = 'block';
  1811.            replyUrlParts = replybox.src.split('#');
  1812.          }
  1813.        }
  1814.        if (replybox && (commentId !== replyParent)) {
  1815.          document.getElementById(domId).insertBefore(replybox, null);
  1816.          replybox.src = replyUrlParts[0]
  1817.              + (commentId ? '&parentID=' + commentId : '')
  1818.              + '#' + replyUrlParts[1];
  1819.          replyParent = commentId;
  1820.        }
  1821.      };
  1822.  
  1823.      var hash = (window.location.hash || '#').substring(1);
  1824.      var startThread, targetComment;
  1825.      if (/^comment-form_/.test(hash)) {
  1826.        startThread = hash.substring('comment-form_'.length);
  1827.      } else if (/^c[0-9]+$/.test(hash)) {
  1828.        targetComment = hash.substring(1);
  1829.      }
  1830.  
  1831.      // Configure commenting API:
  1832.      var configJso = {
  1833.        'maxDepth': config.maxThreadDepth
  1834.      };
  1835.      var provider = {
  1836.        'id': config.postId,
  1837.        'data': items,
  1838.        'loadNext': paginator,
  1839.        'hasMore': hasMore,
  1840.        'getMeta': getMeta,
  1841.        'onReply': onReply,
  1842.        'rendered': true,
  1843.        'initComment': targetComment,
  1844.        'initReplyThread': startThread,
  1845.        'config': configJso,
  1846.        'messages': msgs
  1847.      };
  1848.  
  1849.      var render = function() {
  1850.        if (window.goog && window.goog.comments) {
  1851.          var holder = document.getElementById('comment-holder');
  1852.          window.goog.comments.render(holder, provider);
  1853.        }
  1854.      };
  1855.  
  1856.      // render now, or queue to render when library loads:
  1857.      if (window.goog && window.goog.comments) {
  1858.        render();
  1859.      } else {
  1860.        window.goog = window.goog || {};
  1861.        window.goog.comments = window.goog.comments || {};
  1862.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1863.        window.goog.comments.loadQueue.push(render);
  1864.      }
  1865.    })();
  1866. // ]]>
  1867.   </script>
  1868. </b:includable>
  1869.             <b:includable id='threaded_comments' var='post'>
  1870.   <div class='comments' id='comments'>
  1871.     <a name='comments'/>
  1872.     <h4>
  1873.       <b:if cond='data:post.numComments == 1'>
  1874.         1 <data:commentLabel/>:
  1875.       <b:else/>
  1876.         <data:post.numComments/> <data:commentLabelPlural/>:
  1877.       </b:if>
  1878.     </h4>
  1879.  
  1880.     <div class='comments-content'>
  1881.       <b:if cond='data:post.embedCommentForm'>
  1882.         <b:include data='post' name='threaded_comment_js'/>
  1883.       </b:if>
  1884.       <div id='comment-holder'>
  1885.          <data:post.commentHtml/>
  1886.       </div>
  1887.     </div>
  1888.  
  1889.     <p class='comment-footer'>
  1890.       <b:if cond='data:post.allowNewComments'>
  1891.         <b:include data='post' name='threaded-comment-form'/>
  1892.       <b:else/>
  1893.         <data:post.noNewCommentsText/>
  1894.       </b:if>
  1895.     </p>
  1896.  
  1897.     <b:if cond='data:showCmtPopup'>
  1898.       <div id='comment-popup'>
  1899.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1900.         </iframe>
  1901.       </div>
  1902.     </b:if>
  1903.  
  1904.     <div id='backlinks-container'>
  1905.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1906.        <b:if cond='data:post.showBacklinks'>
  1907.          <b:include data='post' name='backlinks'/>
  1908.        </b:if>
  1909.     </div>
  1910.     </div>
  1911.   </div>
  1912. </b:includable>
  1913.           </b:widget>
  1914.         </b:section>
  1915.       </div>
  1916.  
  1917. <div id='bottom'>
  1918. <b:section class='bottom' id='left-bottom' preferred='yes'/>
  1919.  
  1920. <b:section class='bottom' id='center-bottom' preferred='yes'/>
  1921.  
  1922. <b:section class='bottom' id='right-bottom' preferred='yes'/>
  1923. </div> <!-- end bottom -->
  1924.  
  1925.       <!-- spacer for skins that want sidebar and main to be the same height-->
  1926. <div class='clear'>
  1927. <!-- Graddit tops -->
  1928. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1929.   <div style='width: 100%; text-align: center; margin: 0 auto;'>
  1930.     <div id='graddit_top_wrapper' style='visibility: hidden;'>Top pics</div>
  1931.     <script src='http://www.graddit.com/showtop/eng/69?id=graddit_top_wrapper' type='text/javascript'/>
  1932.   </div>
  1933. </b:if>
  1934. <!-- //Graddit tops -->
  1935. </div>
  1936.  
  1937.     </div> <!-- end content-wrapper -->
  1938.  
  1939.     <div id='footer-wrapper'>
  1940. <div class='footer-left'/>
  1941.  
  1942. <div class='footer-right'>design by <a href='http://www.dzignine.com' title='blogger template'>DZignine</a> &amp; <a href='http://pixeloplosan.com'>Pixel Oplosan</a>
  1943. </div>
  1944.     </div>
  1945.   </div></div> <!-- end outer-wrapper -->
  1946. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1947.   <script type='text/javascript'>gradditReplacePreviousNextBloggerLinks();</script>
  1948. </b:if>
  1949. </body>
  1950. </html>
RAW Paste Data
Top