Template Blogger: Montric ~ Demo : Red Hood

Ini adalah halaman backup untuk template blogger: Montric

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head><b:if cond='data:blog.pageType;'>  <title><data:blog.pageName/> | <data:blog.title/></title>  <b:else/><title><data:blog.pageTitle/></title></b:if> <b:include data='blog' name='all-head-content'/><b:if cond='data:blog.url == data:blog.homepageUrl'><meta content='Blog description here' name='description'/><meta content='keyword 1, keyword 2, keyword 3, keyword 4, keyword 5' name='keywords'/></b:if> <b:if cond='data:blog.pageType == "item"'><meta expr:content='data:blog.pageTitle' name='Description'/><meta expr:content='data:blog.pageName + ", keyword 1, keyword 2, keyword 3, keyword 4, keyword 5"' name='keywords'/><meta content='1046AE80883038DE5CE7CDCE8C38E2B5' name='msvalidate.01'/></b:if> <link href='http://fonts.googleapis.com/css?family=Dosis%3A400%2C200%2C300%2C500%2C600%2C700%2C800&ver=3.6' id='dosis-css-css' media='all' rel='stylesheet' type='text/css'/><script src='http://googledrive.com/host/0B-UFNCskEl7QZEtoTFcxYVJ0NmM'/><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/> <script>  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');    ga('create', 'UA-47676801-2', 'auto');   ga('send', 'pageview'); </script> <script type='text/javascript'>/*<![CDATA[*/ $(document).ready(function () {   $('#templateify').html('<a href="http://www.templateify.com">Templateify</a>');   setInterval(function () {       if (!$('#templateify:visible').length) window.location.href = 'http://www.templateify.com'   }, 1000) }) $(document).ready(function () {   $('#sponsorship').html('<a href="http://www.templateify.com/p/sponsorship.html">Your Link Here</a>');   setInterval(function () {       if (!$('#sponsorship:visible').length) window.location.href = 'http://www.templateify.com'   }, 1000) }) document.write("<link href='http://googledrive.com/host/0B-UFNCskEl7QNENaMkNvdFp6d3c' rel='stylesheet' type='text/css'/>"); document.write("<link href='http://googledrive.com/host/0B-UFNCskEl7QNEtKLTMtc2NkMTA' rel='stylesheet' type='text/css'/>"); document.write("<link href='http://googledrive.com/host/0B-UFNCskEl7QNlJMbGd6WXpHUmM' rel='stylesheet' type='text/css'/>"); document.write("<link href='http://googledrive.com/host/0B-UFNCskEl7QNnhNZHZxN3JNcFU' rel='stylesheet' type='text/css'/>"); document.write("<link href='http://googledrive.com/host/0B-UFNCskEl7QS2JuS2NnVWI3eE0' rel='stylesheet' type='text/css'/>"); document.write("<link href='http://googledrive.com/host/0B-UFNCskEl7QTjFkTldOUjFPbFE' rel='stylesheet' type='text/css'/>"); document.write("<link href='http://googledrive.com/host/0B-UFNCskEl7QV1lObjdQSU53aGc' rel='stylesheet' type='text/css'/>"); document.write("<link href='http://googledrive.com/host/0B-UFNCskEl7QVm1xVkJ4amdZYkE' rel='stylesheet' type='text/css'/>"); document.write("<link href='http://googledrive.com/host/0B-UFNCskEl7QX1ByWjRpc1BBNTQ' rel='stylesheet' type='text/css'/>"); document.write("<link href='http://googledrive.com/host/0B-UFNCskEl7QYUpmM014NWprdWM' rel='stylesheet' type='text/css'/>"); document.write("<link href='http://googledrive.com/host/0B-UFNCskEl7QZzlZMUxMenU4djA' rel='stylesheet' type='text/css'/>"); document.write("<link href='http://googledrive.com/host/0B-UFNCskEl7QcEw2bGVBaGlsdGc' rel='stylesheet' type='text/css'/>"); /*]]>*/   </script> <b:skin><![CDATA[ /* Template Name: Montric Author: Templateify Author URI: http://www.templateify.com/ Date: 3 September 2013 Version: v1.0 (Licensed Version) */ body#layout ul{list-style-type:none;list-style:none} body#layout ul li{list-style-type:none;list-style:none} body#layout #footer1 {float: left; width: 222px;} body#layout #footer2 {float: left; width: 222px;} body#layout #footer3 {float: left; width: 222px;} body#layout #footer4 {float: left; width: 222px;} body#layout .static_banner_wrapper {display:none;} body#layout .logo {width:100%; margin-top: -4px !important;} body#layout header {margin-bottom: -60px !important;} body#layout #search-8 {display:none;} body#layout .padding-top48 {padding-top: 0px !important; margin-left: 36px;} body {font-weight:400; font-family: Dosis; font-size:16px; line-height:20px; text-align:left; color:#484848; margin:0; background:#ffffff;} a {text-decoration:none; color: #e84c3d;} img {border:none;max-width:100%;height:auto;} input { font-family:inherit; font-weight:400; font-size:16px; line-height:20px; text-align:left; color:#484848;} select { font-family:inherit; font-weight:400; font-size:16px; line-height:20px; text-align:left; color:#aaaaaa; background-image:url('images/select-drop.png') !important; background-position: right center !important; background-repeat:no-repeat !important; -webkit-appearance:none; } textarea { font-family:inherit; font-weight:400; font-size:14px; line-height:14px; text-align:left; color:#484848;} p {margin:0; padding:0;} blockquote {border-top:1px #a9a8a8 solid; border-bottom:1px #a9a8a8 solid; padding:10px 0; margin:0; font-size:18px; line-height:22px;} blockquote cite {display:block; margin-top:24px;} ol,ul {margin: 16px 0;padding: 0 0 0 4px;} ul {list-style-type: disc;} nav ul,nav ol,aside ul,aside ol, #comments li, #comments ul, #comments ol {margin: 0;padding: 0;list-style: none;list-style-image: none;} li > ul, li > ol {margin: 0;} dl {margin: 0 20px;} dt {font-weight: bold;text-decoration:underline} dd {margin: 0 0 20px;} #adsense1 { height: 100px; margin: 0 auto; } abbr[title] {border-bottom: 1px dotted;} pre,code,tt {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;font: 0.8em 'Andale Mono', 'Lucida Console', monospace;background: #f2f2f2;border: 1px solid #e6e6e6;color: #888;padding: 2px 4px;} pre {white-space: pre;word-wrap: break-word;overflow-x: scroll;line-height: 1.3; overflow: hidden;} table {border-bottom: 1px solid #ededed;border-collapse: collapse;border-spacing: 0;font-size: 14px;line-height: 2;margin: 0 0 20px;width: 100%;} caption,th,td {font-weight: normal;text-align: left;} caption {font-size: 16px;margin: 20px 0;} th {font-weight: bold;text-transform: uppercase;} td {border-top: 1px solid #ededed;padding: 6px 10px 6px 0;} tr.odd {background: #f4f4f4;} h1 {font-size:48px !important;  color:#e84c3d; line-height:48px; margin:10px 0; padding:0; font-weight: 600;} h2 {font-size:36px !important;  color:#575757; line-height:36px; margin:10px 0; padding:0; font-weight: 400;} h3 {font-size:22px !important;  color:#484848; line-height:22px; margin:10px 0; padding:0; font-weight:500;} h4 {font-size:18px !important;  color:#2a2a2a; line-height:18px; margin:10px 0; padding:0; font-weight:400;} h5 {font-size:16px !important;  font-weight:400; line-height:16px; margin:10px 0; padding:0; color:#5e5e5e; font-weight:100;} h6 {font-size:14px !important;  font-weight:400; line-height:15px; margin:10px 0; padding:0; color:#5e5e5e; font-weight:100;} h5 a {color:#5e5e5e;} h3 a {color:#484848;} .Label ul li {list-style: none; margin-bottom: 4px;} h2 span { font-size:36px; font-family:inherit; line-height:32px; font-weight: 400;} .headline_wrapper {width:100%; overflow: hidden; position: relative; height:44px;} .headline_wrapper h2 {display: inline-block; margin: 0 30px;} .headline_inner_wrapper {width:200%; text-align: center; position: absolute; top:0; left:-50%;} .headline_inner_wrapper .line {width:25%; height: 10px; border-top:solid 2px #575757; display: inline-block;} .image_wrapper img {display:block;} footer {background:#ffffff;} .center {text-align: center;} .clear {clear:both;} .read_more {cursor:pointer; display:inline-block; font-size:16px;  color:#e84c3d; line-height:16px; margin-top:20px; padding:13px 26px 15px 25px; background-color:#e84c3d; color:#f2f2f2; border-radius:3px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; behavior: url(PIE/PIE.htc); position: relative;} .divider {position:relative; z-index:3; height:0px; width:100%;} .black {background:#2a3c3e;} .red {background:#e84c3d;} .pop_up_bubble {display:block; width:0; height:0; border-radius:100px; behavior: url(PIE/PIE.htc); position:absolute;} .float_right {float: right;} .sidebar .widget-content { padding-bottom: 25px; } .no-margin {margin:0;} .no-padding {padding:0;} .no-margin-top {margin-top:0;} .no-margin-bottom {margin-bottom:0;} .no-margin-left {margin-left:0;} .no-margin-right {margin-right:0;} .no-padding-top {padding-top:0;} .no-padding-bottom {padding-bottom:0;} .no-padding-left {padding-left:0;} .no-padding-right {padding-right:0;} .margin-top5 {margin-top:5px !important;} .margin-bottom5 {margin-bottom:5px !important;} .margin-left5 {margin-left:5px !important;} .margin-right5 {margin-right:5px !important;} .margin-top10 {margin-top:10px !important;} .margin-bottom10 {margin-bottom:10px !important;} .margin-left10 {margin-left:10px !important;} .margin-right10 {margin-right:10px !important;} .margin-top15 {margin-top:15px !important;} .margin-bottom15 {margin-bottom:15px !important;} .margin-left15 {margin-left:15px !important;} .margin-right15 {margin-right:15px !important;} .margin-top24 {margin-top:24px !important;} .margin-bottom24 {margin-bottom:24px !important;} .margin-left24 {margin-left:24px !important;} .margin-right24 {margin-right:24px !important;} .margin-top48 {margin-top:48px !important;} .margin-bottom48 {margin-bottom:48px !important;} .margin-left48 {margin-left:48px !important;} .margin-right48 {margin-right:48px !important;} .margin-top72 {margin-top:72px !important;} .padding-top24 {padding-top:24px !important;} .padding-bottom24 {padding-bottom:24px !important;} .padding-left24 {padding-left:24px !important;} .padding-right24 {padding-right:24px !important;} .padding-top48 {padding-top:48px !important;} .padding-bottom48 {padding-bottom:48px !important;} .padding-left48 {padding-left:48px !important;} .padding-right48 {padding-right:48px !important;} .padding-top72 {padding-top:72px !important;} .padding-bottom72 {padding-bottom:72px !important;} .padding-left72 {padding-left:72px !important;} .padding-right72 {padding-right:72px !important;} .padding-top96 {padding-top:96px !important;} .padding-bottom96 {padding-bottom:96px !important;} .padding-left96 {padding-left:96px !important;} .padding-right96 {padding-right:96px !important;} /*    Pagination   */ .pagination_wrapper {text-align: center;} .products_wrapper .pagination_wrapper {margin-left: 204px;} .pagination {display: inline-block;} .pagination * {text-align:center; font-size:16px; line-height:18px; display:inline-block; color: rgb(72, 72, 72); padding:4px 0px 10px 0px; height:28px; width:28px; margin: 0 10px; border-radius:50%; behavior: url(PIE/PIE.htc); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 600; float:left;} .pagination .current {color:#ffffff;} .pagination a:first-child {margin-left:0;} .pagination a:last-child {margin-right: 0;} .pagination .previous {font-size:0px; background:url(images/pagination/arrow-left.png) no-repeat center 8px;} .pagination .next {font-size:0px; background:url(images/pagination/arrow-right.png) no-repeat center 8px;} .pagination .loader {display:none;} /*    Bread Crumps   */ .bread_crumps {display:block; text-align: right; width:960px; margin:24px auto 0px auto; /* padding:60px 0 12px 0; */ } .bread_crumps a {color:#e84c3d;} .bread_crumps a:hover {color:#484848;} /*        HOME        */ .tp-bullets {display:none;} /*   CONTENT   */ .slider_clear {height:100px;} .slider_wrapper {width:100%;} .slider_wrapper.index2 {overflow: hidden;} .slider_wrapper.index3 {width:960px; margin:auto; margin-top:160px;} .content_wrapper {background:#ffffff; position: relative; z-index: 50;margin-top: 156px;} .content {margin:auto; width:960px;} .content_inner_wrapper {width:632px; float:left;} /*  1/3 column  */ .border-top {border-top:#2a3c3e solid 1px;} .image_wrapper {text-align:center; position:relative; border:#2a3c3e solid 8px; behavior: url(PIE/PIE.htc); border-radius:500px; display: inline-block;} .content_image {border-radius:500px; behavior: url(PIE/PIE.htc); text-align:center; overflow:hidden; width:100%; display:block; position: relative; z-index: 1;} .image_shader {z-index:2; border-radius:500px; behavior: url(PIE/PIE.htc); width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; background:#222; filter: alpha(opacity = 0);} .image_socials {z-index:5; position:absolute; top:50%; width:100%; height:40px; overflow:hidden; text-align:center; margin-top:-20px;} .image_socials a {height:40px; width:40px; position:relative; display:inline-block; margin:0 6px; position: relative; z-index: 5;} .image_socials a img {display:block; behavior: url(PIE/PIE.htc); border-radius:40px; background-color:#e84c3d; height:40px; width:40px; position: absolute; top:0; left: 0;} .image_socials a span {display: block; position:absolute; top:40px; left:0px; height:40px; width:40px;} .no-sidebar .image_more_info {position:absolute; bottom:11px; right:11px; z-index:5; behavior: url(PIE/PIE.htc); border-radius:40px; overflow:hidden;} .image_more_info {position:absolute; bottom:-7px; right:-7px; z-index:5; behavior: url(PIE/PIE.htc); border-radius:40px; overflow:hidden; top:auto; left:auto; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .image_more_info a {position:relative;} .image_more_info img {display:block; border-radius:40px; behavior: url(PIE/PIE.htc); background:#e84c3d; padding:0px; width:0;} .image_socials a.fb img {background-color:#3b5a9a;} .image_socials a.tw img {background-color:#23a8e1;} .image_socials a.pin img {background-color:#ce2127;} .cont_slid_outer_wrp {width:100%; position:relative; overflow: hidden;} #sidebar { color: #e84c3d; } #sidebar a { color: #737375; } #sidebar a:hover { color: #e84c3d; text-decoration: underline; } /*     Footer     */ .footer_wrapper {background: #2d3c3f; padding-bottom:10px; color:#ffffff; position: relative; z-index: 50;} .footer_wrapper a:hover {text-decoration: underline;} .footer_inner_wrapper {width:960px; margin:auto; padding-top:24px;} .footer_text {width:260px; float:left;} .footer_wrapper .widget-title {font-size:20px; color:#ffffff;  display:block; margin-bottom:10px; font-weight:400;} .footer_header {font-size:20px; color:#ffffff; font-family:'Dosis',  sans-serif; display:block; margin-bottom:10px;} .footer_wrapper .ui-carousel {height: 100px;margin: 0;overflow: auto;padding: 0;position: relative; width: 300px;} .footer_wrapper .ui-carousel > .wrapper {margin: 0; padding: 0; width: 9999px;} .footer_wrapper .ui-carousel > .wrapper > * {border: 0;display: block; float: left; height: 100px; overflow: hidden; width: 100px;} .content_wrapper .car_wrap {position: relative; margin-left:auto; margin-right:auto; width:880px;} .content_wrapper .ui-carousel {height: 100px;margin: 0;overflow: auto;padding: 0;position: relative; width: 300px;} .content_wrapper .ui-carousel > .wrapper {margin: 0; padding: 0; width: 9999px;} .content_wrapper .ui-carousel > .wrapper > * {border: 0;display: block; float: left; height: 100px; overflow: hidden; width: 100px;} #ui-carousel-next {border-radius:50%; behavior: url(PIE/PIE.htc); width:28px; height:28px; background:url(images/footer_slider/right.png) no-repeat 10px 7px; display:block; position:absolute; top:22px; right:-80px; cursor:pointer;} #rcarousel2-next {border-radius:50%; behavior: url(PIE/PIE.htc); width:28px; height:28px; background:url(images/footer_slider/right.png) no-repeat 10px 7px; display:block; position:absolute; top:8.5px; right:-40px; cursor:pointer;} #rcarousel2-prev {border-radius:50%; behavior: url(PIE/PIE.htc); width:28px; height:28px; background:url(images/footer_slider/left.png) no-repeat 8px 7px;  position:absolute; top:8.5px; left:-40px; cursor:pointer;} #ui-carousel-prev {border-radius:50%; behavior: url(PIE/PIE.htc); width:28px; height:28px; background:url(images/footer_slider/left.png) no-repeat 8px 7px;  position:absolute; top:22px; left:-80px; cursor:pointer;} .footer_wrapper .highlight {color:#e84c3d;} .footer_wrapper .footer_socials {height: 30px; width:30px; float:left; margin:3px 3px 3px 3px;} .footer_socials.fb {background: url(images/home/socials/footer_socials/fb.png) no-repeat center center #243030;} .footer_socials.tw {background: url(images/home/socials/footer_socials/tw.png) no-repeat center center #243030;} .footer_socials.digg {background: url(images/home/socials/footer_socials/digg.png) no-repeat center center #243030;} .footer_socials.in {background: url(images/home/socials/footer_socials/in.png) no-repeat center center #243030;} .footer_socials.rss {background: url(images/home/socials/footer_socials/rss.png) no-repeat center center #243030;} .footer_socials.gplus {background: url(images/home/socials/footer_socials/gplus.png) no-repeat center center #243030;} .subfooter_wrapper {width:100%; background:#243030;} .subfooter_inner_wrapper {width:960px; margin-left:auto; margin-right: auto;} .footer_navigation { padding:15px 0 10px 0; float:right;} .footer_navigation li {display:inline-block;} .footer_navigation a {display:inline-block; margin:0 10px; color:#717171;  font-size:16px; font-weight:400;} .copyright {float:left; color: #ffffff;  font-size:14px; font-weight:100; margin-top:15px;} /*         BLOG          */ .blog_content {width:632px; float: left;} #lowerbar1 { width: 730px; margin: 0 auto; margin-bottom: 12px; } /*    Blog    */ .blog_post {margin-bottom:48px;} .blog_post_wrapper {margin-bottom:6px; position:relative;} .blog_post_wrapper > h3 {margin-left:72px; margin-bottom:5px; margin-top:0;} .blog_image_wrap {position:relative;} .date_bubble_holder {position:absolute; top:20%; left:-72px;} .date_bubble_holder .date {background:#e84c3d; border-radius:56px; behavior: url(PIE/PIE.htc); width:56px; height:56px; position: relative;} .date_bubble_holder span {font-size:20px;  color:#fff; display:block; width:56px; text-align:center; padding-top:8px;} .date_bubble_holder span span {padding:0; font-size:14px;} .date_bubble_holder .comments {background:#e84c3d; border-radius:44px; behavior: url(PIE/PIE.htc); width:44px; height:44px; margin:20px 0 0 6px; position: relative;} .date_bubble_holder .comments a {font-size:18px;  color:#fff; display:block; width:44px; text-align:center; padding:12px 0 13px 0; background: url(images/blog/pointer.png) no-repeat top right;} .blog_post_main_content {width:560px; float:right; border-bottom:1px solid #7e7e7e;} .blog_post_image {width:560px; margin:10px 0; display:block; height:auto; } .author_date_comments {margin-bottom:6px; font-size: 14px;} .author_date_comments .author {color:#737375; padding:0 6px 0 0; border-right:1px solid #737375; line-height:11px;} .author_date_comments .date {color:#737375; padding:0 6px; border-right:1px solid #737375; line-height:11px;} .author_date_comments .comments {color:#737375; padding:0 6px; line-height:11px;} .blog_post_wrapper .blog_post_text {margin-bottom:15px;display:block;} /*       Sidebar       */ .sidebar_wrapper {width:280px; float:right;} /*     Blog3     */ .blog_post.blog2.blog3 {border-bottom:1px #7e7e7e solid; padding-bottom:24px; margin-bottom:48px;} .blog_post.blog2.blog3 .category {font-size:18px; line-height:18px; font-weight: 600;} .blog_post.blog2.blog3 .blog_post_main_content {width:438px; margin-left:30px; padding:0; border:none; min-height:auto;} .blog_post.blog2.blog3 .blog_post_main_content h3 {margin-bottom:10px;} .blog_post.blog2.blog3 .image_wrapper {width:148px; height:148px; float:left;} .blog_post.blog2.blog3 .image_wrapper .content_image {width:148px; height:148px;} .blog_post.blog2.blog3 .date_bubble_holder .comments {position: absolute; bottom:4px; right:4px;  width:30px; height:30px; margin:0;  border-radius:30px; behavior: url(PIE/PIE.htc);} .blog_post.blog2.blog3 .date_bubble_holder .comments a {font-size:16px;  color:#fff; display:block; width:30px; text-align:center; padding:5px 0; background: url(images/blog/pointer_left.png) no-repeat top left;} .blog_post.blog2.blog3 .image_more_info {bottom:52px; left:52px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .blog_post.blog2.blog3 .image_more_info.small {bottom:4px; left:4px;} /*    Blog3 2columns    */ .blog_post.blog2.blog3.blog3-2col {float:left; width:292px; padding:48px 0 0 0; margin:24px 48px 48px 0; border-bottom:none; border-top:1px solid #7e7e7e;} .blog_post.blog2.blog3.blog3-2col.last {margin-right:0;} .blog_post.blog2.blog3.blog3-2col.top {border-top:none !important; margin-top:0 !important; padding:0 !important;} .blog_post.blog2.blog3.blog3-2col .blog_post_main_content {width:292px; margin-left:0; margin-bottom:0;} .blog_post.blog2.blog3.blog3-2col .image_wrapper {float:left;} .blog_post.blog2.blog3.blog3-2col .blog_post_main_content .category {float:left; display:block; padding:0 0 10px 15px; width:20%;} .blog_post.blog2.blog3.blog3-2col .blog_post_main_content h3 {float:left; width:113px; display:inline-block; padding:0 0 0 15px; word-wrap:break-word; line-height:26px; font-size:26px;} .blog_post.blog2.blog3.blog3-2col .author_date_comments {margin-top:15px;} .no-sidebar .blog_post.blog2.blog3.blog3-2col .blog_post_main_content .category {width:20%;} /*    Blog3 3columns    */ .blog_post.blog2.blog3.blog3-3col {float:left; width:180px; margin:0 46px 0 0; border-top:1px solid #7e7e7e; padding:48px 0 0 0; border-bottom:none; text-align:center;} .blog_post.blog2.blog3.blog3-3col.last {margin-right:0;} .blog_post.blog2.blog3.blog3-3col.top {border-top:none !important; padding:0 !important;} .blog_post.blog2.blog3.blog3-3col .blog_post_main_content {width:180px; margin-left:0; text-align:left;} .blog_post.blog2.blog3.blog3-3col .blog_post_main_content h3 {font-size:26px; line-height:26px; margin-bottom:10px;} .blog_post.blog2.blog3.blog3-3col .blog_post_main_content .category { display:inline-block; margin-top:24px;} .blog_post.blog2.blog3.blog3-3col .author_date_comments .author {border:none;} .blog_post.blog2.blog3.blog3-3col .author_date_comments .date {border:none; padding:0;} .blog_post.blog2.blog3.blog3-3col .author_date_comments .comments {border:none; padding:0;} /*    Blog Post     */ .blog_post.blog_post_page .blog_post_main_content {border:none;} .blog_post.blog_post_page .date_bubble_holder {top:100px; left:0;} .blog_post.blog_post_page .blog_post_text.large {border-top:1px solid #7e7e7e; border-bottom:1px solid #7e7e7e; font-size:20px; line-height:22px; display:inline-block; padding:9px 0 12px 0; color:#484848; margin:15px 0 0 0;} .blog_post.blog_post_page .blog_post_text p {line-height: 25px; margin:20px 0;} .blog_post.blog_post_page .blog_post_text p a {color:#e84c3d;} .blog_post.blog_post_page .blog_post_text p a:hover {color:#2a2a2a;} .about_the_author_image {width:148px; height:148px; float:left; border-radius:148px; behavior: url(PIE/PIE.htc); border:8px solid #2a3c3e; margin-right:20px;} .about_the_author_image img {width:148px; height:148px; overflow:hidden;} .about_the_author {margin-bottom:24px;} .about_the_author .text_block {border-left:2px solid #b4b4b4; width:349px; padding-left:25px; float:left; min-height:164px;} .about_the_author .text_block .header_text {font-size:30px;  color:#484848; line-height:30px; display:block;} .about_the_author .text_block .name {font-size:18px;  color:#e84c3d; line-height:18px; display:block; font-weight:400;} .comments_wrapper .headline_wrap {border-bottom:1px solid #2a2a2a;} .comments_wrapper .number_of_comments {float:right; font-size:22px; line-height:22px; font-weight:600; padding-bottom:5px; display: block; } .comments_wrapper h3 {float:left; display:inline; margin:0;} .blog_post_comments {margin-top:24px;width:auto;} #reply-title {border-bottom:1px solid #2a3c3e; margin:0 0 20px 0; padding-bottom: 6px; float:none; display:block;} #submit {padding:11px 27px; border-radius:5px; behavior: url(PIE/PIE.htc); background:#e84c3d; color:#fff; float: right; margin:10px 0 0 10px;  font-weight:600; font-weight:100; border:none; cursor: pointer;} .blog_post_comments .comment_image_wrapper {padding:10px 20px 24px 0; border-right:2px solid #b4b4b4; float:left;} .blog_post_comments .comment_image_wrapper img {width:80px; height:80px; border-radius:80px; behavior: url(PIE/PIE.htc); position: relative;} .blog_post_comments .comment_image_wrapper .img_border {width:80px; height:80px; border-radius:80px; behavior: url(PIE/PIE.htc); border:6px solid #2a3c3e; position: relative;} .blog_post_comments .comment_image_wrapper .joined_date {color:#747474; text-align:center;} .blog_post_comments .comment_image_wrapper .joined_date div {font-size:12px;} .blog_post_comments .comment_text_wrapper {padding:0 0 48px 20px; border-left:2px solid #b4b4b4; float:left; width:496px; margin: 0 0 0 -2px; position:relative;} .blog_post_comments .comment_text_wrapper .author {font-size:20px; line-height:18px;  font-weight:600;} .blog_post_comments .comment_text_wrapper .date {position:absolute; top:0; right:0; color:#747474; } .blog_post_comments .comment_text_wrapper .rank {color:#e84c3d;  padding-bottom:20px;} .blog_post_comments .comment_text_wrapper .reply {display:block; color:#e84c3d; font-size:20px; line-height:18px; margin-top:20px;} .blog_post_comments .comment_text_wrapper .reply:hover {color:#2a2a2a;} .blog_post_comments .comment.depth-2 {margin-left:110px !important;} .blog_post_comments .comment.depth-2 .comment_text_wrapper {width:386px;} .blog_post_comments .comment.depth-3 {margin-left:110px !important;} .blog_post_comments .comment.depth-3 .comment_text_wrapper {width:276px;} .no-sidebar .blog_post_comments .comment_text_wrapper {width:820px !important;} .no-sidebar .blog_post_comments .comment.depth-2 .comment_text_wrapper {width:710px !important;} .no-sidebar .blog_post_comments .comment.depth-3 .comment_text_wrapper {width:600px !important;} .no-sidebar .blog_post_comments {width:auto !important;} .blog_post_form .textarea_wrapper {width:356px;} #comments {width:632px;} .no-sidebar #comments {width:960px;} .comment-notes {margin-bottom:24px;} .form-allowed-tags {clear:both;display:block !important;margin-top:24px;} .logged-in-as {margin-bottom:24px;} .logged-in-as + DIV {float:none;width:618px !important;margin-left:0} .no-sidebar .logged-in-as + DIV {width:960px !important;} #comment-nav-below {margin-top:24px;} .page #comments {margin-top:48px;} /*    Blog Post 2    */ .blog_post.blog_post_page2 .blog_post_main_content {width:632px;} .blog_post_wrapper h3.blog_post2_header {margin-left:0;} .blog_post_page2 .date_bubble_holder {position:static;} .blog_post_page2 .date_bubble_holder .date {position: absolute; top:3px; right:3px; z-index:3;} .blog_post_page2 .date_bubble_holder .comments {position: absolute; bottom:10px; right:10px; z-index:3;} .blog_post_page2 .date_bubble_holder .comments a {background: url(images/blog/pointer_left.png) no-repeat top left;} .blog_post_page2 .image_more_info {bottom:12px; left:12px; right:auto;} .blog_post.blog_post_page2 .image_wrapper {float:left;} .blog_post2_header_wrapper {width:361px; margin-left:24px; float:left;} .blog_post.blog_post_page2 .blog_post_comments {width:632px;} .blog_post.blog_post_page2 .blog_post_comments .comment_text_wrapper {width:498px;} .blog_post.blog_post_page2 .blog_post_comments .comment.indent1 .comment_text_wrapper {width:388px;} .blog_post.blog_post_page2 .blog_post_comments .comment.indent2 .comment_text_wrapper {width:278px;} /*   Contact Form   */ .input_column_wrapper {float: left;} .input_wrapper {margin-bottom:30px;} .input_title {z-index:3; color:#ffffff; padding: 12px 0 12px 0; background:#e84c3d; display:block; width:65px; height:44px; float:left; position:relative; behavior: url(PIE/PIE.htc); border-top-left-radius:5px; border-bottom-left-radius:5px; text-align: center; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; } .input_title .red_arrow_block {z-index:5; position:absolute; top:9px; right:-5px; width:6px; height:26px; background:url('images/home/arrow.png') no-repeat center center; margin-top:2px; display: none;} .input_field {display:block; width:180px; height:44px; background:#f5f5f5; border:1px solid #e0e0e0; behavior: url(PIE/PIE.htc); border-top-right-radius:5px; border-bottom-right-radius:5px; float:left; padding:5px 0 5px 20px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .submit_button {padding:11px 0; border-radius:5px; behavior: url(PIE/PIE.htc); background:#e84c3d; color:#fff; float: right; margin:10px 0 0 10px; font-family:'Dosis',  sans-serif; font-weight:600; font-weight:100; border:none; cursor: pointer; text-align: center; width: 100px; max-width:42.8%; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .no-sidebar .input_field {width:212px;} span.error {display:block;} .no-sidebar .textarea_wrapper {width:653px;} .textarea_wrapper {width:685px; float: left; margin-left:30px;} .textarea_title {z-index:3; color:#ffffff; padding: 12px 0 0 15px; background:#e84c3d; display:block; width:100%; height:45px; position:relative; behavior: url(PIE/PIE.htc); border-top-left-radius:5px; border-top-right-radius:5px; margin-bottom:-1px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .textarea_title .red_arrow_block {display:block; z-index:5; position:absolute; top:30px; right:50%; height:6px; width:26px; background:url('images/contact/arrow.png') no-repeat center center; margin-right:-13px;} .textarea_field {width:100%; height:150px; background:#f5f5f5; border:1px solid #e0e0e0; behavior: url(PIE/PIE.htc); border-bottom-left-radius:5px; padding:10px 6px 7px 7px; border-bottom-right-radius:5px; resize: vertical; font-size: 16px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .contact_form_header {border-bottom:1px solid #2a3c3e; margin:0 0 20px 0; padding-bottom: 6px;} .blog_content .textarea_wrapper {width: 357px;} .email.widget .input_field{width: 215px;} .no-sidebar .column-3-4 .input_field{ width:212px; } .column-3-4 .textarea_wrapper{ width:414px; margin-left: 23px; } .no-sidebar .column-2-3 .textarea_wrapper{ width:340px; margin-left: 15px; float: left; clear: none; } .no-sidebar .column-3-4 .input_field{ width:212px; } .column-3-4 .input_field{ width:170px; padding-left: 10px; } .no-sidebar .column-1-3 .textarea_wrapper, .column-1-3 .textarea_wrapper, .no-sidebar .column-1-4 .textarea_wrapper, .column-1-4 .textarea_wrapper, .no-sidebar .column-1-2 .textarea_wrapper, .column-1-2 .textarea_wrapper, .column-2-3 .textarea_wrapper, .no-sidebar .column-1-3 .input_column_wrapper, .column-1-3 .input_column_wrapper, .no-sidebar .column-1-4 .input_column_wrapper, .column-1-4 .input_column_wrapper, .no-sidebar .column-1-2 .input_column_wrapper, .column-1-2 .input_column_wrapper {margin-left:0;width:100%; float: none; margin-bottom: 15px; clear: both;} .no-sidebar .column-1-3 .input_field, .column-1-3 .input_field, .no-sidebar .column-1-4 .input_field, .column-1-4 .input_field { width: 75%; } .column-1-3 .input_field, .column-1-4 .input_field { width: 75%; padding-left: 5px; } .no-sidebar .column-1-3 .input_title, .column-1-3 .input_title, .no-sidebar .column-1-4 .input_title, .column-1-4 .input_title { width: 25%; } /*       ELEMENTS      */ .bottomads { float: left; margin-right: 19.5px; border-right: 1px solid #BBB; padding-right: 19.5px; } /*     banners     */ .static_banner_wrapper {width:100%; background:#e84c3d;} .static_banner_wrapper .inner_wrap {width:960px; margin:auto; padding: 40px 0; position: relative; } .static_banner_wrapper .text {font-size:22px; line-height:24px; color:#ffffff; font-weight:600; padding-right:150px;} .static_banner_wrapper .read_more {position:absolute; top:50%; right:0; border: 1px solid #ffffff; margin-top:-22px;} .static_banner_wrapper .read_more:hover {background: #fff !important; color: #e84c3d !important;} .static_banner_wrapper.twitter_banner .inner_wrap {padding: 20px 0;} .static_banner_wrapper.twitter_banner a:hover {text-decoration: underline;} .static_banner_wrapper.twitter_banner .text_wrap {float:left; width:905px;} .static_banner_wrapper.twitter_banner img {float:left; display: block; margin-right:20px; margin-top:10px;} .static_banner_wrapper .twitter_link {color:#ffffff;} .static_banner_wrapper .twitter_link a {color:#ffffff; display:inline; font-weight:600;} .static_banner_wrapper .twitt {color:#ffffff;} .static_banner_wrapper .twitt a {color:#333333; display: inline; font-weight:500;} /* EXTRA */ .real_content { width:632px; float:left; } .no-sidebar .real_content { width:100%; float:none; } #footer-twitter {z-index:1;position:relative;} .content > div.headline_wrapper { margin:8px 0 48px !important; } .slider_wrapper.index3 {overflow:hidden;} .blog_post_text.large {display:block !important;} .rev_slider_wrapper.fullwidthbanner-container {padding:0 !important;} #respond textarea {font-family:inherit;} .zoom_wrap > span > img:first-child {height:224px;} .twitter .inner_wrap {display:none;} .woocommerce-tabs {margin-bottom:48px;} span.onsale {z-index:23;} .products_wrapper .pagination {margin-bottom: 24px;} .search-form span.input_title{width:30%;} .search-form input.input_field{width:70%;} .search-form .input_wrapper {margin-bottom:0px;} .search .real_content .search-form {margin-top:24px;margin-bottom:12px;} .content_slider_wrapper .image_more_info {border-radius:40px 40px 40px 40px;overflow:hidden;position:absolute;left:0px;top:0px;bottom:auto;right:auto;z-index: 10;} .single-tags, .single-categories {line-height:25px;} .link-pages p {margin-bottom:0 !important;} .gallery dl {margin:0;} li.post.pingback {margin-bottom:24px !important;} .about_the_author {margin-top:48px;} .tabs ul, .tabs li, .products_sidebar ul, .products_sidebar li, .select_menu ul, .select_menu li {margin: 0;padding: 0;list-style: none;list-style-image: none;} .content_slider_text_block_wrap {font-size:16px;line-height:20px;} .all_around_related .blog_content.type-5 .blog_post.no_thumbnail .blog_post_main_content {border-top:0 !important;} .single .blog_post.no_thumbnail .blog_post_wrapper > h3, .blog_content.type-1 .blog_post.no_thumbnail .blog_post_wrapper > h3 {margin-left:0;} .single .no-sidebar .blog_post.no_thumbnail .blog_post_main_content, .no-sidebar .blog_content.type-1 .blog_post.no_thumbnail .blog_post_main_content {float:none;width:960px;} .single .blog_post.no_thumbnail .blog_post_main_content, .blog_content.type-1 .blog_post.no_thumbnail .blog_post_main_content {width:632px;} .real_content > div.wp-caption {clear:both;} .blog_content.type-7 .pagination_wrapper {margin-top:24px;} .wp-caption {max-width:632px} .wp-caption img {max-width:622px} .no-sidebar .wp-caption {max-width:940px} .no-sidebar .wp-caption img {max-width:930px} h2.date-header { display:none; margin:1.5em 0 .5em } .post { color:#000; margin:0; padding:0; } .post h3 { display: block; font-size: 22px !important; color: #484848; line-height: 23px; font-weight: 500; margin-right: 20px; margin-top: 0; } .post h3 a { color: #484848; } .post h3 a:hover { color:#e84c3d; text-decoration:none } header { margin-bottom: 120px; } .post img { margin-left:1px; max-width:570px; padding:0; } .post-body { font-weight: 400; font-size: 16px; line-height: 25px; text-align: left; color: #484848; margin: 20px 0; } .post blockquote { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGhQFyQ7LeUJc8S_boYkmgjQsbO0e2yznF69n54C_eEMfLaDbW-lgZhBhOkpRWNjYKW0VOh2v6gHkraX57jomkE7WgJWCNYEVSFhneActEh9KEntpBkpFu4NRPipypzIMMPj-bPebmKM8/) no-repeat; color:#3B0B0B; margin:10px; padding:10px 10px 10px 40px } .author_date_comments { margin-left: 4px; margin-top: 6px; } .post-footer { color:#000; font-size:11px; text-transform:none; margin:0; padding:0 0 5px } .post-related { color:#000; font-size:12px; margin-bottom:15px; padding:0 } .postauthor { font-size:11px; line-height:12px; } .postauthor a { color:#0B0B61; font-style:normal; border:none } .postauthor a:hover { color:#000; text-decoration:none } .readmore { float: left; } .readmore a { cursor: pointer; display: inline-block; font-size: 16px; color: #e84c3d; line-height: 16px; margin-top: 20px; padding: 13px 26px 15px 25px; background-color: #e84c3d; color: #f2f2f2; border-radius: 3px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; behavior: url(PIE/PIE.htc); position: relative; } .readmore a:hover { color:#fff; background:rgb(255, 109, 94); text-decoration:none; } .PopularPosts .item-thumbnail { float:left; margin:0 10px 5px 0 } .PopularPosts .widget-content ul li { list-style-type:none; background:none; padding:.5em 0; margin:0; } .PopularPosts img { padding: 0; border: #2a3c3e solid 6px; border-radius: 100px; } .PopularPosts .item-title { padding-bottom:.2em; } .header_menu a:hover { background: rgb(232, 76, 61); } .sidebar h2 { font-size: 22px !important; line-height: 18px; color: #2a3c3e; display: block; width: 280px; padding-bottom: 8px; border-bottom: #7e7e7e solid 1px; margin-bottom: 15px; margin-top: 0; font-weight: 600; } .logo:hover { border-color: #e84c3d; } .logo { width: 129px; float: left; color: #fff; text-transform: uppercase;; margin-top: -31px;; background: #F0F0F0; height: 127px; border-radius: 558px; border: 8px solid; box-shadow: 0px 0px 12px -2px #000; } .titlewrapper { margin-top: 45px; text-align: center; } .descriptionwrapper { text-align: center; } .descriptionwrapper p{ color: #7C7C7C; text-transform: none; font-size: 13px; text-align: center; } .logo h11 { color: #e84c3d; text-shadow: none; margin-top: 45px; font-size: 34px; text-align: center; } .logo a:hover{ color: #e84c3d; text-shadow: none; } .footer h2 { color: #ffffff; display: block; margin-bottom: 10px; font-size: 22px !important; text-transform: uppercase; } .comments .avatar-image-container, .comments .avatar-image-container img { width: 113px; max-width: 99px; max-height: 148px; background: #FFF; float: left; border-radius: 50%; -moz-border-radius: 50%; } #comments .avatar-image-container img { border: 1px solid #ddd; } .comments .comment-thread.inline-thread .avatar-image-container, .comments .comment-thread.inline-thread .avatar-image-container img { width: 55px; max-width: 50px; height: 50px; max-height: 50px; margin-left: 1px; margin-top: 1px; } #comments { background-color: #fff; padding-top: 20px; border-top: 1px solid #ddd; } .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single { margin-left: 107px; width: 524px; } .comments .comment-block,.comments .comment-thread.inline-thread .comment { border:1px solid #ddd; background:#fff; background-color:#fff; padding:10px; padding-right:0px; padding-left: 0px; } .comment-header { border-bottom: 1px solid #ddd; padding-bottom: 10px; } .thread-chrome.thread-expanded .comment-header { width: 412px; margin-left: 15px; margin-top: 4px; } .comments .comments-content .comment { width:100%; line-height:1em; font-size:13px; margin:15px 0 0; padding:0; } .comments .comments-content .comment-content { text-align: justify; line-height: 22px; overflow: hidden; } .thread-chrome.thread-expanded .comment-content { width: 380px; line-height: 22px; overflow:hidden } .comments .comment-thread.inline-thread .comment-actions { display: none; } .item-control.blog-admin { display: none; } .comments .comments-content .comment-replies { margin-top:0; } .comments .comment-content { line-height: 1.4em; padding: 15px; } .comments .comment-thread.inline-thread { padding-left: 0px; } .comments .comment-thread.inline-thread .comment { width:auto; } .comments .comment-thread.inline-thread .comment:after { content:""; position:absolute; top:10px; left:-20px; border-top:1px solid #d2d2d2; width:10px; height:0; } .comments .comment-thread.inline-thread .comment .comment-block { border:0; background:transparent; padding:0; } .comments .comment-thread.inline-thread .comment-block { margin-left:48px; } .comments .continue { border-top:0; width:100%; } #comment-editor { width:98%!important; } .comment-form { width:100%; max-width:100%; } #comments h4 { display:inline; line-height:40px; padding:10px; } .comments .continue a { background:#0d86cc; text-align:center; padding:10px 0; display:none; } #comments h4,.comments .continue a { line-height: 30px; margin: 0; padding: 20px 0 14px 10px; font-size: 18px!important; text-transform: uppercase; font-weight: 400!important; color: #444; } .comments .user a { color: #444!important; font-size: 18px; line-height: 25px; text-transform: capitalize; margin-top: 20px; font-weight: 600; padding-left: 15px; } .comments .comments-content .datetime { cursor: pointer; float: right; padding-top: 6px; padding-right: 20px; } .icon.user { height: 12px; width: 16px; display: inline-block; margin: 0 0 -4px 6px; } .comment-actions { padding: 11px 0; border-radius: 5px; background: #e84c3d; color: #fff; float: right; margin: -26px 0 0 0px; font-family: 'Dosis', sans-serif; font-weight: 100; border: none; cursor: pointer; text-align: center; width: 100px; max-width: 42.8%; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .comment-actions:hover { background: #B13A2F; } .comment-thread a { color: #777; } .comments .comment .comment-actions a:hover { text-decoration: none; } .comments .comment .comment-actions a { padding-right: 3px; padding-left: 5px; color: #fff; font-size: 16px; } .comments .comment-thread.inline-thread .user a { font-size:13px; margin: 0px; padding: 0px; } comment-actions { background: #f2f2f2; padding: 8px; margin-left: 435px; border: 1px solid #ddd; float: right; margin-top: -30px; margin-right: 5px; } .comment-thread a { color: #777; } .comments .comment .comment-actions a:hover { text-decoration: none; } .comments .comments-content .icon.blog-author { display: inline-block; height: 18px; margin: 0 0 -4px 6px; width: 18px; }   /* tambahan */ #ContactForm1 {display: none;} ]]></b:skin> <style type='text/css'> @charset "utf-8"; /* CSS Document */    .column.column-last, .column36.column-last, .column48.column-last, .column60.column-last, .column120.column-last {  margin-right:0 !important; }  /* margin 24px */  .no-sidebar .column {float:left; margin-right:24px;} .no-sidebar .column-1-2 {width:468px;} .no-sidebar .column-1-3 {width:304px;} .no-sidebar .column-2-3 {width:632px;} .no-sidebar .column-1-4 {width:222px;} .no-sidebar .column-3-4 {width:714px;} .no-sidebar .column-1-2 img, .no-sidebar .column-1-2 iframe {max-width:468px;} .no-sidebar .column-1-3 img, .no-sidebar .column-1-3 iframe {max-width:304px;} .no-sidebar .column-2-3 img, .no-sidebar .column-2-3 iframe {max-width:632px;} .no-sidebar .column-1-4 img, .no-sidebar .column-1-4 iframe {max-width:222px;} .no-sidebar .column-3-4 img, .no-sidebar .column-3-4 iframe {max-width:714px;}  /* margin 36px */  .no-sidebar .column36 {float:left; margin-right:36px;} .no-sidebar .column-1-2.column36 {width:462px;} .no-sidebar .column-1-3.column36 {width:296px;} .no-sidebar .column-2-3.column36 {width:628px;} .no-sidebar .column-1-4.column36 {width:213px;} .no-sidebar .column-3-4.column36 {width:711px;} .no-sidebar .column-1-2.column36 img, .no-sidebar .column-1-2.column36 iframe {max-width:462px;} .no-sidebar .column-1-3.column36 img, .no-sidebar .column-1-3.column36 iframe {max-width:296px;} .no-sidebar .column-2-3.column36 img, .no-sidebar .column-2-3.column36 iframe {max-width:628px;} .no-sidebar .column-1-4.column36 img, .no-sidebar .column-1-4.column36 iframe {max-width:213px;} .no-sidebar .column-3-4.column36 img, .no-sidebar .column-3-4.column36 iframe {max-width:711px;}  /* margin 48px */  .no-sidebar .column48 {float:left; margin-right:48px;} .no-sidebar .column-1-2.column48 {width:456px;} .no-sidebar .column-1-3.column48 {width:288px;} .no-sidebar .column-2-3.column48 {width:624px;} .no-sidebar .column-1-4.column48 {width:204px;} .no-sidebar .column-3-4.column48 {width:708px;} .no-sidebar .column-1-2.column48 img, .no-sidebar .column-1-2.column48 iframe {max-width:456px;} .no-sidebar .column-1-3.column48 img,  .no-sidebar .column-1-3.column48 iframe {max-width:288px;} .no-sidebar .column-2-3.column48 img, .no-sidebar .column-2-3.column48 iframe {max-width:624px;} .no-sidebar .column-1-4.column48 img, .no-sidebar .column-1-4.column48 iframe {max-width:204px;} .no-sidebar .column-3-4.column48 img, .no-sidebar .column-3-4.column48 iframe {max-width:708px;}  /* margin 60px */  .no-sidebar .column60 {float:left; margin-right:60px;} .no-sidebar .column-1-2.column60 {width:450px;} .no-sidebar .column-1-3.column60 {width:280px;} .no-sidebar .column-2-3.column60 {width:620px;} .no-sidebar .column-1-4.column60 {width:195px;} .no-sidebar .column-3-4.column60 {width:705px;} .no-sidebar .column-1-2.column60 img, .no-sidebar .column-1-2.column60 iframe {max-width:450px;} .no-sidebar .column-1-3.column60 img, .no-sidebar .column-1-3.column60 iframe {max-width:280px;} .no-sidebar .column-2-3.column60 img, .no-sidebar .column-2-3.column60 iframe {max-width:620px;} .no-sidebar .column-1-4.column60 img, .no-sidebar .column-1-4.column60 iframe {max-width:195px;} .no-sidebar .column-3-4.column60 img, .no-sidebar .column-3-4.column60 iframe {max-width:705px;}  /* margin 120px */  .no-sidebar .column120 {float:left; margin-right:120px;} .no-sidebar .column-1-3.column120 {width:240px;}     /*   With Sidebar   */  /* margin 24px */  .column {float:left; margin-right:24px;} .column-1-2 {width:304px;} .column-1-3 {width:194.6px;} .column-2-3 {width:389.2px;} .column-1-4 {width:140px;} .column-3-4 {width:468px;} .column-1-2 img, .column-1-2 iframe {max-width:304px;} .column-1-3 img, .column-1-3 iframe {max-width:194.6px;} .column-2-3 img, .column-2-3 iframe {max-width:389.2px;} .column-1-4 img, .column-1-4 iframe {max-width:140px;} .column-3-4 img, .column-3-4 iframe {max-width:468px;}  /* margin 36px */  .column36 {float:left; margin-right:36px;} .column-1-2.column36 {width:298px;} .column-1-3.column36 {width:186.6px;} .column-2-3.column36 {width:409.2px;} .column-1-4.column36 {width:131px;} .column-3-4.column36 {width:465px;} .column-1-2.column36 img, .column-1-2.column36 iframe {max-width:298px;} .column-1-3.column36 img, .column-1-3.column36 iframe {max-width:186.6px;} .column-2-3.column36 img, .column-2-3.column36 iframe {max-width:409.2px;} .column-1-4.column36 img, .column-1-4.column36 iframe {max-width:131px;} .column-3-4.column36 img, .column-3-4.column36 iframe {max-width:465px;}  /* margin 48px */  .column48 {float:left; margin-right:48px;} .column-1-2.column48 {width:292px;} .column-1-3.column48 {width:178.6px;} .column-2-3.column48 {width:405.2px;} .column-1-4.column48 {width:122px;} .column-3-4.column48 {width:462px;} .column-1-2.column48 img, .column-1-2.column48 iframe {max-width:292px;} .column-1-3.column48 img,  .column-1-3.column48 iframe {max-width:178.6px;} .column-2-3.column48 img, .column-2-3.column48 iframe {max-width:405.2px;} .column-1-4.column48 img, .column-1-4.column48 iframe {max-width:122px;} .column-3-4.column48 img, .column-3-4.column48 iframe {max-width:462px;}  /* margin 60px */  .column60 {float:left; margin-right:60px;} .column-1-2.column60 {width:286px;} .column-1-3.column60 {width:170.6px;} .column-2-3.column60 {width:401.2px;} .column-1-4.column60 {width:113px;} .column-3-4.column60 {width:459px;} .column-1-2.column60 img, .column-1-2.column60 iframe {max-width:286px;} .column-1-3.column60 img, .column-1-3.column60 iframe {max-width:170.6px;} .column-2-3.column60 img, .column-2-3.column60 iframe {max-width:401.2px;} .column-1-4.column60 img, .column-1-4.column60 iframe {max-width:113px;} .column-3-4.column60 img, .column-3-4.column60 iframe {max-width:459px;}  /* margin 120px */  .column120 {float:left; margin-right:120px;} .column-1-3.column120 {width:130.6px;}    </style>   <style type='text/css'>.header_wrap {height:99px; width:100%; z-index:999; position:fixed; top:0; left:0; background:rgba(42,60,62,0.8); zoom: 1;} .admin-bar .header_wrap {margin-top:28px !important;} .header_wrapper {position:relative; width:960px; margin:auto; z-index:999;} .header_wrapper img.logo {position: absolute; top:-20px; left:0; z-index:999;} .header_wrapper img.logo_small {display:none; position: absolute; top:10px; left:0; z-index:999;} .header_menu a {font-size:16px; font-weight:400; color:#f2f2f2; padding:5px 10px; border-radius:4px; behavior: url(PIE/PIE.htc); cursor: pointer;} .header_menu a span {font-weight:400; font-size:16px;} .header_menu li {float:left; position:relative; margin:0 5px; z-index:999;} .header_menu ul ul li {background:rgba(42,60,62,0.8); zoom: 1; float:none; position:relative; padding:3px 5px;} .header_menu ul ul li:first-child {border-radius:5px 5px 0px 0px; padding-top:5px;} .header_menu ul ul li:last-child {border-radius:0px 0px 5px 5px; padding-bottom:5px;} .header_menu ul ul li:only-child {border-radius:5px;} .header_menu {padding:24px 0 0 0; float:right; max-width:820px;} .header_menu .hover_single {border-radius:5px;}  #allaround_menu > li > ul.sub-menu:after {position: absolute; content:''; padding-top:40px; top:-8px; left: 20px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid rgb(42,60,62); opacity:0.8; filter: alpha(opacity = 80);}  #allaround_menu li li.has_children > a:after {float:right; content:'>';}    .header_menu li ul {position:absolute; top:-4px; left:-5px; opacity:0; filter:alpha(opacity = 0); padding-top:40px; display:none;} .header_menu li li a {display:block; font-size:14px; line-height:14px; width:180px; padding:8px 5px 12px 5px;} .header_menu li ul ul {top:-25px; left:200px; padding-top:0px; z-index:1000;}    .header_wrap.sticky .header_wrapper img.logo {display: none;} .header_wrap.sticky .header_wrapper img.logo_small {display:block;} .header_wrap.sticky .header_menu {padding-top:19px;} .header_wrap.sticky {height:60px;} .header_wrap.sticky #menu-primary li ul.sub-menu:after {top:-28px;}  .header_wrap.sticky {margin-top:20px;}   .header_wrap.sticky .header_menu li ul {padding-top:40px;} .header_wrap.sticky .header_menu li ul ul {padding-top:0;}     /*     Supheader     */  .header_wrap.sticky .supheader_wrap {display: none;}  .supheader_wrap { background: #e84c3d; width:100%; height: 31px;} .supheader_wrap ul {float:right;} .supheader_wrap ul li { float:left;} .supheader_wrap > div {width:960px; height: 31px; margin:auto;} .supheader_wrap .header_socials {height: 30px; width:30px; display:block; margin:0px 3px 3px 0px; opacity:0.7; filter:alpha(opacity == 70);}  .supheader_wrap .header_socials.fb {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRiDJaFTh_1gUZi1S2GexaQ0SuuOAVDiSvc6Yv_Lx8ok_CXpzggRbbblajLcKUg_vCQEBiazNcc-b_wNzWcMEuzX1fpC_TuTGTpbSqqCxYMBGSyQ1BJUnuJNO1VjEZkqUMWddao52Sep4/s1600/fb.png) no-repeat center center;} .supheader_wrap .header_socials.tw {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimPKdv0bzZhr26lZN0SNZQ6MUvp-vB9qJcU0uCnzpq_5KgXffKLPppsiU1tI16XVANuwItjfHR04Er814KLDG8LTcYwLWayAhPpqV5uNVgLs9KzMn8XOVBpq58SvcdTUK-hjgLbRCn_c4/s1600/tw.png) no-repeat center center;} .supheader_wrap .header_socials.digg {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiodAF2dO7a-wae5KAuILX4cx9Tj_kXy9sMZeaD_KU8Wk4mms2aOaFYbjEr111pmAv5YSZqhM4i7z75Q3ipGgEVSAZWS38X89KPbLbJaOZIKX9aGzUSd4avJfSNTHbs15JcghtrHe3QnrA/s1600/digg.png) no-repeat center center;} .supheader_wrap .header_socials.in {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPLJzSdA9sQymdv6dRVdgam_rwDGi6lVqb6djdxaA1-04XpdeQo-jjLsgaXaD7yorJcfWRzxPzfJ2OUCGNGv79cJRZv1mJoN4yltezdLr7_YhyAT1vVZPukt1iGOzxuYxqPCfYdHFsT3Y/s1600/in.png) no-repeat center center;} .supheader_wrap .header_socials.rss {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo_iYB1uMIOz8F0pRvzO9Itrh_Qm8cxjNYI_0q-HteDT4NZgpIHy2xr71ti6MrNQZr981YPCZ1DJwZAX0AG6JJYdKpjDM53icC-CuTExi8GAioD9pBxFLqc83k8K2VNkwdzsaO9gPB3to/s1600/rss.png) no-repeat center center;} .supheader_wrap .header_socials.gplus {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgRZKRkiVHmR9uplPkiiIxdZcg1tfOUnCLHqP1F8o431NBpyK6v_dA08vKtBwZ44Kss94KdhC-hYQrYYksZRWQHsp4Nh4kljEuUhIULUgxN7pVAZixcOpUN3EY3zWzitwV6Ow159pgHQM/s1600/gplus.png) no-repeat center center;} .supheader_wrap .header_socials.cart-style:hover, .supheader_wrap .header_socials.cart-style:hover a {opacity:1; filter:alpha(opacity == 100);} .supheader_wrap .header_socials.cart-style span {background:#ffffff;position:absolute;width:15px;height:15px;top:2px;left:19px;border-radius:7.5px;color:#ffffff;text-align:center;font-weight:bold;font-size:12px;line-height:16px;opacity:1; filter:alpha(opacity == 100);} .supheader_wrap .header_socials.login-style {display:inline-block;color:#ffffff;width:auto;line-height:28px;margin-bottom:0px !important;}   </style> <b:if cond='data:blog.pageType != "item"'><style type='text/css'>.post img { height: 179px !important; border: #2a3c3e solid 8px; border-radius: 210px; width: 186px; }    .post img:hover {     opacity: 0.7;   }    #main-home { margin-bottom: 30px; border-bottom: 1px solid #EEE; padding-bottom: 12px; }   .futuro { margin-top: -59px; margin-bottom: 30px; } </style></b:if> <b:if cond='data:blog.pageType == "item"'><style type='text/css'> </style></b:if> <script type='text/javascript'>var thumbnail_mode = "no-float" ; summary_noimg = 270; summary_img = 270; img_thumb_height = 231; img_thumb_width = 231; </script><script type='text/javascript'>//<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; }  function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg;  if(img.length>=1) {   imgtag = '<span style="float: left; padding: 0px 9px 5px 0px; margin-right: 18px; width: 208px; height: 184px; border-right: 1px solid #7e7e7e;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; }  var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; }  //]]></script> <b:if cond='data:blog.pageType == "item"'><style type='text/css'>#related-posts {float:center;text-transform:none;height:100%;min-height:100%;margin-top:10px;padding-top:5px;padding-bottom:5px} #related-posts h2{font-size:12px;color:#000;font-weight:400;margin-bottom:0.4em;margin-top:0em;padding-top:0em} #related-posts a{color:#000;text-align:center} #related-posts a:hover{color:#0B0B61;text-shadow:0 0 1px #F2F2F2;text-align:center;border:none} </style> <script type='text/javascript'>//<![CDATA[  //Script by Aneesh of www.bloggerplugins.org //Released on August 19th August 2009 var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); var thumburl = new Array(); function related_results_labels_thumbs(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; try  {thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}  catch (error){ s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){ thumburl[relatedTitlesNum]=d;} else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU4LwWKzupPuWAYeCzQ2WBwd4QK5fiOe8oId1vE82wLlGP15H7bSPG1RFywD8usLoZLwj1Zmbj5as8fPUduLDi4wE9bUMKKCjIaB43Rkc-ev7vuq-Dj6sSG6xAA9-Tpy9zIOhYEH5tXww/s400/noimage.png'; }  if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"..."; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; } } } } function removeRelatedDuplicates_thumbs() { var tmp = new Array(0); var tmp2 = new Array(0); var tmp3 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains_thumbs(tmp, relatedUrls[i]))  { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp3.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i]; tmp3[tmp3.length - 1] = thumburl[i]; } } relatedTitles = tmp2; relatedUrls = tmp; thumburl=tmp3; }  function contains_thumbs(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false; } function printRelatedLabels_thumbs() { for(var i = 0; i < relatedUrls.length; i++) { if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))) { relatedUrls.splice(i,1); relatedTitles.splice(i,1); thumburl.splice(i,1); i--; } } var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0;  if(relatedTitles.length>0) document.write('<h2>'+relatedpoststitle+'</h2>'); document.write('<div style="clear: both;"/>'); while (i < relatedTitles.length && i < 20 && i<maxresults) {    document.write('<a style="text-decoration:none;padding:5px;float:left; margin-right: 10px;'); if(i!=0) document.write('border:none"'); else document.write('"'); document.write(' href="' + relatedUrls[r] + '"><img style="width:120px;height: 118px; border: #2a3c3e solid 6px; border-radius: 155px;" src="'+thumburl[r]+'"/><br/><div style="width:120px;padding-left:0;height:30px;border:none;margin:3px 0px 0px;font-style:normal;font-variant:normal;font-weight:normal;font-size:15px;line-height:normal;font-size-adjust:none;font-stretch:normal;">'+relatedTitles[r]+'</div></a>');  if (r < relatedTitles.length - 1) { r++; } else { r = 0; } i++; } document.write('</div>'); relatedUrls.splice(0,relatedUrls.length); thumburl.splice(0,thumburl.length); relatedTitles.splice(0,relatedTitles.length); } //]]></script></b:if>  <script src='https://apis.google.com/js/plusone.js'/><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/><script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js' type='text/javascript'/><script src='http://googledrive.com/host/0B-UFNCskEl7QZEtoTFcxYVJ0NmM'/><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>  </head>  <body class='home page page-id-10 page-template-default'> <header>  <div class='header_wrap' style='opacity: 1;'>   <nav class='supheader_wrap'>    <div>     <ul><li><a class='header_socials fb' href='https://www.facebook.com/herusularto' target='_blank'/></li><li><a class='header_socials gplus' href='https://plus.google.com/+HeruSularto' target='_blank'/></li><li><a class='header_socials in' href='https://id.linkedin.com/in/herusularto' target='_blank'/></li><li><a class='header_socials tw' href='https://twitter.com/herusularto' target='_blank'/></li><li><a class='header_socials rss' href='http://feeds.feedburner.com/herusularto' target='_blank'/></li></ul><div class='clear'/>     </div>    <div class='clear'/>    </nav>   <div class='header_wrapper'>    <div class='clear'/>               <div class='logo'><b:section class='header' id='headur' maxwidgets='1' showaddelement='no'>  <b:widget id='Header1' locked='true' title='eR (Header)' type='Header'>    <b:includable id='main'>   <b:if cond='data:useImage'>    <b:if cond='data:imagePlacement == "BEHIND"'>            <b:if cond='data:mobile'>          <div id='header-inner'>            <div class='titlewrapper' style='background: transparent'>              <h1 class='title' style='background: transparent; border-width: 0px'>                <b:include name='title'/>              </h1></div><b:include name='description'/>          </div><b:else/>          <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: "                        + data:backgroundPositionStyleStr + "; "                        + data:widthStyleStr                        + "min-height: " + data:height                        + "_height: " + data:height                        + "background-repeat: no-repeat; "' id='header-inner'>            <div class='titlewrapper' style='background: transparent'>              <h1 class='title' style='background: transparent; border-width: 0px'>                <b:include name='title'/>              </h1></div><b:include name='description'/>          </div></b:if>    <b:else/>            <div id='header-inner'>        <a expr:href='data:blog.homepageUrl' style='display: block'>          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>        </a>                <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>          <b:include name='description'/>        </b:if>      </div></b:if>  <b:else/>        <div id='header-inner'>      <div class='titlewrapper'>        <h11 class='title'>          <b:include name='title'/>        </h11>      </div><b:include name='description'/>    </div></b:if></b:includable>    <b:includable id='description'>  <div class='descriptionwrapper'>    <p class='description'><span><data:description/></span></p></div></b:includable>    <b:includable id='title'>  <b:if cond='data:blog.url == data:blog.homepageUrl'>    <data:title/>  <b:else/>    <a expr:href='data:blog.homepageUrl'><data:title/></a>  </b:if></b:includable>  </b:widget></b:section>              </div><nav class='header_menu'>     <ul class='' id='allaround_menu'><li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-694' id='menu-item-694'><a expr:href='data:blog.homepageUrl'>BERANDA</a></li><li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-694' id='menu-item-694'><a href='http://h.eru.web.id/search/label/Fotografi'>GALERI</a></li><li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-694' id='menu-item-694'><a href='#'>BLOG</a></li><li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-413' id='menu-item-413'><a href='http://h.eru.web.id/p/tentang-aku-er-dan-blog.html'>TENTANG</a></li><li><a href='#'>TUTORIAL</a>   <ul><li><a href='#'>Fotografi</a></li><li><a href='#'>Desain Web</a></li></ul></li><li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-757' id='menu-item-757'><a href='http://h.eru.web.id/p/kontak.html'>KONTAK</a></li></ul><div class='clear'/>     </nav>          <div class='clear'/>    </div>   </div>      <div class='clear'/> </header> <div class='clear'/> <div class='content_wrapper '> <div class='content'> <b:section class='lowerbar' id='lowerbar1' preferred='yes'/>  <div class='real_content' role='main'><b:section class='main' id='main' showaddelement='yes'>  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>    <b:includable id='main' var='top'>    <div class='blog-posts hfeed'>     <b:include data='top' name='status-message'/>     <data:adStart/>    <b:loop values='data:posts' var='post'>      <b:if cond='data:post.dateHeader'>        <h2 class='date-header'><data:post.dateHeader/></h2></b:if>      <b:include data='post' name='post'/>     <b:if cond='data:blog.pageType == "static_page"'>         <b:if cond='data:post.showThreadedComments'>           <b:include data='post' name='threaded_comments'/>         <b:else/>           <b:include data='post' name='comments'/>         </b:if>       </b:if>       <b:if cond='data:blog.pageType == "item"'>         <b:if cond='data:post.showThreadedComments'>           <b:include data='post' name='threaded_comments'/>         <b:else/>           <b:include data='post' name='comments'/>         </b:if>       </b:if>        <b:if cond='data:post.includeAd'>        <data:adEnd/>        <data:adCode/>        <data:adStart/>      </b:if>    </b:loop>    <data:adEnd/>  </div>  <b:include name='nextprev'/>     <b:if cond='data:top.showStars'>    <script src='http://www.google.com/jsapi' type='text/javascript'/>    <script type='text/javascript'>      google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});       function initialize() {         google.annotations.setApplicationId(<data:top.blogspotReviews/>);         google.annotations.createAll();         google.annotations.fetch();       }       google.setOnLoadCallback(initialize);     </script>  </b:if> </b:includable>    <b:includable id='backlinkDeleteIcon' var='backlink'>  <span expr:class='"item-control " + data:backlink.adminClass'>    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>      <img src='http://www.blogger.com/img/icon_delete13.gif'/>    </a>  </span></b:includable>    <b:includable id='backlinks' var='post'>  <a name='links'/><h4><data:post.backlinksLabel/></h4><b:if cond='data:post.numBacklinks != 0'><dl class='comments-block' id='comments-block'>      <b:loop values='data:post.backlinks' var='backlink'>        <div class='collapsed-backlink backlink-control'><dt class='comment-title'>            <span class='backlink-toggle-zippy'> </span>            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>            <b:include data='backlink' name='backlinkDeleteIcon'/>          </dt><dd class='comment-body collapseable'>            <data:backlink.snippet/>          </dd>          <dd class='comment-footer collapseable'>            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>          </dd>        </div></b:loop>    </dl></b:if>  <p class='comment-footer'><a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>  </p></b:includable>    <b:includable id='comment-form' var='post'>  <div class='comment-form'>    <a name='comment-form'/>    <h4 id='comment-post-message'><data:postCommentMsg/></h4><p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/>    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>    <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='440'/>    <data:post.iframeColorizer/>  </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='http://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:else/>    <b:if cond='data:post.showThreadedComments'>      <b:include data='post' name='threaded_comments'/>    <b:else/>      <b:include data='post' name='comments'/>    </b:if>  </b:if></b:includable>    <b:includable id='comments' var='post'><div class='comments' id='comments'>    <a name='comments'/>    <b:if cond='data:post.allowComments'>      <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'><div expr:class='data:comment.avatarContainerClass'><data:comment.authorAvatarImage/></div></b:if>            <b:if cond='data:comment.authorUrl'>              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><span class='comment-timestamp' style='margin-left:10px;font-size:10px'>              <a expr:href='data:comment.url' title='comment permalink'>                <data:comment.timestamp/>              </a>              <b:include data='comment' name='commentDeleteIcon'/>            </span>            <b:else/>               <data:comment.author/>              </b:if>           </dt><dd class='comment-body'>            <b:if cond='data:comment.isDeleted'>              <span class='deleted-comment'><data:comment.body/></span>            <b:else/>              <p><data:comment.body/></p></b:if>          </dd>          <dd class='comment-footer'>           </dd>        </b:loop>      </dl><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:include data='post' name='comment-form'/>        <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"'>     <b:if cond='data:feedLinks'>      <div class='blog-feeds'>        <b:include data='feedLinks' name='feedLinksBody'/>      </div></b:if>     <b:else/>     <div class='post-feeds'>      <b:loop values='data:posts' var='post'>        <b:if cond='data:post.allowComments'>          <b:if cond='data:post.feedLinks'>            <b:include data='post.feedLinks' name='feedLinksBody'/>          </b:if>        </b:if>      </b:loop>    </div></b:if></b:includable>    <b:includable id='feedLinksBody' var='links'>  <div class='feed-links'>  <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)'>›</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'>         <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'>          <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'>                  <b:if cond='data:blog.url != data:post.url'>                    <a expr:href='data:post.url'><data:post.title/></a>                  <b:else/>                    <data:post.title/>                  </b:if>                <b:else/>                  <data:post.title/>                </b:if>              </b:if>            </h3></b:if>           <div class='post-header'>            <div class='post-header-line-1'/>          </div><div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>            <data:post.body/>            <div style='clear: both;'/>           </div><div class='post-footer'>            <div class='post-footer-line post-footer-line-1'>              <span class='post-author vcard'>                <b:if cond='data:top.showAuthor'>                  <b:if cond='data:post.authorProfileUrl'>                    <span class='fn'>                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>                        <data:post.author/>                      </a>                    </span>                  <b:else/>                    <span class='fn'><data:post.author/></span>                  </b:if>                </b:if>              </span>               <span class='post-timestamp'>                <b:if cond='data:top.showTimestamp'>                  <data:top.timestampLabel/>                  <b:if cond='data:post.url'>                    <a class='timestamp-link' expr:href='data:post.url' 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='post-comment-link'>                <b:if cond='data:blog.pageType != "item"'>                  <b:if cond='data:blog.pageType != "static_page"'>                    <b:if cond='data:post.allowComments'>                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>                    </b:if>                  </b:if>                </b:if>              </span>            </div><div class='post-footer-line post-footer-line-2'>              <b:if cond='data:top.showMobileShare'>                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>                  <a href='javascript:void(0);'><data:shareMsg/></a>                </div></b:if>              <b:if cond='data:top.showDummy'>                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>            </div></div></div><b:if cond='data:blog.pageType == "static_page"'>          <b:if cond='data:post.showThreadedComments'>            <b:include data='post' name='threaded_comments'/>          <b:else/>            <b:include data='post' name='comments'/>          </b:if>        </b:if>        <b:if cond='data:blog.pageType == "item"'>          <b:if cond='data:post.showThreadedComments'>            <b:include data='post' name='threaded_comments'/>          <b:else/>            <b:include data='post' name='comments'/>          </b:if>        </b:if>      </div></div></div></b:includable>    <b:includable id='nextprev'><b:if cond='data:blog.pageType != "static_page"'>  <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'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCq7CryCzR73eUGchOGlNtMFWzO6sJfs3VkMhttxwILHkgnBDoVqKPlCQTlzJ4wPjx_vhe382eir0KiU1Msos6QRrTc7vcJ7-2thZ8l-9HThHP0tDZBlongieyu2OfyKMgZvb78BOIVYk/' title='Newer Posts'/></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'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirS0rtRbSyKH1o12NE13uFjNQJF_GccWf3CwxRxl4aVq8o6_SSNnDttPql9rxm1jEDzU9YquxTrv8cLdrMRz56rxG2f0XC9rpYPRC-UCZBEuBSk8o2X4qMPsdKVb-w8yLvKeInCnCcKfo/' title='Older Posts'/></a>      </span>    </b:if>     <b:if cond='data:blog.homepageUrl != data:blog.url'>      <a class='home-link' expr:href='data:blog.homepageUrl'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiquHQ4ckwV8rJ9VIsXbMhosCssGnWH3Dffrsk-BbMUDz27lS39edD6nAqchA-VMfv6AjP0ohpBAzHLCnB3_rh7fHa5GBnqrLhGj0hfoD0tRGVjYXSe4qPt1BZ9xxkEOM-Yt9_mvTP15E8/' title='Home'/></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></b:if>  <div class='clear'/></b:includable>    <b:includable id='post' var='post'><div id='main-home'>  <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><div class='author_date_comments'><span class='author'><data:post.author/></span><span class='date'><data:post.timestamp/></span><span class='comments'> <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></span></div></h3></b:if> <div class='post-header-line-1'/><div class='post-body'><b:if cond='data:blog.pageType == "static_page"'><data:post.body/><b:else/><style>.fullpost{display:none;}</style><b:if cond='data:blog.pageType != "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script></b:if> <b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'><div class='readmore'><a expr:href='data:post.url'>Teruskan Membaca</a></div></b:if></b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>   </b:if><div style='clear: both;'/></div></div></div><b:if cond='data:blog.pageType == "item"'><div class='single-category'>Dalam Kategori : <b:if cond='data:post.labels'>  <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></div></b:if>   <b:if cond='data:blog.pageType == "item"'><div class='about_the_author'>        <div class='about_the_author_image'>                                  <img alt='' class='avatar content_image  avatar-148 photo' height='148' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Y316DDyfF66Ah1i6LRncOLIQU_Ifx_hfEWgtA8vPtjY22kmTl6BWK8pWiDxDme0YzccBihT-o7bff5DHNGXzezsQxSznvRXI70OSCeLz-ig0YuMam9bJn48nNIsbtd6DtPBnpFW6IF8/w480-h320/54ff8cef-f3ef-47b5-9748-0769656e1be7' width='148'/>         </div>        <div class='text_block'>         <span class='header_text'>Tentang Aku</span>                                  <span class='name' style='margin-top: 9px;margin-bottom: 6px;'><a href='http://h.eru.web.id/p/tentang-aku-er-dan-blog.html'>Heru Sularto (eR)</a></span>                                  <span>Tertarik pada pemrograman, jaringan komputer, basis data, desain grafis, dan jurnalistik. Melakukan apa yang disengangi, walaupun di waktu yang bersamaan, ada agenda lain yang skala prioritasnya lebih penting. <a href='http://fb.com/herusularto'>Facebook</a> and <a href='http://twitter.com/herusularto'>Twitter</a></span>         </div>         <div class='clear'/>        </div></b:if> <div class='post-related'><b:if cond='data:blog.pageType == "item"'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'></b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=20"' type='text/javascript'/></b:if></b:loop><script type='text/javascript'>var currentposturl="<data:post.url/>"; var maxresults=4; var relatedpoststitle="<div style='font-weight:700;font-size:16px'>Related Posts :</div>"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script></div><div style='clear:both'/></b:if></div></b:includable>    <b:includable id='postQuickEdit' var='post'>  <b:if cond='data:post.editUrl'>    <span expr:class='"item-control " + data:post.adminClass'>      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>        <img alt='' class='icon-action' height='18' src='http://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:top.showEmailButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>      <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>  </a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block 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:if cond='data:top.showDummy'>    <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if></b:includable>    <b:includable id='status-message'>  <b:if cond='data:navMessage'>  <div class='status-msg-wrap'>    <div class='status-msg-body'>      <data:navMessage/>    </div><div class='status-msg-border'>      <div class='status-msg-bg'>        <div class='status-msg-hidden'><data:navMessage/></div></div></div></div><div style='clear: both;'/>  </b:if></b:includable>    <b:includable id='threaded-comment-form' var='post'>  <div class='comment-form'>    <a name='comment-form'/>    <b:if cond='data:mobile'>      <p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/>      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>    <b:else/>      <p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/>      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>    </b:if>    <data:post.friendConnectJs/>    <data:post.cmtfpIframe/>    <script type='text/javascript'>      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');     </script>  </div></b:includable>    <b:includable id='threaded_comment_js' var='post'>  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>   <script type='text/javascript'>    (function() {       var items = <data:post.commentJso/>;       var msgs = <data:post.commentMsgs/>;       var config = <data:post.commentConfig/>;  // <![CDATA[       var cursor = null;       if (items && items.length > 0) {         cursor = parseInt(items[items.length - 1].timestamp) + 1;       }        var bodyFromEntry = function(entry) {         if (entry.gd$extendedProperty) {           for (var k in entry.gd$extendedProperty) {             if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {               return '<span class="deleted-comment">' + entry.content.$t + '</span>';             }           }         }         return entry.content.$t;       }        var parse = function(data) {         cursor = null;         var comments = [];         if (data && data.feed && data.feed.entry) {           for (var i = 0, entry; entry = data.feed.entry[i]; i++) {             var comment = {};             // comment ID, parsed out of the original id format             var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);             comment.id = id ? id[2] : null;             comment.body = bodyFromEntry(entry);             comment.timestamp = Date.parse(entry.published.$t) + '';             if (entry.author && entry.author.constructor === Array) {               var auth = entry.author[0];               if (auth) {                 comment.author = {                   name: (auth.name ? auth.name.$t : undefined),                   profileUrl: (auth.uri ? auth.uri.$t : undefined),                   avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)                 };               }             }             if (entry.link) {               if (entry.link[2]) {                 comment.link = comment.permalink = entry.link[2].href;               }               if (entry.link[3]) {                 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);                 if (pid && pid[1]) {                   comment.parentId = pid[1];                 }               }             }             comment.deleteclass = 'item-control blog-admin';             if (entry.gd$extendedProperty) {               for (var k in entry.gd$extendedProperty) {                 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {                   comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;                 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {                   comment.displayTime = entry.gd$extendedProperty[k].value;                 }               }             }             comments.push(comment);           }         }         return comments;       };        var paginator = function(callback) {         if (hasMore()) {           var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';           if (cursor) {             url += '&published-min=' + new Date(cursor).toISOString();           }           window.bloggercomments = function(data) {             var parsed = parse(data);             cursor = parsed.length < 50 ? null                 : parseInt(parsed[parsed.length - 1].timestamp) + 1             callback(parsed);             window.bloggercomments = null;           }           url += '&callback=bloggercomments';           var script = document.createElement('script');           script.type = 'text/javascript';           script.src = url;           document.getElementsByTagName('head')[0].appendChild(script);         }       };       var hasMore = function() {         return !!cursor;       };       var getMeta = function(key, comment) {         if ('iswriter' == key) {           var matches = !!comment.author               && comment.author.name == config.authorName               && comment.author.profileUrl == config.authorUrl;           return matches ? 'true' : '';         } else if ('deletelink' == key) {           return config.baseUri + '/delete-comment.g?blogID='                + config.blogId + '&postID=' + comment.id;         } else if ('deleteclass' == key) {           return comment.deleteclass;         }         return '';       };        var replybox = null;       var replyUrlParts = null;       var replyParent = undefined;        var onReply = function(commentId, domId) {         if (replybox == null) {           // lazily cache replybox, and adjust to suit this style:           replybox = document.getElementById('comment-editor');           if (replybox != null) {             replybox.height = '250px';             replybox.style.display = 'block';             replyUrlParts = replybox.src.split('#');           }         }         if (replybox && (commentId !== replyParent)) {           replybox.src = '';           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:if cond='data:post.embedCommentForm'>        <b:include data='post' name='threaded_comment_js'/>      </b:if>      <div id='comment-holder'>         <data:post.commentHtml/>      </div></div><p class='comment-footer'><b:if cond='data:post.allowNewComments'>        <b:include data='post' name='threaded-comment-form'/>      <b:else/>        <data:post.noNewCommentsText/>      </b:if>    </p><b:if cond='data:showCmtPopup'>      <div id='comment-popup'>        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>        </iframe>      </div></b:if>     <div id='backlinks-container'>    <div expr:id='data:widget.instanceId + "_backlinks-container"'>       <b:if cond='data:post.showBacklinks'>         <b:include data='post' name='backlinks'/>       </b:if>    </div></div></div></b:includable>  </b:widget></b:section>  </div><div class='sidebar_wrapper margin-left48'>  <aside class='widget widget_search' id='search-8'><h3 class='widget-title'>Cari di Blog!</h3><div class='search-form'><form action='/search' method='get'> <div class='input_wrapper'>  <span class='input_title'>Cari</span>      <input class='input_field' name='q' placeholder='Kamu Mencari Apa?' type='text' value=''/>  <div class='clear'/>  </div>   <input class='submit_button button_hover_effect' type='submit'/></form><div class='clear'/></div></aside><b:section class='sidebar' id='sidebar' preferred='yes'>  <b:widget id='Poll1' locked='false' title='Berapa lama rata-rata kamu tidur dalam sehari semalam?' type='Poll'>    <b:includable id='main'>    <b:if cond='data:title != ""'>    <h2 class='title'><data:title/></h2></b:if>  <div class='widget-content' id='widget-content'>   <iframe allowtransparency='true' expr:height='data:iframeheight' expr:name='"poll-widget" + data:pollid' expr:src='data:iframeurl' frameborder='0' style='border:none; width:100%;'/>   <b:include name='quickedit'/>  </div></b:includable>  </b:widget>  <b:widget id='BlogArchive1' locked='false' title='Daftar Tulisan' type='BlogArchive'>    <b:includable id='main'>  <b:if cond='data:title != ""'>    <h2><data:title/></h2></b:if>  <div class='widget-content'>  <div id='ArchiveList'>  <div expr:id='data:widget.instanceId + "_ArchiveList"'>    <b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>    <b:include cond='data:style == "FLAT"' data='data' name='flat'/>    <b:include cond='data:style == "MENU"' data='data' name='menu'/>  </div></div><b:include name='quickedit'/>  </div></b:includable>    <b:includable id='flat' var='data'>  <ul class='flat'>    <b:loop values='data:data' var='i'><li class='archivedate'>        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)       </li></b:loop>  </ul></b:includable>    <b:includable id='interval' var='intervalData'>  <b:loop values='data:intervalData' var='interval'>    <ul class='hierarchy'><li expr:class='"archivedate " + data:interval.expclass'>        <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>        <a class='post-count-link' expr:href='data:interval.url'>          <data:interval.name/>        </a>        <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>        <b:include cond='data:interval.data' data='interval.data' name='interval'/>        <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>      </li></ul></b:loop></b:includable>    <b:includable id='menu' var='data'>  <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>    <option value=''><data:title/></option>    <b:loop values='data:data' var='i'>      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>    </b:loop>  </select></b:includable>    <b:includable id='posts' var='posts'>  <ul class='posts'>    <b:loop values='data:posts' var='post'><li><a expr:href='data:post.url'><data:post.title/></a></li></b:loop>  </ul></b:includable>    <b:includable id='toggle' var='interval'>  <a class='toggle' href='javascript:void(0)'>    <span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>      <b:if cond='data:interval.expclass == "expanded"'>        ▼        <b:elseif cond='data:blog.languageDirection == "rtl"'/>        ◄        <b:else/>        ►        </b:if>    </span>  </a></b:includable>  </b:widget>  <b:widget id='PopularPosts1' locked='false' title='Sering Dibaca' type='PopularPosts'>    <b:includable id='main'>  <b:if cond='data:title != ""'><h2><data:title/></h2></b:if>  <div class='widget-content popular-posts'>    <ul>      <b:loop values='data:posts' var='post'><li>        <b:if cond='!data:showThumbnails'>          <b:if cond='!data:showSnippets'>                        <a expr:href='data:post.href'><data:post.title/></a>          <b:else/>                        <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div></b:if>        <b:else/>                    <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>            <b:if cond='data:post.thumbnail'>              <div class='item-thumbnail'>                <a expr:href='data:post.href' target='_blank'>                  <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>                </a>              </div></b:if>            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><b:if cond='data:showSnippets'>              <div class='item-snippet'><data:post.snippet/></div></b:if>          </div><div style='clear: both;'/>        </b:if>      </li></b:loop>    </ul><b:include name='quickedit'/>  </div></b:includable>  </b:widget></b:section>  </div><div class='clear'/><div class='clear'/>   </div><div class='divider padding-top48'/></div><div class='static_banner_wrapper'><div class='inner_wrap'><div class='text'>Kebaikan dan Kejahatan Tidak Sesederhana Seperti yang Sering Kita Pikirkan</div><a class='read_more static_banner_item_button_hover_effect ' data-hovercolor='#ffffff' data-hoveroutcolor='#e84c3d' href='http://h.eru.web.id/2015/03/kebaikan-dan-kejahatan-tidak.html' style='color: rgb(255, 255, 255); background-color: rgb(232, 76, 61);'>Baca</a></div></div><footer>  <div class='footer_wrapper no-sidebar'>   <div class='footer_inner_wrapper padding-top48'>    <div class='clear'/>    <div class='column-1-4 column'><div class='separator3 margin-bottom24 margin-top24'/><aside class='widget widget_archive' id='archives-3'></aside><aside class='widget widget_search' id='search-5'><b:section class='footer' id='footer1' preferred='yes'>  <b:widget id='ContactForm1' locked='false' title='Kontak' type='ContactForm'>    <b:includable id='main'>  <b:if cond='data:title != ""'>    <h2 class='title'><data:title/></h2></b:if>  <div class='contact-form-widget'>    <div class='form'>      <form name='contact-form'>        <p/>        <data:contactFormNameMsg/>        <br/>        <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>        <p/>        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>        <br/>        <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>        <p/>        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>        <br/>        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>        <p/>        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>        <p/>        <div style='text-align: center; max-width: 222px; width: 100%'>          <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/><p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/></div></form></div></div><b:include name='quickedit'/></b:includable>  </b:widget></b:section></aside></div><div class='column-1-4 column'><div class='separator3 margin-bottom24 margin-top24'/><aside class='widget widget_recent_comments' id='recent-comments-3'><b:section class='footer' id='footer2' preferred='yes'/>  </aside></div><div class='column-1-4 column'><div class='separator3 margin-bottom24 margin-top24'/>  <aside class='widget widget_recent_entries' id='recent-posts-3'>   <b:section class='footer' id='footer3' preferred='yes'/>    </aside></div><div class='column-1-4 column column-last'><div class='separator3 margin-bottom24 margin-top24'/><aside class='widget widget_categories' id='categories-3'><b:section class='footer' id='footer4' preferred='yes'/>  </aside></div><div class='clear margin-bottom24'/>   </div>  </div>     <div class='subfooter_wrapper'>    <nav class='subfooter_inner_wrapper'>     <div class='copyright'> <p>© 2013 <data:blog.title/> | Distributed By <a href='http://www.mybloggerthemes.com'>Blogger Themes</a> | Designed by <a href='http://www.templateify.com' id='templateify'>Templateify</a> & Sponsored By <a href='http://www.templateify.com/p/sponsorship.html' id='sponsorship'>Your Link Here</a></p></div>     <ul class='footer_navigation' id='footer-menu'><li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-694' id='menu-item-694'><a expr:href='data:blog.homepageUrl'>HOME</a></li><li class='menu-item menu-item-type-post_type menu-item-object-page dropdown menu-item-84'><a href='#'>BLOG</a></li><li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-694'><a href='#'>SHOP</a></li><li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-413'><a href='#'>PRODUCTS</a></li><li class='menu-item menu-item-type-post_type menu-item-object-page dropdown menu-item-261'><a href='#'>PAGES</a></li><li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-757'><a href='#'>CONTACT US</a></li></ul><div class='clear'/>     </nav>    </div>     <div class='clear'/> </footer> <script type='text/javascript'>window.onload = function() { document.onkeyup = function(event) { if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return; event = event || window.event; switch(event.keyCode) { case 37: var newerLink = document.getElementById('Blog1_blog-pager-newer-link'); if(newerLink !=null) window.location.href = newerLink.href; break; case 39: var olderLink = document.getElementById('Blog1_blog-pager-older-link'); if(olderLink!=null) window.location.href = olderLink.href; } }; }; </script> </body></html>

Demo : Red Hood

AD (728x60)

Sabtu, 26 September 2015

Template Blogger: Montric

Written by eru hs

0 komentar:

Posting Komentar

About Me

Labels

Popular Posts

Follow on Google+

Follow on Facebook

Popular Posts

Popular Content

Recent Posts

About us

Popular Posts

Popular Labels

Demo : Red Hood

AD (728x60)

Sabtu, 26 September 2015

Template Blogger: Montric

Written by eru hs

0 komentar:

Posting Komentar

About Me

Labels

Popular Posts

Follow on Google+

Follow on Facebook

Popular Posts

Popular Content

Recent Posts

Why to Choose RedHood?

About us

Popular Posts

Popular Labels