<data:blog.pageTitle/>
*/ /* Use this with templates/template-twocol.html */ body { background:none repeat-y scroll center #5f5f5f; color:$textcolor; font:small Georgia Serif; margin:0 auto; text-align:center; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:#0066cc; text-decoration:underline; } a img { border-width:0; } #header-wrapper { -moz-box-shadow: 0px 0px 5px #1a1a1a; -webkit-box-shadow: 0px 0px 5px #1a1a1a; box-shadow: 0px 0px 5px #1a1a1a; -moz-border-radius:4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; background:#000000; height:100px; margin:12px auto 0; width:960px; } #header-inner { background-position:center center; height:105px; margin-left:auto; margin-right:auto; } #header { color:$pagetitlecolor; text-align:left; } #header h1 { font:$pagetitlefont; letter-spacing:2px; margin:0; line-height:20px; padding:20px 30px 2px; text-transform:none; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:#666666; } #header .description { font: $descriptionfont; color: $descriptioncolor; font-weight:bold; letter-spacing:0; margin:0 5px 5px; max-width:600px; padding:0 25px 15px; text-transform:none; } #header img { margin-left:auto; margin-right:auto; } #outer-wrapper { font:$bodyfont; margin:0 auto; text-align:left; width:960px; } #main-wrapper { float:left; font:12px Arial; overflow:hidden; padding:15px; width:590px; word-wrap:break-word; } #sidebar-wrapper { float:right; margin-top:-1px; overflow:hidden; padding:15px; width:310px; word-wrap:break-word; } h2 { -moz-border-radius:4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7TbAE919qO4t6hk_AA8gwyqQA98iJ-CY7v39BP2o9DGaO9gOuNjSAhyI3c3gDU8L8mchKxplKiPSeVfMq0EY1a0vY8C_FQWW0vytzl1jvoEafIha1zdgyUt-8r58VZs-GSVxEGoYrsI6f/s0/sidebar-header.png") repeat-x scroll 0 0 transparent; font:$headerfont; border-bottom:1px solid #CCCCCC; color:$sidebarcolor; letter-spacing:0; height:20px; width:290px; margin:0 auto; padding:10px 15px 0px 15px; text-transform:none; } h2.date-header { display:none; background:none repeat scroll 0 0 transparent; border:medium none; font:12px arial; letter-spacing:0; margin:0; padding:0; text-transform:none; } .post { margin:0.5em 0 1.5em; padding-bottom:1.5em; } .post h3 { color:$titlecolor; font-size:130%; font-weight:bold; border-bottom:1px solid #DDDDDD; line-height:1.4em; margin:0.25em 0 0; padding:0 0 4px; } .post h3 a, .post h3 a:visited, .post h3 strong { color:$titlecolor; display:block; font-weight:bold; text-decoration:none; } .post h3 strong, .post h3 a:hover { color:#333333; } .post-body { line-height:1.6em; margin:0 0 0.75em; } .post-body blockquote { line-height:1.3em; } .post-footer { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin_UizF-22CdU0CESA1GXRQWrM67Ui9tlbdRD5mYeRU8cYq2FaREmrBYqMjl7TZLM0p50T2NqvRF9Pui_prfxerYrIM468pKunSxhQZq1yhotCqHqvzX011eOkvqwzACUl_CoozSHL5Up8/s0/footer-bg.png") scroll no-repeat 0 0 transparent; color:#000000; font:$postfooterfont; letter-spacing:0; margin:0.75em 0; padding:20px; text-transform:none; height:90px; } .comment-link { margin-left:0.6em; } .post img, table.tr-caption-container { -moz-border-radius:10px 10px 10px 10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; border:4px solid #EEEEEE; max-width:95%; } .tr-caption-container img { border:medium none; padding:0; } .post blockquote { font:italic 13px georgia; margin:1em 20px; } .post blockquote p { margin:0.75em 0; } #comments h4 { color:#666666; font-size:14px; font-weight:bold; letter-spacing:0; line-height:1.4em; margin:1em 0; text-transform:none; } #comments-block { line-height:1.6em; margin:1em 0 1.5em; } #comments-block .comment-author { -moz-background-inline-policy:continuous; background:none repeat scroll 0 0 #EEEEEE; border:1px solid #EEEEEE; font-size:15px; font-weight:normal; margin-right:20px; padding:5px; } #comments .blogger-comment-icon, .blogger-comment-icon { -moz-background-inline-policy:continuous; background:none repeat scroll 0 0 #E8DEC4; border-color:#E8DEC4; border-style:solid; border-width:2px 1px 1px; line-height:16px; padding:5px; } #comments-block .comment-body { border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; margin-left:0; margin-right:20px; padding:7px; } #comments-block .comment-footer { border-bottom:1px solid #EEEEEE; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; font-size:11px; line-height:1.4em; margin:-0.25em 20px 2em 0; padding:5px; text-transform:none; } #comments-block .comment-body p { margin:0 0 0.75em; } .deleted-comment { color:gray; font-style:italic; } #blog-pager-newer-link { -moz-border-radius:5px 5px 5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZTMYaArMcedI2PVSCUKvYtm-jO2zPm_rk-cQ6jDPyyfYuoc6fxNNHcZfoRDS7zgxfNDwpQurndtT7pSl60_nZr1RFkNi2TxmAqa-8APy-4tTWOu_39a6jCEwlL_VomuNThAPSa2-GnzCL/s0/pager-bg.png") repeat-x scroll 0 0 transparent; border:1px solid #002f52; float:left; font-size:blod; padding:7px; } #blog-pager-newer-link a { text-decoration:none; color:#FFFFFF; } #blog-pager-older-link a { text-decoration:none; color:#FFFFFF; } #blog-pager-older-link { -moz-border-radius:5px 5px 5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZTMYaArMcedI2PVSCUKvYtm-jO2zPm_rk-cQ6jDPyyfYuoc6fxNNHcZfoRDS7zgxfNDwpQurndtT7pSl60_nZr1RFkNi2TxmAqa-8APy-4tTWOu_39a6jCEwlL_VomuNThAPSa2-GnzCL/s0/pager-bg.png") repeat-x scroll 0 0 transparent; border:1px solid #002f52; float:right; font-size:blod; padding:7px; } #blog-pager { text-align:center; } .feed-links { clear:both; line-height:2.5em; } .sidebar { color:$sidebartextcolor; line-height:1.5em; } .sidebar ul { list-style:none outside none; margin:0; padding:0; } .sidebar li { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNaNQR19Wpmha5AnoKxPmKSg3UkoPBW22OWVcWbZ_4C7d6HcbM0mV_BMcQh7TcltN6oC0mOPHUlOLpwBzYayET4E30ek1nZKj4J_2j8cztUfazT3GArbTe2DFIQwQ1gv2XrdiJxysJp1Xx/s0/arrow.gif") scroll no-repeat left center transparent; border-bottom:1px dotted #CCCCCC; line-height:1.5em; margin:0; padding-left:15px; padding-bottom:5px; } .sidebar .widget { -moz-border-radius:4px 4px 4px 4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; width:320px; background:#f0f0f0; border:1px solid #cbcbcb; margin:0 0 15px -10px; padding:0 0 10px 0px; } .main .widget { border-bottom:1px dotted #CCCCCC; margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width:0; } .profile-img { border:1px solid #CCCCCC; float:left; margin:0 5px 5px 0; padding:4px; } .profile-data { color:#999999; font:bold 78%/1.6em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; letter-spacing:0.1em; margin:0; text-transform:uppercase; } .profile-datablock { margin:0.5em 0; } .profile-textblock { line-height:1.6em; margin:0.5em 0; } .profile-link { font:78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; letter-spacing:0.1em; text-transform:uppercase; } #footer { color:#666666; clear:both; font:normal 10px Arial; letter-spacing:0; margin:0 auto; border-top:1px solid #CCCCCC; padding-bottom:5px; padding-top:5px; text-align:right; text-transform:none; width:930px; } #ext-links { float:left; width:300px; text-align:left; letter-spacing:0; } .feed-links { display:none; } #Attribution1 { display:none; } body#layout #footer { display:none; } body#layout #addthis_toolbox { display:none; } body#layout #crosscol-wrapper { display:none; } body#layout #searchbox { display:none; } .post-share-buttons { } #sidebar-wrapper .sidebar .widget { border:1px solid #cbcbcb; padding:0; } #sidebar-wrapper .widget-content { padding-top:8px; padding-left:10px; } #footer-bg { } .first-links { margin-bottom:5px; } .second-links { } #footer a { color:#666666; } #content-wrapper { -moz-box-shadow: 0px 0px 7px #1a1a1a; -webkit-box-shadow: 0px 0px 7px #1a1a1a; box-shadow: 0px 0px 7px #1a1a1a; -moz-border-radius:0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; background:#FFFFFF; width:960px; } #PageList1 { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3xSupDw4QHQ2Jp9pWSEECkJwzFzV3h0i42JQLREEXelhHt74J2T9c0on7WONoMzUdMoh7lYuzURc8zxVwAjSo4CW_c3zTi5JchVTO_U52cVt77Sm97VeQ243I7_FV1yt5svX5JgSn5753/s0/nav-bg.jpg") repeat-x scroll 0 0 transparent; height:35px; margin-top:-32px; padding-left:10px; } #wrapper { } .PageList li a { color:#FFFFFF; font:bold 11px verdana; padding:4px 15px 10px 15px; letter-spacing:-1px; text-transform:capitalize; } .crosscol .PageList li, .footer .PageList li { background:none repeat scroll 0 0 transparent; float:left; list-style:none outside none; margin:0; padding:3px 0; } .PageList li.selected a { color:#FFFFFF; font-weight:bold; letter-spacing:-1px; text-decoration:none; } .PageList li a:hover { -moz-border-radius:8px 8px 0 0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; background: scroll top center #FFFFFF; border-top:1px solid #0084c2; color:#0066cc; margin:0 auto; height:30px; font-weight:bold; letter-spacing:-1px; text-decoration:none; } .post-author { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ6558w09RNVcHOc-N1Q_8rIcbBgad5ohJT8Ffksv_CEFyRpgUGCXkygHDH1KK3UwhWoXJSfv9jYdthAx3UdE0ye0eKFicTRSZuxfGvk4vcWNsmIAj1HMXShLifGBCDcLG6OtphDMJXW1S/s0/author.png") no-repeat scroll 0 0 transparent; padding-left:20px; } .post-comment-link a { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5BVUIC6HNwtfaBgvdq54-pwIR2m_5VbsamklQdJWwUn_f8rdXhpfRoicFWPULlCtwGVLPESNlqDSAHEqWUgDcPEMY0jtkcMxqRlmzH6e8_xFQHkhBbwemWiIokv59MXZ00eR1m8cQzeVl/s0/1276328597_comment.png") no-repeat scroll left center transparent; padding-left:20px; } .post-labels { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMzJuN-aPnweZU9bZRwtaT-s8BRw0QHC6VGkV2YlzGO3E1ZGUHGIGhB6aAKX11l8pPvvJTlXM6ZhlJfowye39zYhOeVCOlrnrhVpGFIo_9dFsK_ixZ7H3mEqrdccEkcSSnyEjW88gqytFG/s0/1276330011_tags.png") no-repeat scroll left center transparent; padding-left:20px; } .new-post-labels { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSEsQq-Fi1AR9Ore3skcl0Vhrk1l5mVnh1jlRayPKf6gu2-WJHn_LnkLNRRzxDZ1utmXs-7QEcU7pJMw6xLUjZaRFymtcMhLvCePff8QDTgPe_4dfUwcCngsRkmJEt_s83KpCZ6S5Bq86T/s0/breadcrumb.png") no-repeat scroll left center transparent; padding-left:25px; } #searchbox { -moz-background-inline-policy:continuous; background:none no-repeat scroll 0 0 transparent; float:right; height:28px; margin-right:-30px; margin-top:-30px; width:204px; } #searchbox .textfield { -moz-background-inline-policy:continuous; background:#FFFFFF; border:0 none; float:left; height:14px; margin:0px 1px 2px 15px; width:130px; } #searchbox .button { -moz-background-inline-policy:continuous; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglqXICrbL7Csjgt5fyDSy_kCuLO90aRXKqz065Zwz9X_bLCFSNn7Ht6dpw2Sg-IpY7Qt-JVwxJfxjFwg-iCDr-XiBzezLTbWdj24MKunwtCZY_EafOpPpns9luT4J7Mx5phf7xSj3rtcq6/s0/search-button.jpg") no-repeat scroll 0 0 transparent; border:0 none; cursor:pointer; float:left; height:26px; margin-left:4px; margin-top:-5px; width:30px; } h2.date-header { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxGIJwdce8WfoCW9oF8nIwTzgRSpE1eX3YNqwD0rSGfbOJjyse9UUOgkzITKrZ11OBt9nAP39YiOGqO9FPPxMjboGmvbA9sO_z8IwVygvr_EjD2dvMVZ_DgNd00397E4_yRoxgVpd0jOkR/s0/calDate.gif") no-repeat scroll left center transparent; border:medium none; color:#333333; font:12px arial; letter-spacing:0; margin:0; padding-left:20px; padding-top:5px; text-transform:none; } #back-to-top { text-align:right; margin:0 auto; padding:10px; } #social-icons { margin-right:32px; } #social-icons a { float:right; margin:0 auto; padding:10px 10px 10px 10px; } #follow { text-align:right; margin:0 auto; padding:10px 10px 0px 10px; } .breadcrumbs { padding:5px 5px 5px 0px; margin: 0px 5px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:1px solid #e6e4e3; } #topbanner { position:absoulte; margin:7px 7px 0px 0px; float:right; width:468; } ]]>
<script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\075252439914851267450\46blogName\75sehat+rohani\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75BLUE\46layoutType\75LAYOUTS\46searchRoot\75//sudutsehatrohani.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://sudutsehatrohani.blogspot.com/\46vt\75-4477632384918894964', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script>
skip to main
|
skip to sidebar
Home
›
› Unlabelled
›
Home
› Archives for
Home
› All posts
Home
› Posts filed under
<data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src="//www.blogger.com/img/icon_delete13.gif"> </a> </span> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'> </span> <b:else/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:post.commentLabelFull/>: </a> </b:if> </b:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:elseif cond='data:post.showThreadedComments'/> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </span> </b:if> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/> </b:loop> </div> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable> <b:includable id='iframe_comments' var='post'> <b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/> <b:if cond='data:post.embedCommentForm == "false"'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='mobile-index-post' var='post'> <b:if cond='data:post.dateHeader'> <div class='mobile-index-date'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </div> </b:if> <div class='mobile-post-outer'> <div class='mobile-index-title-outer'> <h3 class='mobile-index-title entry-title'> <a href='javascript:void(0)'><data:post.title/></a> </h3> </div> <div> <div class='mobile-index-arrow'> <a href='javascript:void(0)'>&rsaquo;</a> </div> <div class='mobile-post-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if> <div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div> <div style='clear: both;'/> </div> <div class='mobile-index-comment'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.numComments != 0'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </b:if> </b:if> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType == "index"'> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-index-post'/> </b:loop> <b:else/> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-post'/> </b:loop> </b:if> </div> <b:include name='mobile-nextprev'/> </b:includable> <b:includable id='mobile-nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> </div> </b:if> <b:if cond='data:olderPageUrl'> <div class='mobile-link-button' id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.thumbnailUrl'> <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:elseif cond='data:post.url and data:blog.url != data:post.url'/> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <meta expr:content='data:post.canonicalUrl' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'> <div class='mobile-link-button goog-inline-block' id='mobile-share-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> </b:if> </div> </div> </div> <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/> </div> </div> </div> </b:includable> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> </span> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:else/> <b:if cond='data:newerPageUrl'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </b:if> </b:if> </div> <div class='clear'/> </b:includable> <b:includable id='post' var='post'> <div class='post hentry uncustomized-post-template'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body entry-content'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <span class='fn'><data:post.author/></span> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='reaction-buttons'> <b:if cond='data:top.showReactions'> <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr> <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> <span class='reactions-label'> <data:top.reactionsLabel/></span> </td> <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> </tr></table> </b:if> </span> <span class='star-ratings'> <b:if cond='data:top.showStars'> <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/> </b:if> </span> <span class='post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </span> <!-- backlinks --> <span class='post-backlinks post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.showBacklinks'> <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a> </b:if> </b:if> </span> <span class='post-icons'> <!-- email post links --> <b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <img alt="" class="icon-action" height="13" src="//www.blogger.com/img/icon18_email.gif" width="18"> </a> </span> </b:if> <span class='post-share-buttons'> <b:include data='post' name='shareButtons'/> </span> <!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </span> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> <b:if cond='data:top.showLocation'> <b:if cond='data:post.location'> <data:postLocationLabel/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </b:if> </b:if> </span> </div> </div> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt="" class="icon-action" height="18" src="//www.blogger.com/img/icon18_edit_allbkg.gif" width="18"> </a> </span> </b:if> </b:includable> <b:includable id='shareButtons' var='post'> <b:if cond='data:post.sharePostUrl'> <a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'> <span class='share-button-link-text'><data:top.emailThisMsg/></span></a> <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'> <span class='share-button-link-text'><data:top.blogThisMsg/></span></a> <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a> <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a> <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a> </b:if> </b:includable> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>'); </script> </div> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/> <script type='text/javascript'> (function() { var items = <data:post.commentJso/>; var msgs = <data:post.commentMsgs/>; var config = <data:post.commentConfig/>; // <![CDATA[ var cursor = null; if (items && items.length > 0) { cursor = parseInt(items[items.length - 1].timestamp) + 1; } var bodyFromEntry = function(entry) { if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { return '<span class="deleted-comment">' + entry.content.$t + '</span>'; } } } return entry.content.$t; } var parse = function(data) { cursor = null; var comments = []; if (data && data.feed && data.feed.entry) { for (var i = 0, entry; entry = data.feed.entry[i]; i++) { var comment = {}; // comment ID, parsed out of the original id format var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); comment.id = id ? id[2] : null; comment.body = bodyFromEntry(entry); comment.timestamp = Date.parse(entry.published.$t) + ''; if (entry.author && entry.author.constructor === Array) { var auth = entry.author[0]; if (auth) { comment.author = { name: (auth.name ? auth.name.$t : undefined), profileUrl: (auth.uri ? auth.uri.$t : undefined), avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) }; } } if (entry.link) { if (entry.link[2]) { comment.link = comment.permalink = entry.link[2].href; } if (entry.link[3]) { var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href); if (pid && pid[1]) { comment.parentId = pid[1]; } } } comment.deleteclass = 'item-control blog-admin'; if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value; } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') { comment.displayTime = entry.gd$extendedProperty[k].value; } } } comments.push(comment); } } return comments; }; var paginator = function(callback) { if (hasMore()) { var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments'; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } }; var hasMore = function() { return !!cursor; }; var getMeta = function(key, comment) { if ('iswriter' == key) { var matches = !!comment.author && comment.author.name == config.authorName && comment.author.profileUrl == config.authorUrl; return matches ? 'true' : ''; } else if ('deletelink' == key) { return config.baseUri + '/delete-comment.g?blogID=' + config.blogId + '&postID=' + comment.id; } else if ('deleteclass' == key) { return comment.deleteclass; } return ''; }; var replybox = null; var replyUrlParts = null; var replyParent = undefined; var onReply = function(commentId, domId) { if (replybox == null) { // lazily cache replybox, and adjust to suit this style: replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { document.getElementById(domId).insertBefore(replybox, null); replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } }; var hash = (window.location.hash || '#').substring(1); var startThread, targetComment; if (/^comment-form_/.test(hash)) { startThread = hash.substring('comment-form_'.length); } else if (/^c[0-9]+$/.test(hash)) { targetComment = hash.substring(1); } // Configure commenting API: var configJso = { 'maxDepth': config.maxThreadDepth }; var provider = { 'id': config.postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initComment': targetComment, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs }; var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } }; // render now, or queue to render when library loads: if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render); } })(); // ]]> </script> </b:includable> <b:includable id='threaded_comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <h4><data:post.commentLabelFull/>:</h4> <div class='comments-content'> <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
