Helio - Grid Style Blogger Template

DEMO https://helio-templatemark.blogspot.com/

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:version='2' class='v2' 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> <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/> <b:include data='blog' name='all-head-content'/> <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/> <title><data:view.title.escaped/></title> <b:skin><![CDATA[/* ----------------------------------------------- Template Name : helio Premium Version : 1.0 Author : bdfirsttech.xyz Author URL : https://bdfirsttech.blogspot.com ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="keycolor" description="Main Color" type="color" default="#e8503c" value="#e8503c"/> <Group description="links color" selector="body"> <Variable name="main.color" description="Main Theme Color" type="color" default="#e8503c" value="#e8503c"/> </Group> */ @font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94Yt3CwZ-Pw.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94YtwCwZ-Pw.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94Yt9CwZ-Pw.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} body{line-height:1;display:block} *{margin:0;padding:0} html{display:block} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{background:transparent} table{border-collapse:collapse;border-spacing:0} .navbar,.post-feeds,.feed-links{display:none} .section,.widget{margin:0;padding:0} strong,b{font-weight:500} strong,b:hover{left:-.1em;content:'[';-webkit-transform:translateX(-100%);transform:translateX(-100%)} cite,em,i{font-style:italic} a:link{text-decoration:none;outline:none;transition:all .25s;color:$(main.color)} a:visited{color:#666;text-decoration:none} a:link:hover{text-decoration:none;color:$(main.color)} a:visited:hover{color:#2D3E52;text-decoration:none} a img{border:none;border-width:0;outline:none} img{max-width:100%;vertical-align:middle;border:0} abbr,acronym{cursor:help} sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%} sub{top:.4em} small{font-size:86%} mark{background-color:#ffce00;color:#182025} p,blockquote,pre,table,figure,hr,ol,ul,dl{margin:1.5em 0} hr{height:1px;border:none;background-color:#444} #layout ul{display:none} .top-wrapper{overflow:hidden;position:relative} h1, h2, h3, h4, h5, h6 { font-family:Google Sans; font-weight: 500; font-style: normal;line-height: 1.2; color: #242d36; margin: 10px 0;} h1{font-size:200%} h2{font-size:180%} h3{font-size:160%} h4{font-size:140%} h5{font-size:120%} h6{font-size:100%} input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline} textarea{display:block;box-sizing:border-box} pre,code{font-family:'Signika',sans-serif;color:#444} pre{white-space:pre;word-wrap:normal;overflow:auto} pre,code{font-family:'Signika',sans-serif;color:#444} pre{white-space:pre;word-wrap:normal;overflow:auto} :focus{outline:0!important} ul,dl{margin:.5em 0 .5em 3em} ol{list-style:decimal outside} ul{list-style:disc outside} li{margin:.5em 0} div.clear{clear:both} .clear{clear:both} dt{font-weight:bold} dd{margin:0 0 .5em 2em} .post ul li span{position:relative;margin:0;padding:5px 8px;margin-bottom:10px;text-decoration:none;transition:all .3s ease-out} ol{counter-reset:li;list-style:none;font-size:14px;padding:0;} ol ol{margin:0 0 0 2em} .post ol li{position: relative; display: block; margin: .5em 0 .5em 2.5em; text-decoration: none; transition: all .3s ease-out; font-size: 15px;} .post ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;color:#fff;background-color:$(main.color);font-weight: 600;border-radius: 4px;} .post-body ul li {list-style:none;position:relative;display:block;margin:.5em 0 .5em 2.2em;text-decoration:none;transition:all .3s ease-out;padding-bottom: 5px!important; margin-bottom: 5px!important; font-size: 15px;} .post-body ul li:before {content:"\f00c";font-family:FontAwesome;position:absolute;left:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;color:#fff;background-color:$(main.color);font-size:13px;border-radius: 4px;} .sharepost ul li:before {content:initial;font-family:FontAwesome;position:absolute;left:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;color:#fff;background-color:initial;font-size:13px;} .sharepost ul li {list-style:none;position: initial; display: initial; padding: initial; background: initial; color: #666; text-decoration: none; transition: all .3s ease-out; margin: 0; margin-right: 5px;} .widget .post-body ul {padding:0} .post-body table th,.post-body table td,.post-body table caption{border:1px solid #eee;padding:10px;text-align:left;vertical-align:top} .post-body table.tr-caption-container{border:1px solid #eee} .post-body th{font-weight:700} .post-body table caption{border:none;font-style:italic} .post-body td,.post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee} .post-body th{background:#fafafa} .post-body table.tr-caption-container td{border:none;padding:8px} .post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img{max-width:100%;height:auto} .post-body td.tr-caption{color:#666;font-size:80%;padding:0 8px 8px!important} img{max-width:100%;height:auto;border:none} table{max-width:100%;width:100%;margin:1.5em auto} table.section-columns td.first.columns-cell{border-left:none} table.section-columns{border:none;table-layout:fixed;width:100%;position:relative} table.columns-2 td.columns-cell{width:50%} table.columns-3 td.columns-cell{width:33.33%} table.columns-4 td.columns-cell{width:25%} table.section-columns td.columns-cell{vertical-align:top} table.tr-caption-container{padding:4px;margin-bottom:.5em} td.tr-caption{font-size:80%} .widget ul{padding:0} .quickedit{display:none;visibility:hidden} .Header .description {display:none;} .post-info2 a {background:$(main.color); border-radius: 3px; font-weight: 700;color:#fff;padding:5px;} .label-info {margin-bottom: 10px; text-align: center;} .label-info a:hover{text-decoration: none;} .label-info a:nth-child(n+3){display:none;} a.label-info:nth-child(n+4) {display:none;} body{background:#f6f6f6;color:#656e7f;font-family:'Google Sans', sans-serif;font-size:18px;font-weight:300;line-height:27px;margin:0} body#layout #mainbwrap{width:100%;float:left} body#layout #sidebar-wrapper{width:30%;left:0;padding:0;float:right} body#layout .sidebar-area{width:100%;margin:0;padding:0} body#layout #bwrapcontent,body#layout #sidebar-wrapper{padding:0} body#layout #menu-wrapper {height:initial;} body#layout .top-header {padding:0} body#layout .top-navigation-wrapper {display:none;} body#layout #footer-widgetfix .footer-widget {margin-left:0} hr{background-color:#242d36;height:1px;margin-bottom:26px;padding:0} blockquote{color:#444;border-left:5px solid $(main.color);margin-left:0;margin-right:0;padding: 10px; box-shadow: 4px 4px 15px rgba(0,0,0,0.1); border-radius: 5px;} blockquote blockquote{font-size:inherit} img{height:auto;max-width:100%} a{color:#f45145;text-decoration:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out} a:visited{color:#f45145} a:hover,a:focus,a:active{color:$(main.color);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {color:$(main.color);} #recent1 { width: 100%; } #recent1 ul {padding-top:10px;} #recent1 .label_title {margin: 0 auto; font-size: 17px; font-weight: 500; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;padding: 15px 15px 0;max-height: 44px;} #recent1 .recent-box {float: left; display: block; width: 32%; margin-right: 15px; border-bottom: 0; background: #fff; box-shadow: 4px 4px 15px rgba(0,0,0,0.1);border-radius: 4px;border: 1px solid #eee;} #recent1 .recent-box .imageContainer { width:100%; float: none; height: 200px;background:#444} #recent1 .label_thumb:hover {opacity: 0.4;background:rgba(0,0,0,0.8); filter:blur(4px); -o-filter:blur(4px); -ms-filter:blur(4px); -moz-filter:blur(4px); -webkit-filter:blur(4px);transform: scale(1.1);} #recent1 .recent-box .imageContainer { margin-left: 0; } #recent1 li.recent-box:last-child {border-bottom:0!important;} #recent1 li.recent-box:nth-child(3), #recent1 li.recent-box:nth-child(6) {margin-right:0!important;} ul#label_with_thumbs {overflow: hidden; background: #fff; margin-top:10px;margin-bottom:10px;} #recent1 .title {font-weight: 600; transition: all 0.5s ease-out; color: #ffffff; margin: 0 auto; font-size: 12px; background:$(main.color); padding: 15px; text-align: center; position: relative; text-transform: uppercase; letter-spacing: 1px; display: table; border-radius: 5px; box-shadow: 4px 4px 15px rgba(0,0,0,0.1); margin-top: 20px;} #recent1 .title a {color:#fff;} .avatar-image-container img{height: 70px; width: 70px; overflow: hidden; float: left; margin-right: 20px; max-width: 100%!important; border: 2px solid $(main.color); padding: 5px; border-radius: 100px; box-shadow: 4px 4px 15px rgba(0,0,0,0.1);} #magstyle44 .recent-box:first-child {background:$(main.color)} .featured-area {margin: 0 auto; width: 1060px; overflow: hidden;} .mag-wrapper {background: #fff;} #preloader{overflow:hidden;background:#fff;left:0;right:0;top:0;bottom:0;position:fixed;z-index:9999} .ball {margin:0 auto; width: 100px; height: 100px; border-radius: 50%; /* Turns a square into a circle */ background-color:$(main.color); /* Sets color to Orange */ } .ball { animation: bounce 0.5s; animation-direction: alternate; animation-iteration-count: infinite; } @keyframes bounce { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, 200px, 0); } } .imageContainer{width:120px;height:80px;overflow:hidden;float:left;margin-right:8px} .recent .title a{color:#fff;background-color:$(main.color);display:inline-block;padding:3px 15px;} .recent a{color:#111} .recent .title a:hover{text-decoration:underline} .recent ul{padding-top:15px;padding-bottom:15px} #label_with_thumbs li{width:100%;display:inline-block;padding:0;border-bottom:1px solid rgba(192,192,192,0.38);margin-bottom:20px} .label_thumb{position:relative;margin-left:0;transform:scale(1.0);transition:.9s;height: 200px; width: 100%;} .label_title{display:block;font-size: 12px; font-weight: 600; line-height: 1.4;color:#2D2D2D!important} .label_title:hover{color:$(main.color)!important} .post-date{font-size:11px;font-weight:500;color:#555!important;margin-right:8px} .post-date:before{content:"\f017";font-family:FontAwesome;display:inline-block;margin-right:3px} .recent-com{color:#555!important;font-size:11px;font-weight: 500;} .recent-com:before{content:"\f0e6";font-family:FontAwesome;display:inline-block;margin-right:3px} #recent-posts{color:#999;font-size:12px} #recent-posts img{background:#fafafa;float:left;height:80px;margin-right:8px;width:100px;} #recent-posts ul{margin:0;padding:0} #recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #f0f0f0;list-style:none;} #recent-posts ul li:last-child{border-bottom:0;margin: 0; padding: 0;} #recent-posts ul li a{display: block; color: #222; font-weight: 600; text-decoration: none; font-size: 12px; margin: 0 0 10px 0; line-height: 1.5;overflow: hidden;} .toe{overflow: hidden; display: block; margin-bottom: 5px; padding: 15px;} #recent-posts ul li a:hover {color: #32aae1} #recent-posts span {font-size: 11px; font-weight: 400; color: #555!important; margin-right: 8px;} li.recent-box:last-child{border-bottom:0!important;padding-bottom: 0!important; margin-bottom: 0!important;} .post-summary{line-height:18px;padding:0;margin: 0; font-weight: 400;} .ro{margin-bottom:15px;overflow:hidden} .recent{background-color:#FFF;overflow:hidden} .viewall {font-size: 11px; font-weight: 600; transition: all 0.5s ease-out; float: right; margin-top: 3px;} .viewall a {color:#777;} #footer-wrapper{text-align:left;overflow:hidden} .footer{padding-bottom:.2em} .footer-bottom{padding:20px;} #footx1,#footx2,#footx3{margin:0 .2%} #footer-widgetfix .footer-widget{width:30%;float:left;margin-left:30px} #footer-widgetfix{max-width:1100px;overflow:hidden;margin:0 auto} #footer-wrapper .widget-content{text-align:left} #footer-wrapper .widget-content li{margin-left:-14px} #layout #footer-wrapper .add_widget{background-color:#f56954;border:none} #layout #footer-wrapper .add_widget a{color:#fff} #layout #footer-wrapper .footer-column{width:33.33%;float:left} #layout #footer-wrapper #column1,#layout #footer-wrapper #column2{margin:0} /* Plugin Name: WP Subscribe Author: MyThemeShop */ #wp-subscribe { padding:15px; background: #ffffff; } #wp-subscribe h4.title { font-size:18px; color:$(main.color); line-height: 1;text-align: center; margin-bottom: 0; margin: 10px; font-weight: 500} #wp-subscribe h4.title span {display: inline-block; font-size: 35px; margin-top: 10px;font-weight: 700} #wp-subscribe p { color: #000000; margin: 0; text-align: center; } #wp-subscribe p.text { margin: 15px 0;font-size: 15px; } #wp-subscribe input { border: none; width: 100%; text-align: center; box-sizing: border-box; padding: 10px 0; margin: 0; box-shadow: none; border-radius: 0; height:60px; } #wp-subscribe .email-field {} #wp-subscribe input.email-field {color: #000000; background: #ffffff; border: 1px solid #ddd; border-radius: 100px; box-shadow: 4px 4px 15px rgba(0,0,0,0.1); font-size: 15px;} #wp-subscribe input::-webkit-input-placeholder { color: inherit; opacity: 0.8; } #wp-subscribe input:-moz-input-placeholder { color: inherit; opacity: 0.8; } #wp-subscribe input::-moz-input-placeholder { color: inherit; opacity: 0.8; } #wp-subscribe input::-ms-input-placeholder { color: inherit; opacity: 0.8; } #wp-subscribe input:focus::-webkit-input-placeholder { color: transparent !important } #wp-subscribe input:focus::-moz-input-placeholder { color: transparent !important } #wp-subscribe input:focus:-moz-input-placeholder { color: transparent !important } #wp-subscribe input:focus::input-placeholder { color: transparent !important } #wp-subscribe input.submit {background:$(main.color);color: #fff; margin-top:20px; font-size: 20px; font-weight: 700; cursor: pointer; text-transform: uppercase; letter-spacing:1px; border-radius: 100px;font-family: 'Google Sans', sans-serif;} #wp-subscribe p.footer-text { margin-top: 10px; font-size: 12px; } .social-links i:hover {background:$(main.color); color: #fff; transition: all ease .3s; } .site-header{background:#242d36;border-bottom:5px solid #1e252d;margin:0;position:relative;width:100%;z-index:100} .site-header img{display:block;margin:0 auto;max-height:200px} .bwrapsite-content{margin: auto 0;max-width:1060px;overflow:hidden;} .content-area{float:left;margin:0 auto;width:68%;overflow:hidden;} .widget-title{background:none repeat scroll 0 0 #4B3F57;color:#FFF;font-size:16px;font-weight:400;text-transform:uppercase;margin:0 0 5px;position:relative;transition:all .5s ease-out 0} #header-inner img {margin: 15px 0; max-width: 180px;} .copyleft a,#copyright a {color:$(main.color)} .sidebar-area{float:right;overflow:hidden;width:31%} #sidebar .widget h2{transition: all 0.5s ease-out; text-transform: uppercase; color: #333; background: #fafafa; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); font-size: 12px; font-weight: 600; line-height: 28px; padding: 12px; text-align: center; margin: 0;} #sidebar .widget{background: #fff; margin-bottom: 20px; border: 1px solid #eee; box-shadow: 4px 4px 15px rgba(0,0,0,0.1); border-top: 2px solid $(main.color);} #sidebar .widget-content {padding:13px;} .site-footer{background:#242d36;clear:both;color:#f0f1f3;font-size:14px;font-weight:600;line-height:1.8em;padding:10px;text-align:center} .site-footer a{color:#f0f1f3;text-decoration:none} .author_description_container h4 span {color:$(main.color);font-family: 'Google Sans', sans-serif;letter-spacing: 0.5px; text-transform: capitalize;} .avatar-container {border: 2px solid $(main.color);} #comments a {font-family: Google Sans;font-size:13px;font-weight:500;} .comments .avatar-image-container{max-height:100%!important;width:70px!important;margin-right:10px;border-radius:3px;overflow:initial;margin-right:20px;} .comment-block{border-bottom:1px solid #ecedee;margin-bottom:20px;padding-bottom:20px;overflow:hidden;position:relative} .comment-header a{font-size:14px;font-style:normal;display:inline-block;margin-bottom:5px;color:#34495E; font-family: Roboto;} .comments .comments-content .datetime a{font-size:11px;font-weight:600;font-family:open sans;} .comments .comments-content .datetime,.comments .comment .comment-actions a{float:right} .comment-actions a:hover{background:$(main.color);color:#fff;text-decoration:none} .comment-actions a{color:$(main.color);background:#fff;border:1px solid #ddd;float:right;font-size:13px;padding:5px 20px!important;margin-left:10px;font-weight:600;border-radius:3px;font-family:Roboto;} .comments .comments-content .comment-header{background: #f6f6f6; padding: 5px; margin-bottom: 0; border: 1px solid #eee;} .comments .comment .comment-actions a{padding:0;} .comments .comment .comment-actions a:hover{text-decoration:none} .comments .continue{cursor:pointer;margin-top:-30px;margin-bottom:30px} .comments .continue a{display:block;color:#333;font-size:11px;font-weight:normal;padding:0} .comments .comments-content .icon.blog-author{height:initial;width:initial;margin:0 0 -4px 12px;font-weight:700;color:#FFFFFF;font-size:11px;background:$(main.color);padding:3px;border-radius:3px} .comments .comments-content .icon.blog-author:after{content:"Admin"} .comments .comments-content .comment-content{text-align: left; padding: 20px; background: #fff; color: #232323; border: 1px solid #eee; border-top: 0; font-weight: 500; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-radius: 5px;margin-bottom:15px;} .comments .comments-content {padding: 15px; padding-top: 0;} #comments{margin-bottom: 20px; background: #fff; border: 1px solid #e2e2e2; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.08); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.08); box-shadow: 0 1px 2px rgba(0,0,0,0.08); border-bottom: 1px solid #d5d5d5;#E6E6E6;} #comments h4{color: #2D2D2D; font-size: 15px; font-weight: bold; margin-bottom: 10px; text-align: left; text-transform: capitalize; margin: 0; background: #FCFCFC; padding: 18px; border-bottom: 1px solid #E6E6E6;} .deleted-comment{font-style:italic;color:gray} h2.date-header{margin:10px 0;display:none} #outer-wrapper{position: relative; margin: 0 auto; width: 1060px; overflow: hidden;} #banner{background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;text-align:center;padding:10px;margin:15px} .smoothscroll-top {position:fixed; opacity:0; visibility:hidden; overflow:hidden; text-align:center; z-index:99; background-color:$(main.color);border:1px solid $(main.color); color:#fff; width:47px; height:44px; line-height:44px; right:25px; bottom:-25px; padding-top:2px;transition:all 0.5s ease-in-out; transition-delay:0.2s;box-shadow: 4px 4px 15px rgba(0,0,0,0.1);border-radius:5px; } .smoothscroll-top:hover {background-color:#fff; color:$(main.color);border:1px solid $(main.color); transition:all 0.2s ease-in-out; transition-delay:0s; } .smoothscroll-top.show {visibility:visible; cursor:pointer; opacity:1; bottom:25px; } .smoothscroll-top i.fa {line-height:inherit;} .cloud-label-widget-content { display: inline-block; text-align: left; } .cloud-label-widget-content .label-size { display: inline-block; float: left; margin: 5px 5px 0 0; opacity: 1; } .cloud-label-widget-content .label-size a, .cloud-label-widget-content .label-size span {background: #F5F5F5; color: #1E1E1E; display: block; font-size: 12px; padding: 12px 15px; font-weight:500;border-radius:5px;} .cloud-label-widget-content .label-size:hover a, .cloud-label-widget-content .label-size span { background: $(main.color); color: #FFF !important; } .cloud-label-widget-content .label-size .label-count { display: none; } .Label li{position:relative;padding:5px 20px 10px 30px !important;list-style:disc;display:block;font-size:15px} .Label li:before{content:"\f111";font-family:fontAwesome;color:#ccc;font-size:8px;margin-left:15px;position:absolute;top:9px;left:0;padding:0;text-decoration:none;margin-top:1px} .Label li a{color: #2D2D2D; font-weight: 500;} .Label li:hover:before{color:$(main.color);transition:all .6s} .Label li span{padding:0 10px;display:block;line-height:20px;position:absolute;right:15px;top:10px;font-size:11px;background:$(main.color);color:#fff} .Label li:hover span{background:#FC3931;transition:all .6s} .sidebar ul li a{color:rgba(29,28,28,0.8);font-weight:400;font-size:15px;transition:all .3s;font-family:&#39} .post-body a.img, .post-body .separator a { margin-left: 0!important; margin-right: 0!important; } #main-nav .current-menu-item a {color:$(main.color);padding: 0 20px;} #main-nav a:hover {color:$(main.color);} .showpagePoint{background:$(main.color)!important; color: #fff; font-weight:500;} .showpage a,.showpageNum a,.showpagePoint,.showpageOf{position: relative; display: inline-block; font-size: 12px; font-weight: 500; color: #444; background: white; padding: 13px 18px; border: 1px solid rgb(230, 230, 230); transition: all .3s;} .showpageNum a:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;transition:box-shadow 0.5s} .showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:$(main.color);color:#fff!important;position:relative;} .showpagePoint{color:#fff;} .showpage a,.showpageNum a,.showpagePoint,.showpageOf{margin:0 5px 2px 0;} #error404,.followby,.modalDialog{background:$(main.color)} #error-text a{color:$(main.color)} .home-link{background:$(main.color);padding:12px 20px 12px 17px;position:absolute;color:white!important} #blog-pager-newer-link{float:left;} #blog-pager-older-link{float:right;} #blog-pager a{color:#333;background:#fff;font-size:12px;font-weight:500;line-height:1.3} #blog-pager a:hover {color:$(main.color)!important;} #blog-pager{text-align:center;margin-top:10px;float:left;} .search-form-icon {color:$(main.color)} .top-header{background: #fff; position: relative; z-index: 999; border-bottom: 1px solid #d5d5d5; box-shadow: 4px 4px 15px rgba(0,0,0,0.1); margin-bottom: 20px;} .fixed_widget{background:none!important;position:fixed!important;top:25px;z-index:99;-webkit-transform:translateZ(0)} h1.post-title a:hover, h2.post-title a:hover { color:$(main.color); text-decoration:none; } #footer-wrapper .cloud-label-widget-content .label-size a { background: #4e4e4e; color: #fff; display: block; font-size: 11px; padding: 10px 15px; font-weight: 600; border-radius:5px;} .readmore2:hover {background:#fff;color:#333!important;transition: 0.3s;} .readmore2 {font-size: 13px; color: #657293!important; font-weight: 700; float: right; text-transform: uppercase;padding:3px;} #footer-wrapper .widget li:hover {background: $(main.color);} .footer li a:hover {color:#fff;} .top-navigation-wrapper{ background-color: #ffffff; } .top-navigation-wrapper{ color: #545454; } .top-navigation-wrapper a, .top-navigation-wrapper a:hover{ color: #545454; } .top-navigation-wrapper{ border-color: #e4e4e4; border-bottom: 1px solid #e4e4e4; } .container{ max-width: 1060px;margin:auto; } top-navigation-wrapper{ position: relative; z-index: 98; border-bottom-width: 1px; border-bottom-style: solid; } .top-navigation-left{ float: left; margin: 0px 15px; } .top-navigation-left-text{ font-size: 10px; letter-spacing: 1px; font-weight: bold;padding: 12px 0px; line-height: 18px; text-transform: uppercase; } .top-navigation-right{} .top-social-wrapper{} .top-social-wrapper .social-icon{float: left; margin-left: 5px; background: #fff; border-radius: 3px; width: 36px; height: 35px; line-height: 36px; display: block; text-align: center;} .top-social-wrapper .social-icon:first-child{ margin-left: 0px; } .top-social-wrapper .social-icon a{color: #353535;} .top-social-wrapper .social-icon a:hover{ opacity:0.5; filter: alpha(opacity=100); } .social-icon .fa {} .share-item.share{position: absolute; right: 40px;} .share-item.share a.button:hover {color:#555; box-shadow: 4px 4px 15px rgba(0,0,0,0.1);} .share-item.share a {color: $(main.color)} ]]></b:skin> <b:template-skin> body#layout div.section {background-color:transparent;border:0;font-family:sans-serif;margin:0;overflow:visible;padding:0;position:relative} body#layout .top-tab-widget-menu ul,body#layout ul,#layout ul,body#layout div.section h4,#layout div.section h4 {display:none;} body#layout .draggable-widget .widget-wrap2 {background: #27ae60 url(https://www.blogger.com/img/widgets/draggable.png) no-repeat 4px 50%;} body#layout .add_widget {background-color:#27ae60;border: 1px dashed #3a3a3a!important;} body#layout .add_widget a {color: white} body#layout .editlink {color: #fff !important; background-color: #27ae60; padding: 0px 20px; border-radius: 50px;} body#layout #header {width:30%;margin:4px;float:left;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;} body#layout #header:before {content: "Header"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;} body#layout #header-right {width:62%;margin:4px;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;float:right;} body#layout #header-right:before {content: "Header ad slot (728x90 px )";font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10} body#layout #adpost2 {width: 95%;margin:4px;float:left;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;} body#layout #adpost2:before {content: "Responsive Ad Slot"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;} body#layout #sidebar {margin:4px;float:right;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;} body#layout #sidebar:before {content: "Sidebar";font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;} body#layout #Blog1 {margin:4px;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;width:90%;} body#layout #Blog1:before {content: "Main Blog";font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 1} body#layout #footer-wrapper {width:96.2%;margin:4px;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;} body#layout #footer-wrapper:before {content: "Footer Wrapper"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;} </b:template-skin> <style type='text/css'> .PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a, .PopularPosts li a img {margin:0;padding:0;list-style:none;border:none; background:none;outline:none;} .PopularPosts ul {margin:0;list-style:none;color:#333;} .PopularPosts ul li img {display:block;margin-right:10px;width:100px;height:80px;float:left;transition:all 0.3s ease-out;border-radius:4px;} .PopularPosts ul li img:hover {background:#fff;opacity:0.9;} .PopularPosts ul li {background-color:#fff;margin:2px;padding:0;position:relative;transition:all 0.3s ease-out; border-bottom: 1px solid rgb(239, 239, 239);} .PopularPosts ul li:first-child {border-top:none;padding-top:0;} .PopularPosts ul li:last-child {border-bottom:none;padding-bottom:0} .PopularPosts ul li a:hover {color:#f56954!important;} .PopularPosts ul li .item-title a, .PopularPosts ul li a {color: #333; text-decoration: none; font-size: 14px; font-weight: 500; transition: all 0.3s ease-out; font-family: 'Google Sans', 'sans-serif'; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5;} .PopularPosts ul li:before {display:none;list-style:none;} .PopularPosts .item-thumbnail {margin:0 0 0 0;} .PopularPosts .item-snippet {font-size: 13px; color: #555; font-weight: 400;line-height:1.5;display:none;} .profile-img{display:inline;opacity:1;margin:0 6px 3px 0;} .PopularPosts .item-title {margin-bottom: 2px; line-height: 1.2;} .breadcrumbs{font-size: 100%; overflow: hidden; background: #ffffff;border: 1px solid #e2e2e2; padding: 20px;} .breadcrumbs > span {padding:0;} .breadcrumbs > span:last-child {color:#555;border-right:none;font-size:12px;padding:10px;font-weight:500} .breadcrumbs span:nth-child(n+6) {display:none;} .breadcrumbs a {font-size:12px;font-weight:500;} .breadcrumbs span a {color:#444;padding:0 7px;} .breadcrumbs span:first-child a{color:#e8503c;font-style: initial;} .breadcrumbs span a:hover {color:#fc3931;} .breadcrumbs a:hover {color:#fc3931;} .breadcrumbs .fa-angle-right{font-size:12px;} #header-ad {text-align: center;margin-bottom:15px;} #main-nav {float:left;font-family: 'Google Sans', sans-serif;margin:0 10px;} #main-nav li { position: relative; float: left; line-height: 94px; display: block; margin:0; } #main-nav a { position: relative; display: block; padding: 0 13px; color: #444; font-size: 12px; font-weight: 600; transition: all .3s; text-transform: uppercase; letter-spacing: 0.4px;} #main-nav a:hover .menu-arrow, #main-nav .current-menu-item a .menu-arrow {opacity: 1;} #main-nav ul li ul .menu-arrow {display: none;} #main-nav ul li ul { display: none; position: absolute; left: -1px; z-index: 100; background-color: #ffffff; margin: 0; box-shadow: 4px 4px 15px rgba(0,0,0,0.1); border: 1px solid #eee; border-radius: 5px;} #main-nav .sub-menu li {border-left: none;} #main-nav .sub-menu li:last-child {border-right: none;} #main-nav ul li:hover > ul, #main-nav ul li ul:hover {display: block;} #main-nav ul li ul a { min-width: 200px; height: 36px; padding: 0 13px; font-size: 12px; transition: all .3s; } #main-nav ul li ul a:hover {} #main-nav ul li ul a, #main-nav ul ul .current-menu-item a {border: none;color: #444;margin-top: 0;background-color: transparent;} #main-nav ul li ul li { float: none; height: auto; clear: both; margin-left: 0; line-height: 36px;} #main-nav ul li ul li:last-child {border-bottom: none;} #main-nav ul li ul ul {left: 100%;top: -1px;} #menu-main-nav {margin:0} .share-post ul {padding:0;margin:0;font-size: 13px; font-weight: 600;} .share-post li{list-style:none;display:inline-block;padding:0;font-weight:700;text-transform:uppercase} .share-post li a{display:block;text-align:center;} .share-post span{display:none;} .share-post li a i{display: block; color: #A7A7A7; width:20px; height:20px; line-height: 20px; font-size: 14px; font-weight: normal; transition: all .3s;} .share-post{margin-bottom:20px;float:left;} .share-post li a i.fa.fa-facebook:hover{background:#fff;color:#3b5998;} .share-post li a i.fa.fa-twitter:hover{background:#fff;color:#00aced;} .share-post li a i.fa.fa-google-plus:hover{background:#fff;color:#dd4b39;} .share-post li a i.fa.fa-linkedin:hover{background:#fff;color:#007bb5;} .share-post li a i.fa.fa-pinterest:hover{background:#fff;color:#cb2027;} #main-header { height: 94px; margin-bottom:10px; background-color: #fff;width:1060px; margin:0 auto; } #logo {float: left; width: 210px; max-height: 104px; overflow: hidden;} #logo a {color: #555;} #logo span a {color: #D1D1D1;} .Header h1 {margin-top: 25px; font-size: 30px; text-transform: uppercase; display: block; max-height: 49px; overflow: hidden; line-height: 1.5;} #ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited {text-decoration:none;font-size:13px;font-weight:700;} span.post-count {font-size:11px;font-weight:700;} .BlogArchive #ArchiveList ul.posts li {font-size:12px;} #ArchiveList select {width: 100%;padding: 15px;margin-bottom: 5px;margin-top:10px;border: 1px solid rgba(201, 201, 201, 0.52);font-size:13px;font-family: Open Sans;} #search-bar{display:block;position:relative;float:right;margin:19px 0;width: 25%;} input#sq{background: #fff; color: #717171; font-size:14px;; margin: 0; padding: 0 20px; height: 55px; outline: 0; border:1px solid #eee; box-shadow: initial; line-height: normal; transition: all .1s;width: 100%; float: right;font-family: 'Google Sans', sans-serif;border-radius: 100px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);font-weight: 500;} input#sq:focus{color:#333;border-radius:4px;} #search-form{position:relative;margin:auto;text-align:center} #searchsubmit{background-color:#fff;border: 0; color: #fff; display: inline-block; position: absolute; right: 0; top: 0; transition: all .2s;display:none;} #searchsubmit:hover,#searchsubmit:focus,#searchsubmit:active{background-color:#fff;color:#fff;cursor:pointer;outline:0;} .search-form-icon{top:16px;right:30px;position:absolute} input#sq::-webkit-input-placeholder,input#sq:-ms-input-placeholder{color:#777;} input#sq::-moz-placeholder,input#sq:-moz-placeholder{color:#777;opacity:1;} [type="search"] {-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;} .postdata {padding:0 20px;margin-bottom:8px;} .postdata2 {padding:10px;position: absolute; bottom: 0;text-align: center; width: 100%;background: #fff; border-top: 1px solid #eee;} .post-body {line-height: 1.5; color: #666; font-size: 13px; font-weight: 400; text-overflow: ellipsis; width: auto; padding-left: 20px; padding-right: 20px; margin-bottom: 5px; font-family: 'Google Sans', sans-serif;} h2.post-title, h1.post-title {border: 0 none; color: #000; font-size:16px; font-weight:500; letter-spacing: normal; line-height: 1.3em; margin-bottom:5px; padding: 0;} h2.post-title:hover, h1.post-title:hover {color:#f56954;} h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color: #2D2D2D; z-index: 0; line-height: 1.4; margin: 0 0; display: block; max-height: 44px; overflow: hidden; margin-bottom: 4px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .post-info {text-transform: capitalize; line-height: 250%; overflow: hidden; font-size: 12px; font-weight: 500; float: left;} .post-info2 {text-transform: capitalize; line-height: 250%; overflow: hidden; color: #999999; font-size: 12px;font-weight: 600;font-family:'Google Sans', sans-serif;float:left;margin: 10px 0 10px;} .post-info a {display:inline;background:transparent;color:#555;padding:5px;padding-left:0;margin-bottom:10px;transition:all .3s ease-out;} .post-info .fa, .post-info2 .fa {color: #333;} .author-info, .comment-info, .time-info {display:inline;margin-right:10px;} .time-info abbr {text-decoration: none;} .post-image {width:100%;margin:0;z-index:1;padding:0;float:left;overflow:hidden;transition:all 1s ease-out;background: #2f3238;} .post-image img {width:310px;height:210px;transition: 0.9s;} .post-image img:hover {opacity: 0.4;background:rgba(0,0,0,0.8); filter:blur(4px); -o-filter:blur(4px); -ms-filter:blur(4px); -moz-filter:blur(4px); -webkit-filter:blur(4px);transform: scale(1.1);} #HTML3 {width:327px!important;} .share-item.share a.button{padding: 0 15px; margin: 0; display: block; font-size: 22px;} #footer-wrapper {text-align:left;overflow:hidden;padding:15px 0 0 0;background-color:#353535;} #footer-widgetfix {max-width:1100px;overflow:hidden;margin:0 auto;} #footer-wrapper h2 {color: #fff; font-size: 14px; font-weight:500; margin-bottom: 10px; padding: 5px 10px 5px 0; text-align: left; text-transform: capitalize; margin-top: 15px;} #footer-wrapper .widget-content {text-align: center; color: #fff; font-size: 14px;} #footer-wrapper .widget-content li {margin-left:-14px;color:#333} #footer-wrapper .widget li {margin: 0; padding: 10px 20px; display: -webkit-inline-box; background: #eeeeee1f; border-radius: 5px;} .footer li a {padding-top:0;padding-right:0;font-size:13px;font-weight:500;color:#fff;margin:0} #footerfix {overflow:hidden;margin:15px 0 0 0;background-color:#2d2d2d} .copyleft {text-align: center; font-weight: 500; color: #fff; font-size: 12px; padding: 10px;} #copyright {float:right;color:#999;font-size:13px;margin-right:30px} .copyleft a:hover,#copyright a:hover {color:#a94334;text-decoration:none;} @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .fade-in { opacity:0; /* make things invisible upon start */ -webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s; } .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; } .fade-in.two { -webkit-animation-delay: 1.2s; -moz-animation-delay:1.2s; animation-delay: 1.2s; } .fade-in.three { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s; } .search-box2 {display:none;} @media screen and (max-width:1066px) { .wrapper, #main-header, #outer-wrapper, .featured-area {width:100%;} #recent1 .recent-box .imageContainer { width: 100%;} #recent1 .recent-box {width:31.8%} #HTML3 {width: initial!important;} } @media screen and (max-width:960px) { .wrapper, #main-header, #outer-wrapper {width: 90%; padding: 0 15px;} .mag-wrapper {padding: 0 15px;} #HTML3 {width: initial!important; position: initial!important;} input#sq {width:85%;float: initial;} #search-bar { display: block; position: relative; float: right; width: 100%; overflow: hidden; margin:0} #header-inner img { margin: 0; } #main-header {width:95%;height: 60px;} #main-nav .wrapper {position: relative;} #menu-icon {width: 44px; height: 24px; float: right; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2yRGZjLq_JN5VCH5-JSMu5yhUxijFXsdCeZzDwtO1ThFaDDODhv2vsdjoxEyCfDXd2VI3m2h-z_3ji1yRixQmBYC3CSXdEzuvnBRRGfYkMNaXvwLSSXJv0hrmwF-oWqWmZmmDkWezuzGK/s1600/top-menu-icon.png) no-repeat; cursor: pointer; transition: background .3s; margin-top:0;} #menu-icon:hover {background-color: #F8F8F8;} #main-nav { position: absolute; right: 0; top:80px; display: none; height: auto; padding: 10px 0; background-color: #FCFCFC; border: 1px solid #f2f2f2; z-index: 1000; } #main-nav li { float: none; clear: both; line-height: 36px; } #main-nav li a { height: auto; border-right: none; } #main-nav li a:hover, #main-nav .current-menu-item a { background-color: transparent; } .menu-arrow {display: none;} #main-nav .menu li ul { position: static; float: none; display: block !important;border: none; padding-left: 10px; } #main-nav .menu li ul li {border: none;} #main-nav ul li ul a {font-size: 13px;} #main-nav ul li ul a:hover {background-color: transparent;} h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {margin-top:0;line-height:1.5;} .bwrapsite-content{width:100%} .content-area {float:none;width:initial;width:100%!important} .sidebar-area {width:100%!important;} #header-ad {height:auto;} ul#relpost_img_sum li {width:100%!important;} .top-social {display:none;} #logo {margin-left:10px;} #footer-widgetfix {width:100%;overflow:hidden;} #footer-widgetfix .footer-widget {width:46%;float:left;margin-left:20px;} .header-right {margin-top:10px;} .woo{width:100%} <b:if cond='data:blog.pageType == "item"'> .post {width:initial!important;} </b:if> } @media only screen and (max-width:768px){ #search-bar { display: block; position: relative; width: 50%; overflow: hidden; margin-top: 10px;} .Header h1 {margin-top:10px; max-height: initial;} .top-header {height: 80px;} .related-post-style-2 li {width: 47%!important;} .post-body {width:auto!important;} .related-post-item-title {font-size:12px!important;} #footer-col1, #footer-col2, #footer-col3 {width: 100%; float: left; margin-left: 10px;} #recent1 .recent-box {width:31.333%} .post-summary {display:none;} <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> .post-outer {width:48.22%!important;height:auto!important;} .postdata2 {position: initial!important;overflow:hidden;} </b:if></b:if> .readmore2 {display:none;} .post-info {margin:0;font-size: 10px;} .share-item.share {right: 15px;bottom: 7px;} } @media only screen and (max-width:640px){ .search-box1 {display:none;} .search-box2 {display: -webkit-box; padding: 10px; overflow: hidden; width: 90%;} input#sq {width:85%;float: initial;} .Header h1 {margin-top:0; max-height: initial;} #recent1 .recent-box {width:46.5%} .label-info a {bottom:22px;} #footer-wrapper .widget li {margin: 5px 0 0;} #search-bar { display: block; position: relative; float: right; width: 100%; overflow: hidden; margin:0} .post-body {width:auto!important;line-height: 1.4; font-size: 13px;} .related-postbwrap {width:100%;} .home-link {display:none;} .pager-left, .pager-right {width:43%!important;} #footer-widgetfix {width:100%;overflow:hidden;} #footer-widgetfix .footer-widget {width:100%;float:left;margin-left:10px;} .author-info, .comment-info, .time-info {margin-right:10px;float: initial!important;} <b:if cond='data:blog.pageType == "item"'> h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:25px!important;} .sharepost ul li {display:block!important;margin-bottom: 5px} .avatar-container {display:none;} </b:if> #main-header {width:90%;height:50px;} #search-bar {margin:0; } } @media only screen and (max-width:480px){ .post-image {float:none;margin-right:0;margin-bottom:8px} .top-header {height: initial;} .post-image img {width:100%!important;} .pager-left, .pager-right {width:100%!important;} #blog-pager {overflow:hidden!important;} .pager-left {margin-bottom: 10px!important; border-bottom: 1px solid #eee; padding-bottom: 10px;} .related-post-style-2 li {width:100%!important} .related-post-style-2 li:nth-child(n+3) {margin-bottom:20px!important;} .sharepost li {float:none!important;width:initial!important;} .top-navigation-left {display:none;} .top-navigation-right {margin:0;} #header-wrapper {text-align:center;} #header {max-width: initial;} .comments .comments-content .datetime a {display:none;} .post-info2 {margin-top:0;margin-bottom:10px;} #recent1 .recent-box, #recent2 .recent-box {width:100%} #recent1 .recent-box .imageContainer {width:100%} .post-outer {width:initial!important;margin-right:0!important;} .post ul li span {display:none;} .post-summary {display:-webkit-box;} .showpage a, .showpageNum a, .showpagePoint, .showpageOf {padding: 8px 10px;} } @media screen and (max-width:320px){ } </style> <b:if cond='data:blog.pageType == "static_page"'> <style type='text/css'> .readmore2 {display:none;} .post {background: #fff;padding:15px;height:auto;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #E6E6E6;margin-bottom:10px;} .content-area {width:67%} </style> </b:if> <b:if cond='data:blog.pageType == "item"'> <style type='text/css'> .post {background: #fff; height: auto; border: 1px solid #e2e2e2; box-shadow: 4px 4px 15px rgba(0,0,0,0.1); margin-bottom: 20px; overflow: hidden; margin-top: 0; border-top: 0;} .post-body {color: #333; margin-right: 0; font-size: 16px; font-weight: 400; line-height: 1.6; font-family: Google Sans;} .postdata {padding:0;margin:0;} .post img:hover {opacity:0.95;} .post-info {font-size: 13px; font-weight:500;margin-bottom:15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; float: initial; padding: 10px 20px;background: #f6f6f6;} .post-info a {} .author-info, .comment-info, .time-info {float:right;} .time-info {margin-right:0} h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {margin-top: 0; font-size: 30px; margin-bottom: 0; font-weight: 500; max-height: initial; padding: 20px; -webkit-line-clamp: initial;} .sharepost li{width:19%;padding:0;list-style:none;} .sharepost li a{color:#fff;display:block;font-size: 12px;font-family:Google Sans;font-weight:500;height:40px;line-height:40px;text-transform: uppercase; border-radius: 4px;} .sharepost{overflow:hidden;text-align:center;padding: 20px; border-top: 1px solid #eee;margin-top:10px;} .sharepost li a:hover{opacity:0.8;color:#444;} .sharepost li .twitter{background-color:#55acee;} .sharepost li .facebook{background-color:#3b5998;} .sharepost li .gplus{background-color:#dd4b39;} .sharepost li .pinterest{background-color:#cc2127;} .sharepost li .linkedin{background-color:#0976b4;} .sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover, .sharepost li .pinterest:hover,.sharepost li .linkedin:hover{opacity:0.9;color:#fff;} .sharepost li{float:left;margin-right:1.2%} .sharepost li:last-child{margin-right:0} .sharepost li .fa {float: left; padding: 13.4px; overflow: hidden; background: rgba(0, 0, 0, 0.14);} .ad_banner728 img {max-width:100%;} .ad_banner728 {margin-bottom:10px;} .authorboxwrap{background: #fff; border-bottom: 1px solid #eee; padding: 20px;overflow: hidden;} .avatar-container {float: left; margin-right: 20px; padding: 5px; border-radius:100px; box-shadow: 4px 4px 15px rgba(0,0,0,0.1);} .avatar-container img{width:120px;height:auto;max-width:100%!important;border-radius:100px;} .author_description_container h4{font-weight:600;font-size:16px;display:block;margin:0;margin-bottom:2px} .author_description_container h4 a{color:#333} .author_description_container h4 a:hover{color:#404040} .author_description_container p{margin:0;color:#333;font-size:14px;margin-bottom:8px;line-height:25px;font-weight:400;} .old_new {display:none;} .pager{padding:20px;border-top: 1px solid #eee; border-bottom: 1px solid #eee;} .pager-left{width: 45%; float: left; margin: 0;color: #333; transition: all .3s ease-out; height: 64.5px;} .pager-right{width: 45%; float: right; margin: 0;color: #333; transition: all .3s ease-out; height: 64.5px;} .pager-right:hover .pager-title-left,.pager-left:hover .pager-title-left{color:#999!important;} .pager-left a,.pager-right a{color:#999;} .pager-left a,.pager-right a,.current-pageleft,.current-pageright{font-size:13px;color: rgb(81, 81, 81); font-weight:600;background:none;text-decoration:none;} .current-pageleft{padding:0 0 0 15px;} .current-pageright{padding:0 15px 0 0;} .pager-title-left{font-size: 15px; font-weight: 600; transition: all .3s ease-out; color: #555; display: block; font-family: Google Sans;} .ispager-left{margin:0} .ispager-right{margin:0} #blog-pager {overflow: initial;margin:0;float:initial;} #blog-pager a {font-size:14px;} #blog-pager-newer-link, #blog-pager-older-link {line-height:1.3;} .related-postbwrap{width: 100%; float: left; background: #fff;} .related-postbwrap h4{color: #444; font-size: 16px; font-weight: 700; margin-bottom: 10px; text-transform: capitalize; margin: 0; padding: 15px 0; text-align: center; border-bottom: 1px solid #eee;background: #f6f6f6;} .related-post-style-2,.related-post-style-2 li{list-style:none;margin:0} .related-post-style-2 li{width:48.222%; overflow: hidden; float: left; padding: 0;margin-right: 20px;margin-bottom:20px;box-shadow: 4px 4px 15px rgba(0,0,0,0.1); border-radius: 4px; border: 1px solid #eee; } .related-post-style-2 li:nth-child(n+2) {margin-right:0;} .related-post-style-2 li:nth-child(n+3) {margin-bottom:0;} .related-post-style-2 li:nth-child(n+3) {margin-right:20px;} .related-post-style-2 li:nth-child(n+4) {margin-right:0;margin-bottom:0} .related-post-style-2 .related-post-item-thumbnail{width: 100%; height: 200px;} .related-post-style-2 .related-post-item-title{font-weight: 500; font-size: 17px; color: #2D2D2D; z-index: 0; line-height: 1.4; margin: 0 0; max-height: 44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;padding: 15px 15px 0;} .related-post-style-2 .related-post-item-summary{padding:10px 15px 15px;font-size: 14px; font-weight: 400; line-height: 1.5; color: #666; margin-bottom: 0; font-family: Google Sans;overflow: hidden; display: block;} .related-post-item-more{font-size: 12px; font-family: 'Google Sans', sans-serif; color: #555!important; font-weight: 600;display:none;} .related-postbwrap ul {padding:20px;overflow: hidden;} .post ul li span { position: relative; margin: 0; padding: 0; margin-bottom: 0; text-decoration: none; transition: all .3s ease-out; } .social-links li { list-style:none !important; float: left;} .social-links a {border-bottom: none;} .social-links a:after, .social-links a:before{ content: none!important; } .social-links i {background: #f6f6f6; color: #555; font-size: 17px; text-align: center; display: inline-block; padding: 7px 15px; margin: 0px 3px; border-radius: 5px;} .author-box .avatar{margin-left: 2.4rem; float: right !important; border: 2px solid #F0F0F0; padding: 2px;} </style> </b:if> <b:if cond='data:blog.pageType == "error_page"'> <style type='text/css'> #outer-wrapper {display:none;} #error404 {text-align:center;margin-bottom:50px;font-weight:400;font-size:20px;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;} #error-text {top:30%;position:relative;font-size:20px;color:#eee;} #error-text a{background:#fff; padding: 10px; border-radius: 5px;} #error-text a:hover{color:#eee;} #error-text p {color:#eee;margin:50px 0 0 0;} #error-text span {position:relative;color:#fff;font-size:450%;padding:0 20px;border-radius:5px;font-weight:700;letter-spacing:3px;transition:all .5s} #error-text span:hover {color:#fff;-webkit-animation:jelly .5s;-moz-animation:jelly .5s;-ms-animation:jelly .5s;-o-animation:jelly .5s;animation:jelly .5s;} @-webkit-keyframes jelly{ from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}} @keyframes jelly{ from,to{-webkit-transform:scale(1, 1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95, 1.05);transform:scale(.95, 1.05)}} @media only screen and (max-width:640px){ #error-text span {font-size:200%;} #error-text a:hover {color:#fff;}} </style> </b:if> <script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/> <b:include data='blog' name='google-analytics'/> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <style type='text/css'> .post-outer{background: #fff; margin-bottom: 20px; display: inline-block; width: 48%; height: 420px; float: left; margin-right:20px; overflow: hidden; box-shadow: 4px 4px 15px rgba(0,0,0,0.1);} .post {height: inherit;} .breadcrumbs {margin-bottom:10px;} .label-info a {padding: 10px 15px; transition: all .3s ease-out; border-radius: 100px; position: relative; bottom: 15px; overflow: hidden; background: #fff; box-shadow: 4px 4px 15px rgba(0,0,0,0.1); font-size: 12px; margin: 0 auto; color: #444; font-weight: 600;} .odd {margin-right:0;} </style> <script type='text/javascript'> snippet_count = 120; //<![CDATA[ eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('A f=["\\K","\\q\\u\\w\\i\\p\\1O\\H","\\o\\C\\n\\q\\j","\\n\\i\\u\\E\\j\\D","\\L","\\o\\I\\x\\o\\j\\t\\q\\u\\E","","\\1j\\y\\q\\u","\\B","\\r\\D\\l\\t\\V\\j","\\1f\\1f\\1f","\\E\\i\\j\\1w\\n\\i\\v\\i\\u\\j\\1A\\Z\\1B\\w","\\K\\w\\q\\X\\B\\r\\n\\l\\o\\o\\F\\k\\o\\u\\q\\C\\C\\i\\j\\o\\k\\L","\\q\\u\\u\\i\\t\\2b\\2n\\1Q\\1U","\\K\\J\\w\\q\\X\\L","\\K\\I\\n\\B\\q\\w\\F\\k\\n\\l\\x\\i\\n\\1m\\1k\\q\\j\\D\\1m\\j\\D\\I\\v\\x\\o\\k\\L","\\1k\\t\\q\\j\\i","\\i\\u\\j\\t\\Z","\\H\\i\\i\\w","\\1G\\j","\\j\\q\\j\\n\\i","\\n\\q\\u\\1l","\\t\\i\\n","\\t\\i\\C\\n\\q\\i\\o","\\j\\Z\\C\\i","\\j\\i\\p\\j\\J\\D\\j\\v\\n","\\D\\t\\i\\H","\\l\\n\\j\\i\\t\\u\\l\\j\\i","\\I\\t\\n","\\v\\i\\w\\q\\l\\1G\\j\\D\\I\\v\\x\\u\\l\\q\\n","\\r\\y\\u\\j\\i\\u\\j","\\K\\q\\v\\E","\\o\\t\\r\\F\\k","\\k","\\o\\I\\x\\o\\j\\t","\\D\\j\\j\\C\\3e\\J\\J\\W\\1f\\x\\C\\1f\\x\\n\\y\\E\\o\\C\\y\\j\\1f\\r\\y\\v\\J\\1p\\1E\\2d\\1L\\1e\\1d\\1b\\1u\\1I\\Z\\y\\E\\J\\2i\\2j\\y\\C\\y\\2b\\3m\\W\\Y\\2f\\1B\\J\\V\\V\\V\\V\\V\\V\\V\\V\\1w\\1H\\1l\\J\\V\\1B\\Z\\2d\\X\\t\\C\\2o\\1U\\u\\1L\\J\\o\\1s\\O\\Y\\Y\\J\\C\\q\\r\\j\\I\\t\\i\\1m\\u\\y\\j\\1m\\l\\X\\l\\q\\n\\l\\x\\n\\i\\1f\\C\\u\\E","\\C\\I\\x\\n\\q\\o\\D\\i\\w","\\1T\\l\\u","\\1R\\i\\x","\\1Q\\l\\t","\\V\\C\\t","\\1Q\\l\\Z","\\1T\\I\\u\\i","\\1T\\I\\n\\Z","\\V\\I\\E","\\2f\\i\\C\\j","\\1O\\r\\j","\\1W\\y\\X","\\1y\\i\\r","\\K\\n\\q\\B\\r\\n\\l\\o\\o\\F\\k\\t\\i\\r\\i\\u\\j\\1p\\x\\y\\p\\k\\L","\\K\\w\\q\\X\\B\\r\\n\\l\\o\\o\\F\\k\\q\\v\\l\\E\\i\\1d\\y\\u\\j\\l\\q\\u\\i\\t\\k\\L\\K\\l\\B\\D\\t\\i\\H\\F\\k","\\k\\B\\j\\l\\t\\E\\i\\j\\B\\F\\k\\1m\\j\\y\\C\\k\\L\\K\\q\\v\\E\\B\\r\\n\\l\\o\\o\\F\\k\\n\\l\\x\\i\\n\\1m\\j\\D\\I\\v\\x\\k\\B\\o\\t\\r\\F\\k","\\k\\B\\l\\n\\j\\F\\k","\\k\\J\\L\\K\\J\\l\\L\\K\\J\\w\\q\\X\\L","\\K\\l\\B\\r\\n\\l\\o\\o\\F\\k\\n\\l\\x\\i\\n\\1m\\j\\q\\j\\n\\i\\k\\B\\D\\t\\i\\H\\F\\k","\\k\\B\\j\\l\\t\\E\\i\\j\\B\\F\\k\\1m\\j\\y\\C\\k\\L","\\K\\J\\l\\L","\\1p","\\K\\w\\q\\X\\B\\r\\n\\l\\o\\o\\F\\k\\j\\y\\i\\k\\L\\K\\l\\B\\D\\t\\i\\H\\F\\k","\\k\\B\\r\\n\\l\\o\\o\\F\\k\\C\\y\\o\\j\\1p\\w\\l\\j\\i\\k\\L","\\B\\m\\B","\\1s\\B\\1d\\y\\v\\v\\i\\u\\j\\o","\\1s\\B\\1d\\y\\v\\v\\i\\u\\j","\\Y\\B\\1d\\y\\v\\v\\i\\u\\j\\o","\\1W\\y\\B\\1d\\y\\v\\v\\i\\u\\j\\o","\\K\\l\\B\\r\\n\\l\\o\\o\\F\\k\\t\\i\\r\\i\\u\\j\\1p\\r\\y\\v\\k\\B\\D\\t\\i\\H\\F\\k","\\K\\J\\l\\L\\K\\J\\w\\q\\X\\L","\\o\\I\\v\\v\\l\\t\\Z","\\t\\i\\C\\n\\l\\r\\i","\\n\\l\\o\\j\\1B\\u\\w\\i\\p\\1O\\H","\\K\\C\\B\\r\\n\\l\\o\\o\\F\\k\\C\\y\\o\\j\\1p\\o\\I\\v\\v\\l\\t\\Z\\k\\L","\\1f\\1f\\1f\\K\\J\\C\\L","\\K\\J\\n\\q\\L","\\K\\J\\I\\n\\L","\\o\\t\\r","\\o\\1e\\1b\\1p\\r","\\o\\1s\\O\\Y\\Y","\\l\\j\\j\\t","\\1f\\n\\l\\x\\i\\n\\1m\\j\\D\\I\\v\\x","\\t\\i\\l\\w\\Z","\\w\\i\\H\\l\\I\\n\\j\\1f\\1j\\C\\E","\\v\\1u\\w\\i\\H\\l\\I\\n\\j\\1f\\1j\\C\\E","\\1U\\B\\w\\F\\Q\\k\\e\\1Q\\e\\q\\e\\x\\e\\r\\e\\l\\e\\x\\e\\Z\\e\\1l\\e\\y\\e\\1j\\e\\l\\e\\v\\e\\1l\\e\\I\\e\\1j\\e\\1l\\e\\H\\e\\l\\e\\1E\\e\\i\\e\\x\\e\\1A\\e\\C\\e\\n\\e\\D\\e\\i\\e\\D\\e\\q\\e\\j\\e\\V\\e\\1u\\e\\1u\\e\\1W\\e\\1O\\e\\2d\\e\\Z\\e\\3R\\e\\C\\e\\1l\\e\\n\\e\\i\\e\\r\\e\\H\\e\\H\\e\\1A\\e\\C\\e\\1u\\e\\r\\e\\1l\\e\\1u\\e\\r\\e\\1w\\e\\v\\e\\x\\e\\r\\e\\q\\e\\l\\e\\C\\e\\X\\e\\I\\e\\t\\e\\1j\\e\\X\\e\\1l\\e\\1d\\e\\1E\\e\\1l\\e\\I\\e\\r\\e\\1l\\e\\v\\e\\q\\e\\x\\e\\1u\\e\\1A\\e\\C\\e\\v\\e\\l\\e\\l\\e\\o\\e\\H\\e\\j\\e\\t\\e\\t\\e\\y\\e\\y\\e\\y\\e\\1k\\e\\l\\e\\x\\e\\E\\e\\o\\e\\i\\e\\r\\e\\l\\e\\x\\e\\E\\e\\r\\e\\q\\e\\p\\e\\1k\\e\\n\\e\\D\\e\\E\\e\\C\\e\\X\\e\\2b\\e\\x\\e\\E\\e\\o\\e\\i\\e\\r\\e\\l\\e\\x\\e\\1l\\e\\1T\\e\\r\\e\\q\\e\\p\\e\\I\\e\\t\\e\\r\\e\\X\\k\\1g\\k\\e\\v\\e\\l\\e\\E\\e\\i\\k\\1g\\k\\e\\Z\\e\\1j\\e\\H\\e\\o\\e\\i\\e\\r\\e\\1E\\k\\1g\\k\\e\\1j\\e\\u\\e\\i\\e\\1j\\e\\u\\e\\x\\e\\1w\\e\\1d\\e\\i\\e\\D\\e\\n\\e\\p\\k\\1g\\k\\e\\n\\e\\H\\e\\H\\k\\1g\\k\\e\\V\\e\\E\\e\\H\\e\\n\\e\\D\\e\\u\\e\\l\\e\\x\\e\\u\\e\\l\\k\\1g\\k\\e\\i\\e\\x\\e\\u\\e\\3Y\\e\\l\\e\\v\\k\\1g\\k\\e\\V\\e\\E\\e\\H\\e\\n\\e\\D\\e\\u\\e\\l\\e\\x\\e\\u\\e\\l\\e\\j\\e\\2i\\e\\1j\\e\\H\\e\\1j\\e\\1d\\e\\i\\e\\x\\k\\1g\\k\\e\\v\\e\\q\\e\\x\\e\\1u\\k\\1g\\k\\e\\i\\e\\D\\e\\n\\e\\r\\e\\l\\e\\1j\\e\\D\\e\\u\\k\\1g\\k\\e\\v\\e\\l\\e\\l\\e\\o\\e\\H\\e\\j\\e\\t\\e\\t\\e\\y\\e\\y\\e\\y\\e\\1k\\e\\l\\e\\x\\e\\E\\e\\o\\e\\i\\e\\r\\e\\l\\e\\x\\e\\E\\e\\r\\e\\q\\e\\p\\e\\1k\\e\\n\\e\\D\\e\\E\\k\\1g\\k\\e\\q\\e\\x\\e\\r\\e\\Z\\e\\1E\\k\\P\\2m\\1G\\1o\\2o\\1n\\Q\\w\\Q\\2j\\P\\P\\1o\\1y\\1o\\1n\\2e\\1G\\1o\\w\\Q\\1H\\P\\1n\\Q\\w\\Q\\1C\\P\\P\\1o\\w\\Q\\1b\\P\\1g\\w\\Q\\W\\P\\1n\\Q\\w\\Q\\1s\\P\\P\\1o\\w\\Q\\Y\\P\\1n\\2m\\3F\\1o\\1y\\1o\\1n\\2e\\2f\\1o\\3G\\1G\\1o\\w\\Q\\1e\\P\\1n\\Q\\w\\Q\\O\\P\\P\\1n\\2e\\1B\\Q\\w\\Q\\1I\\P\\P\\Q\\w\\Q\\1L\\P\\P\\F\\w\\Q\\1R\\P\\2c\\2c\\1g\\2n\\1n\\2c\\1n","\\m","\\m\\m\\m\\m\\m\\m\\m\\m\\m\\m\\p\\1e\\1C\\m\\p\\O\\1H\\m\\p\\O\\1s\\m\\1m\\Y\\p\\1L\\w\\i\\l\\m\\p\\O\\1d\\m\\p\\1e\\W\\m\\p\\O\\1y\\m\\p\\O\\1R\\m\\p\\1e\\1b\\m\\p\\O\\1I\\m\\p\\1b\\Y\\m\\p\\O\\W\\m\\p\\O\\1L\\m\\p\\O\\1w\\m\\p\\1e\\1e\\m\\p\\1b\\1b\\m\\p\\O\\O\\m\\p\\1b\\1R\\m\\p\\1e\\Y\\m\\p\\W\\V\\m\\p\\W\\1d\\m\\p\\W\\1w\\m\\p\\1b\\1w\\m\\p\\O\\1A\\m\\p\\O\\1C\\m\\p\\1e\\1I\\m\\p\\1b\\W\\m\\p\\W\\1y\\m\\p\\O\\1b\\m\\H\\I\\u\\r\\j\\q\\y\\u\\m\\p\\1b\\1y\\m\\1s\\Y\\m\\w\\y\\r\\I\\v\\i\\u\\j\\m\\p\\1H\\1C\\m\\1k\\q\\u\\w\\y\\1k\\m\\p\\1C\\1y\\m\\p\\W\\1A\\m\\X\\l\\t\\m\\p\\1C\\W\\m\\p\\W\\O\\m\\p\\W\\1I\\m\\p\\W\\1H\\m\\p\\O\\1e\\m\\o\\i\\j\\1B\\u\\j\\i\\t\\X\\l\\n\\m\\q\\H\\m\\W\\Y\\Y\\Y\\m\\p\\1e\\O\\m\\1s\\1s","\\H\\t\\y\\v\\1d\\D\\l\\t\\1d\\y\\w\\i","\\e\\1k\\3c","\\e\\x","\\E","\\K\\q\\v\\E\\B\\1k\\q\\w\\j\\D\\F\\k","\\k\\B\\D\\i\\q\\E\\D\\j\\F\\k","\\k\\B\\o\\t\\r\\F\\k","\\J\\o\\1e\\1b\\1p\\r\\J","\\J\\1k","\\1p\\D","\\1p\\r\\J","\\k\\B\\j\\q\\j\\n\\i\\F\\k","\\k\\J\\L"];1h 2l(z,G){N(-1!=z[f[1]](f[0])){1D(A M=z[f[2]](f[0]),T=0;T<M[f[3]];T++){-1!=M[T][f[1]](f[4])&&(M[T]=M[T][f[5]](M[T][f[1]](f[4])+1,M[T][f[3]]))};z=M[f[7]](f[6])};1D(G=G<z[f[3]]-1?G:z[f[3]]-2;f[8]!=z[f[9]](G-1)&&-1!=z[f[1]](f[8],G);){G++};1r z=z[f[5]](0,G-1),z+f[10]}1h 2S(z){A G=R[f[11]](z),M=2P,T=f[12]+2l(G[f[13]],M)+f[14];G[f[13]]=T}1h 3j(G){R[f[16]](f[15]);1D(A M=0;M<2s;M++){A z=G[f[18]][f[17]][M];A 1z=z[f[20]][f[19]];A T;N(M==G[f[18]][f[17]][f[3]]){2g};1D(A 1t=0;1t<z[f[21]][f[3]];1t++){N(z[f[21]][1t][f[22]]==f[23]&&z[f[21]][1t][f[24]]==f[25]){A 1x=z[f[21]][1t][f[20]];A 2y=z[f[21]][1t][f[26]]};N(z[f[21]][1t][f[22]]==f[27]){T=z[f[21]][1t][f[26]];2g}};A 1K;3L{1K=z[f[29]][f[28]]}3M(h){s=z[f[30]][f[19]];a=s[f[1]](f[31]);b=s[f[1]](f[32],a);c=s[f[1]](f[33],b+5);d=s[f[34]](b+5,c-b-5);N(a!=-1&&b!=-1&&c!=-1&&d!=f[6]){1K=d}1F{1K=f[35]}};A 1i=z[f[36]][f[19]];A 3V=1i[f[5]](0,4);A 3T=1i[f[5]](5,7);A 3U=1i[f[5]](8,10);A 1a=2w 3J;1a[1]=f[37];1a[2]=f[38];1a[3]=f[39];1a[4]=f[40];1a[5]=f[41];1a[6]=f[42];1a[7]=f[43];1a[8]=f[44];1a[9]=f[2h];1a[10]=f[2k];1a[11]=f[2q];1a[12]=f[2H];R[f[16]](f[3I]);N(3x==1S){R[f[16]](f[3y]+T+f[3w]+1K+f[2L]+1z+f[3s])};R[f[16]](f[3t]+T+f[2v]+1z+f[2J]);A 1J=f[6];A 2a=0;R[f[16]](f[6]);1i=z[f[36]][f[19]];A 1V=[1,2,3,4,5,6,7,8,9,10,11,12];A 2G=[f[37],f[38],f[39],f[40],f[41],f[42],f[43],f[44],f[2h],f[2k],f[2q],f[2H]];A 2F=1i[f[2]](f[1Z])[2][f[5]](0,2);A 1M=1i[f[2]](f[1Z])[1];A 2D=1i[f[2]](f[1Z])[0];1D(A 1q=0;1q<1V[f[3]];1q++){N(2u(1M)==1V[1q]){1M=2G[1q];2g}};A 2p=2F+f[8]+1M+f[8]+2D;N(3D==1S){R[f[16]](f[1X]+T+f[3C]+2p+f[2J])};N(3B==1S){N(2a==1){1J=1J+f[3E]};N(1x==f[3H]){1x=f[3A]};N(1x==f[3z]){1x=f[3u]};1J=1J+1x;2a=1;R[f[16]](f[3v]+2y+f[2v]+1x+f[3W])};N(f[30]2I z){A 1c=z[f[30]][f[19]]}1F{N(f[2t]2I z){A 1c=z[f[2t]][f[19]]}1F{A 1c=f[6]}};A 2B=/<\\S[^>]*>/g;1c=1c[f[1v]](2B,f[6]);N(3X==1S){N(1c[f[3]]<2x){R[f[16]](f[6]);R[f[16]](1c);R[f[16]](f[6])}1F{R[f[16]](f[6]);1c=1c[f[5]](0,2x);A 2A=1c[f[3S]](f[8]);1c=1c[f[5]](0,2A);R[f[16]](f[3K]+1c+f[3N])}};R[f[16]](f[3r]);N(M!=2s-1){R[f[16]](f[6])}};R[f[16]](f[3O])}$(R)[f[2C]](1h(){$(f[2K])[f[2M]](f[2N],1h(T,1N){1r 1N[f[1v]](f[3Q],f[3P])})});$(R)[f[2C]](1h(){$(f[2K])[f[2M]](f[2N],1h(T,1N){1r 1N[f[1v]](f[3Z],f[2R])})});2Q(1h(1i,1P,U,1q,G,1Y){G=1h(U){1r(U<1P?f[6]:G(2u(U/1P)))+((U=U%1P)>35?2z[f[2T]](U+29):U.2U(36))};N(!f[6][f[1v]](/^/,2z)){2O(U--){1Y[G(U)]=1q[U]||G(U)};1q=[1h(G){1r 1Y[G]}];G=1h(){1r f[2V]};U=1};2O(U--){N(1q[U]){1i=1i[f[1v]](2w 3q(f[2r]+G(U)+f[2r],f[3k]),1q[U])}};1r 1i}(f[2W],1X,1X,f[3i][f[2]](f[3l]),0,{}));1h 3p(G,M){A z=3o;A 1z=3n;2E=f[3h]+z+f[3g]+1z+f[3a]+G[f[1v]](f[2Z],f[2Y]+z+f[2X]+1z+f[3b])+f[2L]+M[f[1v]](/"/g,f[6])+f[3f]+M[f[1v]](/"/g,f[6])+f[3d];N(M!=f[6]){1r 2E}1F{1r f[6]}}',62,253,'||||||||||||||x5C|_0x60ea|||x65|x74|x22|x61|x7C|x6C|x73|x78|x69|x63||x72|x6E|x6D|x64|x62|x6F|_0x829fx2|var|x20|x70|x68|x67|x3D|_0x829fx3|x66|x75|x2F|x3C|x3E|_0x829fx4|if|x36|x5D|x5B|document||_0x829fx5|_0x829fx20|x41|x33|x76|x30|x79|||||||||||_0x829fx11|x32|_0x829fx1b|x43|x37|x2E|x2C|function|_0x829fxd|x6A|x77|x6B|x5F|x29|x28|x2D|_0x829fx19|return|x31|_0x829fx9|x71|68|x45|_0x829fxa|x44|_0x829fx8|x42|x49|x34|for|x7A|else|x24|x35|x39|_0x829fx12|_0x829fxc|x38|_0x829fx17|_0x829fx1e|x4F|_0x829fx1f|x4D|x46|true|x4A|x4C|_0x829fx14|x4E|58|_0x829fx21|57|||||||||||_0x829fx13|x48|x7D|x50|x7B|x53|break|45|x55|x56|46|removeHtmlTag|x3B|x54|x47|_0x829fx1a|47|87|numposts|67|parseInt|55|new|numchars|_0x829fxb|String|_0x829fx1d|_0x829fx1c|79|_0x829fx18|image_tag|_0x829fx16|_0x829fx15|48|in|56|78|52|77|74|while|snippet_count|eval|81|MS8072889874|85|toString|86|82|94|93|92|||||||||||91|95|x2B|97|x3A|96|90|89|84|labelthumbs|88|83|x59|210|310|bp_thumbnail_resize|RegExp|72|53|54|64|65|51|showpostthumbnails|50|63|62|showcommentnum|59|showpostdate|60|x52|x21|61|49|Array|70|try|catch|71|73|76|75|x4B|69|_0x829fxf|_0x829fx10|_0x829fxe|66|showpostsummary|x51|80|||||'.split('|'),0,{})) $(function(){ $('.post-outer:odd').addClass('odd'); }); //]]> </script> </b:if> </b:if> </head> <body> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <div id='preloader'> <div class='ball'> </div> </div> </b:if> </b:if> <b:if cond='data:blog.pageType == "error_page"'> <div id='error404'> <div id='error-text'> <span>404 Page Not Found</span> <p><a class='back' href='/'><i class='fa fa-home'/> HOME</a></p> </div> </div> </b:if> <div class='top-header'> <header id='main-header' itemscope='itemscope' itemtype='http://schema.org/WPHeader'> <div class='wrapper'> <div id='logo'> <b:section class='header section' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Helio (Header)' type='Header' version='1'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq34JXD1YBpj8AhhX6mNwYu493-09f-cOCEG5oeoy3-lIVH3IQGDsShKSzK9z3uHR4jPc4LbMu3W-03E7tz-IBqyr8CliaW_y-_9BA3as1Umaq1B4oucpSfa8D_CmEUDDTxuM4chFMeYa6/s1600/Untitled-2+copy.png</b:widget-setting> <b:widget-setting name='displayHeight'>90</b:widget-setting> <b:widget-setting name='sectionWidth'>262</b:widget-setting> <b:widget-setting name='useImage'>true</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting> <b:widget-setting name='displayWidth'>250</b:widget-setting> </b:widget-settings> <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'> <h1 class='title'> <b:include name='title'/> </h1> </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 id='main-nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'> <div class='menu-main-nav-container'> <ul class='menu' id='menu-main-nav'> <li class='menu-item current-menu-item'><a href='/'><i class='fa fa-home'/> Home</a></li> <li class='menu-item'><a href='#'>Categories <i aria-hidden='true' class='fa fa-angle-down'/></a> <ul class='sub-menu'> <li><a href='#'>CSS</a></li> <li><a href='#'>Javascript</a></li> <li><a href='#'>HTML</a></li> <li><a href='#'>SEO</a></li> <li><a href='#'>Tips and Tricks</a></li> <li><a href='#'>Widgets</a></li> <li><a href='#'>Apps</a></li> <li><a href='#'>Adsense</a></li> <li><a href='#'>Make Money</a></li> <li><a href='#'>SEO</a></li> <li><a href='#'>Youtube</a></li> </ul> </li> <li class='menu-item'><a href='#'>Services</a> </li> <li class='menu-item'><a href='#'>Templates</a></li> <li class='menu-item'><a href='#'>Contact</a></li> </ul> </div> </nav> <div class='search-box1'> <div id='search-bar'> <form action='/search' id='search-form' method='get'> <input id='sq' name='q' placeholder='Search Here...' type='text' value=''/> <input id='searchsubmit' type='submit' value=''/> </form> <span class='search-form-icon'><span class='fa fa-search'/></span> </div> </div> </div> </header> <div class='search-box2'> <div id='search-bar'> <form action='/search' id='search-form' method='get'> <input id='sq' name='q' placeholder='Search Here...' type='text' value=''/> <input id='searchsubmit' type='submit' value=''/> </form> <span class='search-form-icon'><span class='fa fa-search'/></span> </div> </div> </div> <div id='outer-wrapper'> <div class='bwrapsite-content' id='bwrapcontent'> <b:section class='animated fadeInUp' id='adpost2' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML66' locked='true' title='Put your ad code here' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div id='header-ad'>  <div class='widget-content'> <data:content/> </div> </div> </b:includable> </b:widget> </b:section> <div class='clear'/> <div class='content-area' id='primarybwrap'> <div class='bwrapsite-main' id='mainbwrap' role='main'> <b:section class='mainblogsec' id='mainblogsec' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'> <b:widget-settings> <b:widget-setting name='showDateHeader'>true</b:widget-setting> <b:widget-setting name='style.textcolor'>#e8503c</b:widget-setting> <b:widget-setting name='showShareButtons'>true</b:widget-setting> <b:widget-setting name='authorLabel'>By</b:widget-setting> <b:widget-setting name='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#e8503c</b:widget-setting> <b:widget-setting name='showAuthor'>false</b:widget-setting> <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#e8503c</b:widget-setting> <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showAuthorProfile'>true</b:widget-setting> <b:widget-setting name='style.layout'>1x1</b:widget-setting> <b:widget-setting name='showLabels'>true</b:widget-setting> <b:widget-setting name='showLocation'>true</b:widget-setting> <b:widget-setting name='showTimestamp'>true</b:widget-setting> <b:widget-setting name='postsPerAd'>1</b:widget-setting> <b:widget-setting name='showBacklinks'>false</b:widget-setting> <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='showReactions'>false</b:widget-setting> </b:widget-settings> <b:includable id='main' var='top'> <b:if cond='data:mobile == "false"'>  <div class='blog-posts hfeed'> <b:include data='posts' name='breadcrumb'/> <data:defaultAdStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart'> <b:if cond='data:post.isFirstPost == "false"'> </div></div> </b:if> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-outer"> </b:if> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-posts"> </b:if> <div class='post-outer'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "static_page"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </div> <b:if cond='data:post.includeAd'> <b:if cond='data:post.isFirstPost'> <data:defaultAdEnd/> <b:else/> <data:adEnd/> </b:if> <div class='inline-ad'> <data:adCode/> </div> <data:adStart/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div></div> </b:if> <data:adEnd/> </div> <div style='clear: both;'/>  <b:if cond='data:blog.pageType == "index"'> <b:include name='nextprev'/> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <b:include name='nextprev'/> <b:else/> <b:if cond='data:blog.homepageUrl != data:blog.url'>  <b:include name='nextprev'/> </b:if> </b:if> </b:if>  <b:if cond='data:top.showStars'> <script src='//www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load("annotations", "1", {"locale": "<data:top.languageCode/>"}); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if> <b:else/> <b:include name='mobile-main'/> </b:if> <b:if cond='data:top.showDummy'> <data:top.dummyBootstrap/> </b:if> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'> </span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable> <b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> <i class='fa fa-angle-right'/><b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?&amp;max-results=6"' itemprop='url'><span itemprop='title'> <data:label.name/></span></a> <i class='fa fa-angle-right'/></span><b:if cond='data:label.isLast != "true"'> </b:if> </b:loop> <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>Uncategories</span> <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span> Archive for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.searchQuery'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span> <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>All post</span> <b:else/> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'> <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <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='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <b:if cond='data:showCmtPopup'> <div class='goog-toggle-button'> <div class='goog-inline-block comment-action-icon'/> </div> <b:else/> <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </b:if> </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.url.canonical.http'> </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> <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </div> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if> <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: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.allowComments'> <script expr:src='data:post.commentSrc' type='text/javascript'/> <div class='cmt_iframe_holder'/> <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'> <div class='mobile-date-outer date-outer'> <b:if cond='data:post.dateHeader'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </b:if> <div class='mobile-post-outer'> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title'> <data:post.title/> </h3> <div class='mobile-index-arrow'>&rsaquo;</div> <div class='mobile-index-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;'/> </a> <div class='mobile-index-comment'> <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> </div> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'>  <div class='blog-posts hfeed'> <b:include data='posts' name='breadcrumb'/> <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'>&lsaquo;</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'>&rsaquo</a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.thumbnailUrl'> <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:elseif cond='data:post.url and data:blog.url != data:post.url'/> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/>  </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <meta expr:content='data:post.url.canonical' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'> <div class='mobile-link-button goog-inline-block' id='mobile-share-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> </b:if> </div> </div> </div> <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/> </div> </div> </div> </b:includable> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> </div> <div class='clear'/> </b:includable> <b:includable id='post' var='post'> <article class='post hentry'> <b:if cond='data:post.firstImageUrl'> <a expr:content='data:post.firstImageUrl'/> </b:if> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.thumbnailUrl'> <div class='format-image hentry post-image post-format-image'> <a expr:href='data:post.url'> <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' itemprop='image' style='width:100%; height:210px'/> </a> </div> <b:else/> <b:if cond='data:post.firstImageUrl'> <a expr:href='data:post.url'><div class='post-image'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/></div> </a> <b:else/> <a expr:href='data:post.url'><div class='post-image'><img expr:alt='data:post.title'/></div> </a> </b:if> </b:if> </b:if> </b:if> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.labels'> <div class='label-info'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url + "?max-results=10"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/> </b:loop> </div> </b:if> </b:if> </b:if> <div style='clear: both;'/> <div class='postdata'> <b:if cond='data:post.title'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <h2 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> </h2> <b:else/> <h1 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> </h1> </b:if> <b:else/> <h1 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> </h1> </b:if> </b:if> <div style='clear: both;'/> <b:if cond='data:blog.pageType == "item"'> <div class='post-info'> <b:if cond='data:post.labels'> <span class='label-info'> in <b:loop values='data:post.labels' var='label'> <a class='label-info' expr:href='data:label.url + "?max-results=6"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/> </b:loop> </span> </b:if> <b:if cond='data:top.showTimestamp'> <b:if cond='data:post.url'> <span class='time-info'> published on <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> </span> </b:if> </b:if> <b:if cond='data:post.allowComments'> <span class='comment-info'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> leave a reply </b:if> <b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments > 1'><data:post.numComments/> comments</b:if> </a> </span> </b:if> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='author-info'> posted by <span class='vcard'> <span class='fn'> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span><data:post.author/></span> </a> </span> </span> </span> <b:else/> <span class='author-info'> <i class='fa fa-user'/> Posted By: <span class='fn'> <span><data:post.author/></span> </span> </span> </b:if> </b:if> </div> </b:if> </div> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType == "static_page"'> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <data:post.body/> <div style='clear:both;'/> </div> <b:else/> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>var _0xb7d1=["\x30","\x7C","\x73\x70\x6C\x69\x74","\x4D\x53\x38\x30\x37\x32\x38\x38\x39\x38\x37\x34","\x72\x65\x70\x6C\x61\x63\x65","","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function(_0x85c5x1,_0x85c5x2,_0x85c5x3,_0x85c5x4,_0x85c5x5,_0x85c5x6){_0x85c5x5= function(_0x85c5x3){return _0x85c5x3};if(!_0xb7d1[5][_0xb7d1[4]](/^/,String)){while(_0x85c5x3--){_0x85c5x6[_0x85c5x3]= _0x85c5x4[_0x85c5x3]|| _0x85c5x3};_0x85c5x4= [function(_0x85c5x5){return _0x85c5x6[_0x85c5x5]}];_0x85c5x5= function(){return _0xb7d1[6]};_0x85c5x3= 1};while(_0x85c5x3--){if(_0x85c5x4[_0x85c5x3]){_0x85c5x1= _0x85c5x1[_0xb7d1[4]]( new RegExp(_0xb7d1[7]+ _0x85c5x5(_0x85c5x3)+ _0xb7d1[7],_0xb7d1[8]),_0x85c5x4[_0x85c5x3])}};return _0x85c5x1}(_0xb7d1[0],1,1,_0xb7d1[3][_0xb7d1[2]](_0xb7d1[1]),0,{}))("summary<data:post.id/>");</script> </div> <div style='clear: both;'/> </b:if> <div class='postdata2'> <div class='share-item share'> <a class='button' expr:href='data:post.url + "#more"' title='Read More'><i class='fa fa-ellipsis-h'/></a> </div> <div style='clear: both;'/> <div class='post-info'> <b:if cond='data:top.showTimestamp'> <b:if cond='data:post.url'> <span class='time-info'> <i class='fa fa-clock-o'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> </span> </b:if> </b:if> <b:if cond='data:post.allowComments'> <span class='comment-info'> <i class='fa fa-comments-o'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> No Comment </b:if> <b:if cond='data:post.numComments == 1'>1 Comment</b:if><b:if cond='data:post.numComments > 1'><data:post.numComments/> Comments</b:if> </a> </span> </b:if> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='author-info'> <i class='fa fa-user'/> <span class='vcard'> <span class='fn'> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span><data:post.author/></span> </a> </span> </span> </span> <b:else/> <span class='author-info'> <i class='fa fa-user'/> Posted By: <span class='fn'> <span><data:post.author/></span> </span> </span> </b:if> </b:if> </div> </div> <b:else/>  <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <data:post.body/> <div style='clear: both;'/> </div> </b:if> <b:if cond='data:blog.pageType == "item"'> <center> <div class='sharepost'> <ul> <li><a class='twitter' expr:href='"http://twitter.com/share?url=" + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>Tweet</a></li> <li><a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>Share</a></li> <li><a class='linkedin' expr:href='"http://www.linkedin.com/shareArticle?mini=true&amp;url=" + data:post.url + "&amp;title=" + data:post.title + "&amp;summary=" + data:post.snippets' target='_blank'><i class='fa fa-linkedin'/>Share</a></li> <li><a class='pinterest' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&amp;media=" + data:post.thumbnailUrl + "&amp;description= + data:post.title"' target='_blank'><i class='fa fa-pinterest'/>Share</a></li> </ul> </div> </center> </b:if> <b:if cond='data:blog.pageType == "item"'> <div class='pager'> <div class='blog-pager' id='blog-pager'> <div class='pager-left'> <div class='ispager-left'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <span class='pager-title-left'>Previous Post</span> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'/> </span> <b:else/> <span class='current-pageleft'><span class='pager-title-left'>Latest</span></span> </b:if> </div> </div> <div class='pager-right'> <div class='ispager-right'> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <span class='pager-title-left'>Next Post</span> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'/> </span> <b:else/> <span class='current-pageright'><span class='pager-title-left'>First</span></span> </b:if> </div> </div> </div> <div style='clear: both;'/> </div> <script type='text/javascript'> //Pager !function(t){var e=t("a.blog-pager-newer-link"),l=t("a.blog-pager-older-link");t.get(e.attr("href"),function(l){e.html(t(l).find(".post h1.post-title").text())},"html"),t.get(l.attr("href"),function(e){l.html(t(e).find(".post h1.post-title").text())},"html")}(jQuery); </script> </b:if> <b:if cond='data:blog.pageType == "item"'> <div class='authorboxwrap'> <div class='authorboxfull'> <div class='avatar-container'> <a href=''> <img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='110' width='110'/> </a> </div> <div class='author_description_container'> <h4><span>post written by: </span><a href='#' rel='author'><data:post.author/></a> <i class='fa fa-check-circle' style='color:rgb(17, 143, 249);font-size:16px;' title='Verified Author'/> </h4> <p> <data:post.authorAboutMe/> </p> </div> </div> <ul class='social-links'> <li class='first'><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a></li> <li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a></li> <li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a></li> <li><a class='email-link' href='mailto:yourmail@domain.com'><i class='fa fa-envelope-o'/></a></li> <li class='last'><a href='/'><i class='fa fa-laptop'/> </a></li> </ul> </div> <div style='clear: both;'/> <div class='related-postbwrap' id='bpostrelated-post'/> <script type='text/javascript'> var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> "<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop></b:if>]; var relatedPostConfig = { homePage: "<data:blog.homepageUrl/>", widgetTitle: "<h4>Related Posts</h4>", numPosts: 4, summaryLength:130, titleLength: "auto", thumbnailSize: 318, noImage: "", containerId: "bpostrelated-post", newTabLink: false, moreText: "Continue Reading", widgetStyle: 2, callBack: function() {} }; </script> <script type='text/javascript'> //<![CDATA[ /*! Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */ var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"More",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:none;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"…":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"…":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]); //]]> </script> </b:if> </article> </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='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='shareButtons' var='post'> <b:if cond='data: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.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></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; } } } comments.push(comment); } } return comments; }; var paginator = function(callback) { if (hasMore()) { var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments'; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } }; var hasMore = function() { return !!cursor; }; var getMeta = function(key, comment) { if ('iswriter' == key) { var matches = !!comment.author && comment.author.name == config.authorName && comment.author.profileUrl == config.authorUrl; return matches ? 'true' : ''; } else if ('deletelink' == key) { return config.baseUri + '/delete-comment.g?blogID=' + config.blogId + '&postID=' + comment.id; } else if ('deleteclass' == key) { return comment.deleteclass; } return ''; }; var replybox = null; var replyUrlParts = null; var replyParent = undefined; var onReply = function(commentId, domId) { if (replybox == null) { // lazily cache replybox, and adjust to suit this style: replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { document.getElementById(domId).insertBefore(replybox, null); replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } }; var hash = (window.location.hash || '#').substring(1); var startThread, targetComment; if (/^comment-form_/.test(hash)) { startThread = hash.substring('comment-form_'.length); } else if (/^c[0-9]+$/.test(hash)) { targetComment = hash.substring(1); } // Configure commenting API: var configJso = { 'maxDepth': config.maxThreadDepth }; var provider = { 'id': config.postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initComment': targetComment, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs }; var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } }; // render now, or queue to render when library loads: if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render); } })(); // ]]> </script> </b:includable> <b:includable id='threaded_comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <h4><i class='fa fa-comments-o'/> <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> <div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'> <div class='sidebar-area' id='sidebar' role='complementary'> <b:section class='sidebarbtop' id='sidebarbtop' preferred='yes'> <b:widget id='Label3' locked='false' title='Tags' type='Label'> <b:widget-settings> <b:widget-setting name='sorting'>ALPHA</b:widget-setting> <b:widget-setting name='display'>CLOUD</b:widget-setting> <b:widget-setting name='selectedLabelsList'/> <b:widget-setting name='showType'>ALL</b:widget-setting> <b:widget-setting name='showFreqNumbers'>false</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'> <h2><data:title/></h2> </b:if> <div expr:class='"widget-content " + data:display + "-label-widget-content"'> <b:if cond='data:display == "list"'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='"label-size label-size-" + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>5</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>true</b:widget-setting> <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting> </b:widget-settings> <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:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' 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> </div> </b:includable> </b:widget> <b:widget id='HTML3' locked='true' title='' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'><div class="wp-subscribe no-name-field" id="wp-subscribe"> <h4 class="title">get more nice stuff <br /> <span>in your inbox</span></h4> <p class="text">instantly by Subscribing to us. So you will get email everytime we post something new here</p> <form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=USER_NAME', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" _lpchecked="1"> <input class="email-field" type="text" value="" placeholder="enter email id here..." name="email" /> <input type="hidden" value="USER_NAME" name="uri" /><input type="hidden" name="loc" value="en_US" /> <input class="submit" name="submit" type="submit" value="Subscribe Now" /></form> <div class="clear"></div> <p class="footer-text">We guarantee you won't get any other SPAM</p> </div></b:widget-setting> </b:widget-settings> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> </b:includable> </b:widget> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'> <b:widget-settings> <b:widget-setting name='showStyle'>FLAT</b:widget-setting> <b:widget-setting name='yearPattern'>yyyy</b:widget-setting> <b:widget-setting name='showWeekEnd'>true</b:widget-setting> <b:widget-setting name='monthPattern'>MMMM yyyy</b:widget-setting> <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting> <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting> <b:widget-setting name='chronological'>false</b:widget-setting> <b:widget-setting name='showPosts'>true</b:widget-setting> <b:widget-setting name='frequency'>MONTHLY</b:widget-setting> </b:widget-settings> <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='Label1' locked='false' title='Categories' type='Label'> <b:widget-settings> <b:widget-setting name='sorting'>ALPHA</b:widget-setting> <b:widget-setting name='display'>LIST</b:widget-setting> <b:widget-setting name='selectedLabelsList'/> <b:widget-setting name='showType'>ALL</b:widget-setting> <b:widget-setting name='showFreqNumbers'>true</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'> <h2><data:title/></h2> </b:if> <div expr:class='"widget-content " + data:display + "-label-widget-content"'> <b:if cond='data:display == "list"'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='"label-size label-size-" + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </div></div> </div> <b:if cond='data:blog.url == data:blog.homepageUrl'> <b:section class='animated fadeInUp' id='adpost' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML67' locked='true' title='Put your ad code here' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div id='header-ad'>  <div class='widget-content'> <data:content/> </div> </div> </b:includable> </b:widget> </b:section> <div class='clear'/> </b:if> </div> <b:if cond='data:blog.url == data:blog.homepageUrl'> <div class='mag-wrapper'> <div class='featured-area'> <b:section class='mag section' id='recent1' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML923' locked='true' title='Featured Posts' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Featured</b:widget-setting> </b:widget-settings> <b:includable id='main'>  <div class='widget-content'> <div class='title'><span/><a expr:href='"/search/label/" + data:content'><i aria-hidden='true' class='fa fa-star'/> <data:title/></a></div> <div class='clear'/> <script type='text/javascript'>var numposts = 6;var showpostthumbnails = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = false;var numchars = 100;</script> <script expr:src='"/feeds/posts/default/-/" + data:content + "?published&alt=json-in-script&callback=labelthumbs"' type='text/javascript'/> </div> </b:includable> </b:widget> </b:section> <div class='clear'/> </div> </div> </b:if> <div class='clear'/> <footer class='animated fadeInUpBig navplace' id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'> <div class='footer-bottom'> <b:section class='footer' id='footer3'> <b:widget id='LinkList2' locked='false' title='Site Links' type='LinkList' version='1'> <b:widget-settings> <b:widget-setting name='link-3'>http://</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='link-4'>https://www.todaybd.tech/2019/11/blog-post_6.html</b:widget-setting> <b:widget-setting name='text-1'>Contact US</b:widget-setting> <b:widget-setting name='link-1'>http://</b:widget-setting> <b:widget-setting name='text-0'>About US</b:widget-setting> <b:widget-setting name='link-2'>http://</b:widget-setting> <b:widget-setting name='text-3'>Privacy Pocily</b:widget-setting> <b:widget-setting name='link-0'>http://</b:widget-setting> <b:widget-setting name='text-2'>DMCA</b:widget-setting> <b:widget-setting name='text-4'>Download This Theme</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <li><a expr:href='data:link.target'><data:link.name/></a></li> </b:loop> </ul> </div> </b:includable> </b:widget> </b:section> </div> <div id='footerfix'> <div class='copyleft'> Copyright © <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a><div id='mscontent' style='visibility: hidden'/> </div> </div> </footer> <div class='clear'/> <div class='smoothscroll-top'> <span class='scroll-top-inner'> <i aria-hidden='true' class='fa fa-chevron-up'/> </span> </div> <script type='text/javascript'> //<![CDATA[ $(function(){ $(document).on( 'scroll', function(){ if ($(window).scrollTop() > 100) { $('.smoothscroll-top').addClass('show'); } else { $('.smoothscroll-top').removeClass('show'); } }); $('.smoothscroll-top').on('click', scrollToTop); }); function scrollToTop() { verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0; element = $('body'); offset = element.offset(); offsetTop = offset.top; $('html, body').animate({scrollTop: offsetTop}, 600, 'linear').animate({scrollTop:25},200).animate({scrollTop:0},150) .animate({scrollTop:0},50); } //]]> </script> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'/> <script type='text/javascript'> // Page Navigations Settings var postperpage=8; var numshowpage=6; var upPageWord ='« Previous'; var downPageWord ='Next »'; var urlactivepage=location.href; var home_page="/"; </script> <script type='text/javascript'> //<![CDATA[ // Popular Post Snippet $(".popular-posts ul li .item-snippet").each(function(){var t=$(this).text().substr(0,40),s=t.lastIndexOf(" ");s>32&&$(this).text(t.substr(0,s).replace(/[?,!\.-:;]*$/,"..."))}); $("img.recent_thumb").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w80-h80-c/"))}); $(".avatar-image-container img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w70-h70-c/"))}); $(".item-thumbnail img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w100-h80-c/"))}); $(window).load(function(){$("#loader").fadeOut(),$("#preloader").delay(350).fadeOut("slow"),$("body").delay(350).css({overflow:"visible"})}); eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('Y 1D;Y 1f;Y 1c;Y 1m;2m();1e 2g(1Z){Y Z=\'\';1C=1A(1Q/2);W(1C==1Q-1C){1Q=1C*2+1}1u=1c-1C;W(1u<1)1u=1;17=1A(1Z/1j)+1;W(17-1==1Z/1j)17=17-1;1w=1u+1Q-1;W(1w>17)1w=17;Z+="<X 12=\'2A\'>2C "+1c+\' 2x \'+17+"</X>";Y 1Y=1A(1c)-1;W(1c>1){W(1c==2){W(1f=="1o"){Z+=\'<X 12="2u"><a 15="\'+1t+\'">\'+1L+\'</a></X>\'}16{Z+=\'<X 12="1b"><a 15="/1p/1n/\'+1m+\'?&13-1h=\'+1j+\'">\'+1L+\'</a></X>\'}}16{W(1f=="1o"){Z+=\'<X 12="1b"><a 15="#" 1r="1E(\'+1Y+\');1d 1q">\'+1L+\'</a></X>\'}16{Z+=\'<X 12="1b"><a 15="#" 1r="1B(\'+1Y+\');1d 1q">\'+1L+\'</a></X>\'}}}W(1u>1){W(1f=="1o"){Z+=\'<X 12="1b"><a 15="\'+1t+\'">1</a></X>\'}16{Z+=\'<X 12="1b"><a 15="/1p/1n/\'+1m+\'?&13-1h=\'+1j+\'">1</a></X>\'}}W(1u>2){Z+=\' \'}2l(Y 1g=1u;1g<=1w;1g++){W(1c==1g){Z+=\'<X 12="2F">\'+1g+\'</X>\'}16 W(1g==1){W(1f=="1o"){Z+=\'<X 12="1b"><a 15="\'+1t+\'">1</a></X>\'}16{Z+=\'<X 12="1b"><a 15="/1p/1n/\'+1m+\'?&13-1h=\'+1j+\'">1</a></X>\'}}16{W(1f=="1o"){Z+=\'<X 12="1b"><a 15="#" 1r="1E(\'+1g+\');1d 1q">\'+1g+\'</a></X>\'}16{Z+=\'<X 12="1b"><a 15="#" 1r="1B(\'+1g+\');1d 1q">\'+1g+\'</a></X>\'}}}W(1w<17-1){Z+=\'\'}W(1w<17){W(1f=="1o"){Z+=\'<X 12="1b"><a 15="#" 1r="1E(\'+17+\');1d 1q">\'+17+\'</a></X>\'}16{Z+=\'<X 12="1b"><a 15="#" 1r="1B(\'+17+\');1d 1q">\'+17+\'</a></X>\'}}Y 22=1A(1c)+1;W(1c<17){W(1f=="1o"){Z+=\'<X 12="1b"><a 15="#" 1r="1E(\'+22+\');1d 1q">\'+2k+\'</a></X>\'}16{Z+=\'<X 12="1b"><a 15="#" 1r="1B(\'+22+\');1d 1q">\'+2k+\'</a></X>\'}}Y 1x=1l.2T("1x");Y 1W=1l.2P("2O-2Q");2l(Y p=0;p<1x.1J;p++){1x[p].2j=Z}W(1x&&1x.1J>0){Z=\'\'}W(1W){1W.2j=Z}}1e 1V(1I){Y 1F=1I.1F;Y 2h=1A(1F.2G$2S.$t,10);2g(2h)}1e 2m(){Y 1a=1k;W(1a.18("/1p/1n/")!=-1){W(1a.18("?1K-13")!=-1){1m=1a.1y(1a.18("/1p/1n/")+14,1a.18("?1K-13"))}16{1m=1a.1y(1a.18("/1p/1n/")+14,1a.18("?&13"))}}W(1a.18("?q=")==-1&&1a.18(".Z")==-1){W(1a.18("/1p/1n/")==-1){1f="1o";W(1k.18("#1v=")!=-1){1c=1k.1y(1k.18("#1v=")+8,1k.1J)}16{1c=1}1l.2s("<1i 1M=\\""+1t+"1N/1O/1S?13-1h=1&1T=1R-1U-1i&1H=1V\\"><\\/1i>")}16{1f="1n";W(1a.18("&13-1h=")==-1){1j=20}W(1k.18("#1v=")!=-1){1c=1k.1y(1k.18("#1v=")+8,1k.1J)}16{1c=1}1l.2s(\'<1i 1M="\'+1t+\'1N/1O/1S/-/\'+1m+\'?1T=1R-1U-1i&1H=1V&13-1h=1" ><\\/1i>\')}}}1e 1E(1z){1P=(1z-1)*1j;1D=1z;Y 1G=1l.2o(\'2t\')[0];Y 1s=1l.2f(\'1i\');1s.2p=\'2q/2r\';1s.2i("1M",1t+"1N/1O/1S?2e-2a="+1P+"&13-1h=1&1T=1R-1U-1i&1H=25");1G.2c(1s)}1e 1B(1z){1P=(1z-1)*1j;1D=1z;Y 1G=1l.2o(\'2t\')[0];Y 1s=1l.2f(\'1i\');1s.2p=\'2q/2r\';1s.2i("1M",1t+"1N/1O/1S/-/"+1m+"?2e-2a="+1P+"&13-1h=1&1T=1R-1U-1i&1H=25");1G.2c(1s)}1e 25(1I){24=1I.1F.2M[0];Y 2b=24.2d.$t.1y(0,19)+24.2d.$t.1y(23,29);Y 21=2N(2b);W(1f=="1o"){Y 1X="/1p?1K-13="+21+"&13-1h="+1j+"#1v="+1D}16{Y 1X="/1p/1n/"+1m+"?1K-13="+21+"&13-1h="+1j+"#1v="+1D}2E.15=1X};2z(1e(p,a,c,k,e,d){e=1e(c){1d(c<a?\'\':e(1A(c/a)))+((c=c%a)>35?27.2L(c+29):c.2U(36))};W(!\'\'.26(/^/,27)){28(c--){d[e(c)]=k[c]||e(c)}k=[1e(e){1d d[e]}];e=1e(){1d\'\\\\w+\'};c=1};28(c--){W(k[c]){p=p.26(3k 3j(\'\\\\b\'+e(c)+\'\\\\b\',\'g\'),k[c])}}1d p}(\'L d=["\\\\M\\\\i\\\\b\\\\c\\\\a\\\\b\\\\y\\\\k\\\\o\\\\j\\\\a\\\\m\\\\k\\\\u\\\\j\\\\k\\\\f\\\\a\\\\z\\\\e\\\\b\\\\B\\\\p\\\\l\\\\h\\\\e\\\\h\\\\i\\\\t\\\\A\\\\q\\\\q\\\\N\\\\O\\\\P\\\\y\\\\K\\\\p\\\\k\\\\l\\\\e\\\\c\\\\f\\\\f\\\\B\\\\p\\\\q\\\\c\\\\k\\\\q\\\\c\\\\E\\\\m\\\\b\\\\c\\\\i\\\\a\\\\p\\\\v\\\\u\\\\r\\\\j\\\\v\\\\k\\\\C\\\\z\\\\k\\\\u\\\\c\\\\k\\\\m\\\\i\\\\b\\\\q\\\\B\\\\p\\\\m\\\\a\\\\a\\\\s\\\\f\\\\t\\\\r\\\\r\\\\o\\\\o\\\\o\\\\w\\\\a\\\\b\\\\g\\\\s\\\\e\\\\c\\\\a\\\\b\\\\g\\\\c\\\\i\\\\x\\\\w\\\\l\\\\h\\\\g\\\\p\\\\v\\\\H\\\\b\\\\g\\\\s\\\\e\\\\c\\\\a\\\\b\\\\k\\\\J\\\\c\\\\i\\\\x\\\\u\\\\r\\\\c\\\\v","\\\\m\\\\a\\\\g\\\\e","\\\\y\\\\j\\\\f\\\\s\\\\e\\\\c\\\\z","\\\\j\\\\n\\\\e\\\\j\\\\n\\\\b\\\\E\\\\C\\\\e\\\\h\\\\l\\\\x","\\\\l\\\\f\\\\f","\\\\A\\\\g\\\\f\\\\l\\\\h\\\\n\\\\a\\\\b\\\\n\\\\a","\\\\e\\\\b\\\\n\\\\Q\\\\a\\\\m","\\\\A\\\\g\\\\f\\\\l\\\\h\\\\n\\\\a\\\\b\\\\n\\\\a\\\\t\\\\U\\\\j\\\\f\\\\j\\\\C\\\\e\\\\b","\\\\m\\\\i\\\\b\\\\q","\\\\e\\\\h\\\\l\\\\c\\\\a\\\\j\\\\h\\\\n","\\\\m\\\\a\\\\a\\\\s\\\\f\\\\t\\\\r\\\\r\\\\o\\\\o\\\\o\\\\w\\\\a\\\\b\\\\g\\\\s\\\\e\\\\c\\\\a\\\\b\\\\g\\\\c\\\\i\\\\x\\\\w\\\\l\\\\h\\\\g","\\\\i\\\\b\\\\c\\\\y\\\\z"];$(G)[d[V]](D(){$(d[5])[d[4]](d[2],d[3])[d[1]](d[0]);R(D(){S(!$(d[7])[d[6]]){I[d[9]][d[8]]=d[F]}},T)})\',2n,2n,\'||||||||||39|38|37|3a|3b|3d|3c|34|33|2X|2W|2V|3f|2Y|2Z|32|31|30|3e|3u|3v|3q|3p|3s|3t|3r|3n|3i|3h|1e|3g|10|1l|3o|3m|3l|2D|Y|2B|2R|2K|2J|2H|2I|W|2y|2w|11\'.2v(\'|\'),0,{}))',62,218,'||||||||||||||||||||||||||||||||||||||||||||||||||||||||||if|span|var|html|||class|max||href|else|maksimal|indexOf||thisUrl|showpageNum|nomerhal|return|function|jenis|jj|results|script|postperpage|urlactivepage|document|lblname1|label|page|search|false|onclick|newInclude|home_page|mulai|PageNo|akhir|pageArea|substring|numberpage|parseInt|redirectlabel|nomerkiri|nopage|redirectpage|feed|nBody|callback|root|length|updated|upPageWord|src|feeds|posts|jsonstart|numshowpage|json|summary|alt|in|hitungtotaldata|blogPager|alamat|prevnomer|banyakdata||timestamp|nextnomer||post|finddatepost|replace|String|while||index|timestamp1|appendChild|published|start|createElement|loophalaman|totaldata|setAttribute|innerHTML|downPageWord|for|halamanblogger|58|getElementsByTagName|type|text|javascript|write|head|showpage|split|x76|of|3000|eval|showpageOf|x43|Page|x3B|location|showpagePoint|openSearch|x67|setInterval|x35|x39|fromCharCode|entry|encodeURIComponent|blog|getElementById|pager|x36|totalResults|getElementsByName|toString|x63|x20|x69|x6E|x77|x2F|x66|x22|x72|x6F|||x61|x65|x74|_0x8dea|x6C|x6D|x73|x70|x68|x2D|x62|x3D|RegExp|new|x4D|window|x23|x54|x2E|x3E|x79|x6B|x64|x3A|x3C'.split('|'),0,{}));!function(){function e(){var e=!1;e&&c("keydown",r),v.keyboardSupport&&!e&&u("keydown",r)}function t(){if(document.body){var t=document.body,o=document.documentElement,n=window.innerHeight,r=t.scrollHeight;if(S=document.compatMode.indexOf("CSS")>=0?o:t,w=t,e(),x=!0,top!=self)y=!0;else if(r>n&&(t.offsetHeight<=n||o.offsetHeight<=n)){var a=!1,i=function(){a||o.scrollHeight==document.height||(a=!0,setTimeout(function(){o.style.height=document.height+"px",a=!1},500))};if(o.style.height="auto",setTimeout(i,10),S.offsetHeight<=n){var l=document.createElement("div");l.style.clear="both",t.appendChild(l)}}v.fixedBackground||b||(t.style.backgroundAttachment="scroll",o.style.backgroundAttachment="scroll")}}function o(e,t,o,n){if(n||(n=1e3),d(t,o),1!=v.accelerationMax){var r=+new Date,a=r-C;if(a<v.accelerationDelta){var i=(1+30/a)/2;i>1&&(i=Math.min(i,v.accelerationMax),t*=i,o*=i)}C=+new Date}if(M.push({x:t,y:o,lastX:0>t?.99:-.99,lastY:0>o?.99:-.99,start:+new Date}),!T){var l=e===document.body,u=function(){for(var r=+new Date,a=0,i=0,c=0;c<M.length;c++){var s=M[c],d=r-s.start,f=d>=v.animationTime,h=f?1:d/v.animationTime;v.pulseAlgorithm&&(h=p(h));var m=s.x*h-s.lastX>>0,w=s.y*h-s.lastY>>0;a+=m,i+=w,s.lastX+=m,s.lastY+=w,f&&(M.splice(c,1),c--)}l?window.scrollBy(a,i):(a&&(e.scrollLeft+=a),i&&(e.scrollTop+=i)),t||o||(M=[]),M.length?E(u,e,n/v.frameRate+1):T=!1};E(u,e,0),T=!0}}function n(e){x||t();var n=e.target,r=l(n);if(!r||e.defaultPrevented||s(w,"embed")||s(n,"embed")&&/\.pdf/i.test(n.src))return!0;var a=e.wheelDeltaX||0,i=e.wheelDeltaY||0;return a||i||(i=e.wheelDelta||0),!v.touchpadSupport&&f(i)?!0:(Math.abs(a)>1.2&&(a*=v.stepSize/120),Math.abs(i)>1.2&&(i*=v.stepSize/120),o(r,-a,-i),void e.preventDefault())}function r(e){var t=e.target,n=e.ctrlKey||e.altKey||e.metaKey||e.shiftKey&&e.keyCode!==H.spacebar;if(/input|textarea|select|embed/i.test(t.nodeName)||t.isContentEditable||e.defaultPrevented||n)return!0;if(s(t,"button")&&e.keyCode===H.spacebar)return!0;var r,a=0,i=0,u=l(w),c=u.clientHeight;switch(u==document.body&&(c=window.innerHeight),e.keyCode){case H.up:i=-v.arrowScroll;break;case H.down:i=v.arrowScroll;break;case H.spacebar:r=e.shiftKey?1:-1,i=-r*c*.9;break;case H.pageup:i=.9*-c;break;case H.pagedown:i=.9*c;break;case H.home:i=-u.scrollTop;break;case H.end:var d=u.scrollHeight-u.scrollTop-c;i=d>0?d+10:0;break;case H.left:a=-v.arrowScroll;break;case H.right:a=v.arrowScroll;break;default:return!0}o(u,a,i),e.preventDefault()}function a(e){w=e.target}function i(e,t){for(var o=e.length;o--;)z[N(e[o])]=t;return t}function l(e){var t=[],o=S.scrollHeight;do{var n=z[N(e)];if(n)return i(t,n);if(t.push(e),o===e.scrollHeight){if(!y||S.clientHeight+10<o)return i(t,document.body)}else if(e.clientHeight+10<e.scrollHeight&&(overflow=getComputedStyle(e,"").getPropertyValue("overflow-y"),"scroll"===overflow||"auto"===overflow))return i(t,e)}while(e=e.parentNode)}function u(e,t,o){window.addEventListener(e,t,o||!1)}function c(e,t,o){window.removeEventListener(e,t,o||!1)}function s(e,t){return(e.nodeName||"").toLowerCase()===t.toLowerCase()}function d(e,t){e=e>0?1:-1,t=t>0?1:-1,(k.x!==e||k.y!==t)&&(k.x=e,k.y=t,M=[],C=0)}function f(e){if(e){e=Math.abs(e),D.push(e),D.shift(),clearTimeout(A);var t=D[0]==D[1]&&D[1]==D[2],o=h(D[0],120)&&h(D[1],120)&&h(D[2],120);return!(t||o)}}function h(e,t){return Math.floor(e/t)==e/t}function m(e){var t,o,n;return e*=v.pulseScale,1>e?t=e-(1-Math.exp(-e)):(o=Math.exp(-1),e-=1,n=1-Math.exp(-e),t=o+n*(1-o)),t*v.pulseNormalize}function p(e){return e>=1?1:0>=e?0:(1==v.pulseNormalize&&(v.pulseNormalize/=m(1)),m(e))}var w,g={frameRate:150,animationTime:800,stepSize:120,pulseAlgorithm:!0,pulseScale:8,pulseNormalize:1,accelerationDelta:20,accelerationMax:1,keyboardSupport:!0,arrowScroll:50,touchpadSupport:!0,fixedBackground:!0,excluded:""},v=g,b=!1,y=!1,k={x:0,y:0},x=!1,S=document.documentElement,D=[120,120,120],H={left:37,up:38,right:39,down:40,spacebar:32,pageup:33,pagedown:34,end:35,home:36},v=g,M=[],T=!1,C=+new Date,z={};setInterval(function(){z={}},1e4);var A,N=function(){var e=0;return function(t){return t.uniqueID||(t.uniqueID=e++)}}(),E=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||function(e,t,o){window.setTimeout(e,o||1e3/60)}}(),K=/chrome/i.test(window.navigator.userAgent),L="onmousewheel"in document;L&&K&&(u("mousedown",a),u("mousewheel",n),u("load",t))}(); jQuery(document).ready(function($){ "use strict"; // Attach + To Top Menu $('#top-nav .menu-item-has-children > a, #main-nav ul li ul .menu-item-has-children > a').append(' +'); // Attach Arrow To Main Menu $('#main-nav .menu-item-has-children > a').append('<span class="menu-arrow"></span>'); // Prepend Menu Icons $('#logo').after('<div id="menu-icon"></div>'); $('#top-nav .wrapper').append('<div id="top-menu-icon"></div>'); // Toggle Nav $('#menu-icon').on('click', function(){ $('#main-nav').slideToggle(250); $(this).toggleClass('active'); }); $(window).resize(function(){ var w = $(window).width(); var navDisplay = $('#main-nav'); if(w > 1000 && navDisplay.is(':hidden')) { navDisplay.removeAttr('style'); } }); $('#top-menu-icon').on('click', function(){ $('#top-nav ul').slideToggle(250); $(this).toggleClass('active'); }); $(window).resize(function(){ var w = $(window).width(); var navDisplay = $('#top-nav ul'); if(w > 1000 && navDisplay.is(':hidden')) { navDisplay.removeAttr('style'); } }); }); //]]> </script> <b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> //<![CDATA[ $(function() { if ($('#HTML3').length) { var el = $('#HTML3'); var stickyTop = $('#HTML3').offset().top; var stickyHeight = $('#HTML3').height(); $(window).scroll(function() { var limit = $('#footer-wrapper').offset().top - stickyHeight - 20; var windowTop = $(window).scrollTop(); if (stickyTop < windowTop) { el.css({ position: 'fixed', top: 20 }); } else { el.css('position', 'static'); } if (limit < windowTop) { var diff = limit - windowTop; el.css({ top: diff }); } }); } }); //]]> </script> </b:if> </body> </html>