Hot shortcut: Blogger template

In Blogger template page we provides high quality premium blogger templates to download for free and use it in your blog, without any code and you can change footer credit as you wanna.
Master blog Blogger template

Master Blog is a three column Blogger template with lots of ad space and many great features like:
Featured post widget
Recent post widgets
Fully responsive and SEO ready
Fashion photography
Portfolio designs
Demo is: here or Download is: here

Or copy the code below and paste it in your blog
<?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>

    <!-- [ Meta Tag SEO ] -->
    <include expiration='7d' path='*.css' />
    <include expiration='7d' path='*.js' />
    <include expiration='3d' path='*.gif' />
    <include expiration='3d' path='*.jpeg' />
    <include expiration='3d' path='*.jpg' />
    <include expiration='3d' path='*.png' />
    <meta content='sat, 02 jun 2020 00:00:00 GMT' http-equiv='expires' />
    <meta charset='utf-8' />
    <meta content='width=device-width, initial-scale=1' name='viewport' />
    <meta content='blogger' name='generator' />
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
    <link href='http://www.blogger.com/openid-server.g' rel='openid.server' />
    <link expr:href='data:blog.homepageUrl' rel='openid.delegate' />
    <link expr:href='data:blog.url' rel='canonical' />
    <b:if cond='data:blog.pageType == "index"'>
      <title>
        <data:blog.pageTitle />
      </title>
      <b:else />
      <b:if cond='data:blog.pageType != "error_page"'>
        <title>
          <data:blog.pageName /> -
          <data:blog.title />
        </title>
      </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == "error_page"'>
      <title>Page Not Found -
        <data:blog.title />
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == "archive"'>
      <meta content='noindex' name='robots' />
    </b:if>
    <b:if cond='data:blog.searchLabel'>
      <meta content='noindex,nofollow' name='robots' />
    </b:if>
    <b:if cond='data:blog.isMobile'>
      <meta content='noindex,nofollow' name='robots' />
    </b:if>
    <b:if cond='data:blog.pageType != "error_page"'>
      <meta expr:content='data:blog.metaDescription' name='description' />
      <script type='application/ld+json'>
        {
          &
          quot;
          @context & quot;: & quot;
          http: //schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }
      </script>
      <b:if cond='data:blog.homepageUrl != data:blog.url'>
        <meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords' />
      </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == "index"'>
      <meta content='YOUR DESCRIPTION HERE' name='description' />
    </b:if>
    <meta content='YOUR DESCRIPTION HERE' name='description' />
    <meta content='YOUR KEYWORDS HERE' name='keywords' />
    <link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml' />
    <link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml' />
    <link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml' />
    <b:if cond='data:blog.pageType == "item"'>
      <b:if cond='data:blog.postImageThumbnailUrl'>
        <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src' />
      </b:if>
    </b:if>
    <link expr:href='data:blog.url' hreflang='x-default' rel='alternate' />
    <link href='/favicon.ico' rel='icon' type='image/x-icon' />
    <link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher' />
    <link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author' />
    <link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me' />
    <meta content='CODE-VALIDATION-GOOGLE-WEBMASTER' name='google-site-verification' />
    <meta content='CODE-VALIDATION-BING-WEBMASTER' name='msvalidate.01' />
    <meta content='YOUR-COUNTRY' name='geo.placename' />
    <meta content='YOUR-NAME' name='Author' />
    <meta content='general' name='rating' />
    <meta content='YOUR-COUNTRY-CODE' name='geo.country' />

    <!-- [ Social Media Meta Tag ] -->
    <b:if cond='data:blog.pageType == "item"'>
      <meta expr:content='data:blog.pageName' property='og:title' />
      <meta expr:content='data:blog.canonicalUrl' property='og:url' />
      <meta content='article' property='og:type' />
    </b:if>
    <meta expr:content='data:blog.title' property='og:site_name' />
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <meta expr:content='data:blog.metaDescription' name='description' />
      <meta expr:content='data:blog.title' property='og:title' />
      <meta content='website' property='og:type' />
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' property='og:description' />
        <b:else />
        <meta expr:content='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description' />
      </b:if>
    </b:if>
    <b:if cond='data:blog.postImageUrl'>
      <meta expr:content='data:blog.postImageUrl' property='og:image' />
      <b:else />
      <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postThumbnailUrl' property='og:image' />
        <b:else />
        <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh_v4ioixaxN42dtpzFMb3vTs2OG9J6FAkKGUaVO-0wg3qgBNSoLZdJTin-kJdxrai0bgVoUbtReOoE1Kmr-IGRxfKDDywY5FyEudRUEJEtLyyDsdic1wzSoZ56XG855LCdnaBnIJABRs/s125-c/Logo+Psd.png' property='og:image' />
      </b:if>
    </b:if>
    <meta content='Your-FB-Link' property='article:author' />
    <meta content='Your-FB-Link-Page' property='article:publisher' />
    <meta content='CODE-APPLICATION-FACEBOOK' property='fb:app_id' />
    <meta content='CODE-ADMIN-FACEBOOK' property='fb:admins' />
    <meta content='en_US' property='og:locale' />
    <meta content='en_GB' property='og:locale:alternate' />
    <meta content='id_ID' property='og:locale:alternate' />
    <meta content='summary' name='twitter:card' />
    <meta expr:content='data:blog.pageTitle' name='twitter:title' />
    <meta content='USER-TWITTER' name='twitter:site' />
    <meta content='USER-TWITTER' name='twitter:creator' />
    <b:skin>
      <![CDATA[/* 
-----------------------------------------------
Blogger Template Style
Name:        Master Blog
Author :     http://www.Templof.blogspot.com
License:     Premium Version
----------------------------------------------- */
/* Variable definitions
-----------------------
<Variable name="body.background" description="Background" type="background" color="#f0f0f0" default="$(color) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYy-mHGLZEj7sIR59r2fgoc8XwUdVZrQ7X_65nKUQGLSK1JpAiZu_5AtYucKX0kh8-ShF_h-gKJ2lsDO7i9KhsNbR4TzFvW5DBONJsu9uM2El6Hg5I8XP-Kjx6-SV4P7H5srm8A-BvabCa/s0-r/bg1.png) repeat fixed top left" value="$(color) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYy-mHGLZEj7sIR59r2fgoc8XwUdVZrQ7X_65nKUQGLSK1JpAiZu_5AtYucKX0kh8-ShF_h-gKJ2lsDO7i9KhsNbR4TzFvW5DBONJsu9uM2El6Hg5I8XP-Kjx6-SV4P7H5srm8A-BvabCa/s0-r/bg1.png) repeat fixed top left"/>
<Group description="Main Settings" selector="body">
<Variable name="maincolor" description="Primary Color" type="color" default="#0088ff"  value="#0088ff"/>
<Variable name="darkcolor" description="Primary Text Color" type="color" default="#3d3d3d"  value="#3d3d3d"/>
</Group>
-----------------------
*/
 html, body, .section, .widget, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {margin: 0;padding: 0;}html {overflow-x: hidden;}a {text-decoration:none;color:#000;}article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after, q:before, q:after {content: "";}.quickedit, .home-link{display:none;}blockquote, q {quotes: "" "";}sup{vertical-align: super;font-size:smaller;}code{font-family: 'Courier New', Courier, monospace;font-size:12px;color:#272727;}::selection {background:transparent;text-shadow:#000 0 0 2px;}::-moz-selection {background:transparent;text-shadow:#000 0 0 2px;}::-webkit-selection {background:transparent;text-shadow:#000 0 0 2px;}::-o-selection {background:transparent;text-shadow:#000 0 0 2px;}a img{border: none;}ol, ul {padding:0;margin:0;text-align: left;}ol li {list-style-type: decimal;padding:0 0 5px;}ul li {list-style-type: disc;padding: 0 0 5px;}ul ul, ol ol {padding: 0;}.section, .widget, .widget ul {margin: 0;padding: 0;}#navbar-iframe, .navbar, .Attribution, .post-author-widget, .post-author-social {height:0px;visibility:hidden;display:none }.feed-links, .post-footer-line.post-footer-line-1, .post-footer-line.post-footer-line-2 , .post-footer-line.post-footer-line-3 {display: none;}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.item-control {display: none !important;}h2.date-header, h4.date-header {display:none;margin:1.5em 0 .5em}h1, h2, h3, h4, h5, h6 {font-family: Ruda;font-weight: 400;color: #2e2e2e;}blockquote {padding: 8px;background-color: #faebbc;border-top: 1px solid #e1cc89;border-bottom: 1px solid #e1cc89;margin: 5px;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHyt7Sz4jSdFyWuF5Akv4zQSFZyZSrNM6IzhJO9ZIgLzz4efmY7PqwzMnxfnbE16awkCTMsPxUILUS_4oA-GO3qrgymy4EaOSeaNHJmeQTv0ke9CnsSdHIGm1SSEXSeJVAHLQiaByuSes/s1600/openquote1.gif);background-position: top left;background-repeat: no-repeat;text-indent: 23px;}blockquote p{display: block;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwAIToli-YzHrD4wwAEaj8rjL-gUTp_-0tCZs2qpbq1fZgXs_9LgkXECeD5l9jaEW6ZRk6E0OWHzp_J5FqhN5Xj3fduoUJzCHxo-qVwuq_E2eToi0Xa_n7iMsMqqcRRn1r1X9hUrS2auo/s1600/closequote1.gif);background-repeat: no-repeat;background-position: bottom right;}img {max-width: 100%;vertical-align: middle;border: 0;}.widget iframe, .widget img {max-width: 100%;}.status-msg-border {border: 1px solid #ff545a;background:$maincolor;}.status-msg-body {color: $darkcolor;font-family: Ruda;letter-spacing: 0px;font-weight: 400;}* {outline: 0;transition: all .2s ease;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;}body {color: #2e2e2e;font-family:'Open Sans', sans-serif;font-size: 14px;font-weight: normal;line-height: 21px;background:$(body.background);}#body-wrapper{max-width:100%;margin:0 auto;background-color:#FFF;box-shadow:0 0 5px RGBA(0, 0, 0, 0.2)}.body-row{width:1140px}#content-wrapper {margin: 0 auto;padding: 20px 0 40px;overflow: hidden;}#main-wrapper {float: left;width:68%;max-width: 705px;padding: 0 10px;box-sizing: border-box;}#sidebar-wrapper {float: right;width:30%;max-width: 300px;}#sidebar-wrapper1 {float: left;max-width: 130px;}.top-bar {background: $maincolor;}.top-bar-wrapper {position: relative;min-height:40px;color: #aaaaaa;margin:0 auto;}.top-bar-social {float: right;padding: 5px 0;}.top-bar-social li {display: inline;padding: 0;float: left;margin-right: 5px;;}.top-bar-social .widget ul {padding: 0;}.top-bar-social .LinkList ul {text-align: center;margin:0;}.top-bar-social #social a {display: block;width: 30px;height: 30px;line-height: 30px;font-size: 15px;color: #eeeeee;transition: background 0.3s linear;-moz-transition: background 0.3s linear;-webkit-transition: background 0.3s linear;-o-transition: background 0.3s linear;}.top-bar-social #social a:before {display: inline-block;font: normal normal normal 22px/1 FontAwesome;font-size: inherit;font-style: normal;font-weight: 400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.top-bar-social .bloglovin:before{content:"\f004"}.top-bar-social .facebook:before{content:"\f09a"}.top-bar-social .twitter:before{content:"\f099"}.top-bar-social .gplus:before{content:"\f0d5"}.top-bar-social .rss:before{content:"\f09e"}.top-bar-social .youtube:before{content:"\f167"}.top-bar-social .skype:before{content:"\f17e"}.top-bar-social .stumbleupon:before{content:"\f1a4"}.top-bar-social .tumblr:before{content:"\f173"}.top-bar-social .vine:before{content:"\f1ca"}.top-bar-social .stack-overflow:before{content:"\f16c"}.top-bar-social .linkedin:before{content:"\f0e1"}.top-bar-social .dribbble:before{content:"\f17d"}.top-bar-social .soundcloud:before{content:"\f1be"}.top-bar-social .behance:before{content:"\f1b4"}.top-bar-social .digg:before{content:"\f1a6"}.top-bar-social .instagram:before{content:"\f16d"}.top-bar-social .pinterest:before{content:"\f0d2"}.top-bar-social .delicious:before{content:"\f1a5"}.top-bar-social .codepen:before{content:"\f1cb"}.top-bar-social ul#social a:hover {color: $darkcolor;opacity: 1;}.top-bar-menu {float: left;padding:5px 0;}.top-menu ul {overflow: hidden;list-style: none;padding: 0;margin: 0;}.top-menu ul li {float: left;display: inline-block;list-style: none;padding: 0;}.top-menu ul li a {padding: 7px 16px;display: block;border: none !important;text-decoration: none;line-height: inherit;font-size: 14px;font-weight: normal;color: #eeeeee;text-transform: capitalize;font-family: Ruda;}.top-menu ul li a:hover {color:$darkcolor;}.header-wrap {background:#fff;}#header-wrappers {color: #fff;padding: 30px 0;margin:0 auto;}#header-inner {background-position: left;background-repeat: no;}.headerleft img {height: auto;max-height: 100%;margin:0 }.headerleft h1, .headerleft h1 a, .headerleft h1 a:hover, .headerleft h1 a:visited {font-family: 'Bungee Inline', cursive;color: $darkcolor;font-size: 52px;font-weight:normal;line-height: 1.2em;margin: 0;padding: 0 0 5px;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;}.headerleft h3 {font-weight: 400;margin: 0;padding: 0;}.headerleft .description {color: #666;margin: 0;padding: 0 0 10px;text-transform: capitalize;text-align: center;text-indent: 0;letter-spacing: 1px;}.headerleft {float: left;margin: 0;padding: 0;width: auto;}.headerright {float: right;margin: 0;padding: 1px 0 0;width: 730px;}.headerleft .description span {border-top: 1px solid rgba(241, 241, 241, 0.25);padding: 5px 0 0;}.selectnav {display:none;}.tm-menu {font-weight: 400;margin: 0 auto;height:50px;}ul#nav1 {list-style: none;margin: 0;padding: 0;}#menu .widget {display: none;}#menu {height: 50px;position: relative;text-align: center;z-index: 15;margin:0 auto;padding-right:50px;}.menu-wrap {margin:0 auto;position: relative;border:1px solid $darkcolor;}#menu ul > li {position: relative;vertical-align: middle;display: inline-block;padding: 0;margin: 0;}#menu ul > li > a {color: $darkcolor;font-size: 14px;font-weight: 600;line-height: 50px;display: inline-block;text-transform: uppercase;text-decoration: none;letter-spacing: 1px;margin: 0;padding: 0 12px;font-family: Ruda;}#menu ul > li:hover > a {color:#fff;}#menu ul > li > ul > li:first-child > a {padding-left: 12px }#menu ul > li > ul {position: absolute;background: #4d4d4d;top: 100%;left: 0;min-width: 180px;padding: 0;z-index: 99;margin-top: 0;visibility: hidden;opacity: 0;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px) }#menu ul > li > ul > li > ul {position: absolute;top: 0;left: 180px;width: 180px;background: #5d5d5d;z-index: 99;margin-top: 0;margin-left: 0;padding: 0;border-left: 1px solid #6d6d6d;visibility: hidden;opacity: 0;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px) }#menu ul > li > ul > li {display: block;float: none;text-align: left;position: relative;border-bottom: 1px solid;border-top: none;border-color: #8d8d8d;}#menu ul > li > ul > li:last-child {border: 0;}#menu ul li.parent ul li:after, #menu ul li:last-child:after {display:none;}#menu ul > li:hover {background-color: $maincolor }#menu ul > li > ul > li a {font-size: 11px;display: block;color: #fff;line-height: 35px;text-transform: uppercase;text-decoration: none;margin: 0;padding: 0 12px;border-right: 0;border: 0 }#menu ul > li.parent > a:after {content: '\f107';font-family: FontAwesome;float: right;margin-left: 5px }#menu ul > li:hover > ul, #menu ul > li > ul > li:hover > ul {opacity: 1;visibility: visible;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0) }#menu ul > li > ul > li.parent > a:after {content: '\f105';float: right }#menu ul ul {}.ty-ran-yard {position: absolute;right: 0;top: 0;z-index: 99;}.ty-ran-yard span {list-style: none;}.ty-ran-yard a.ran-sym {background-color: $maincolor;cursor: pointer;display: block;height: 50px;text-align: center;position: relative;right: 0;top: 0;width: 50px;border-radius: 0;box-sizing: border-box;}.ty-ran-yard a.ran-sym:hover {background-color:#6d6d6d;}.ty-ran-yard a.ran-sym:before {color: #fff;content: '\f074';font-family: FontAwesome;font-size: 16px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;line-height: 50px;}.sidebar .widget {margin-bottom: 20px;position: relative;}.sidebar h2 {position: relative;overflow: hidden;margin: 0;font-size: 16px;vertical-align: middle;padding:5px 10px;border-left: 4px solid $maincolor;background: $darkcolor;font-weight: 700;color:#fff;}.sidebar ul,.sidebar li{list-style-type:none;margin:0;padding:0;}.sidebar .widget-content {padding: 10px 0;}#sidebar-wrapper1 .widget-content {padding: 10px 5px;}.menu-tab li a, .sidetabs .section {transition: all 0s ease;-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-o-transition: all 0s ease;-ms-transition: all 0s ease }.menu-tab {display: flex;clear: both;padding: 0;margin: 0 }.sidetabs .widget h2 {display: none }.menu-tab li {width: 33.3%;float: left;display: inline-block;padding: 0;position:relative;}.menu-tab li.active:after {content: "";border-top: 10px solid $maincolor;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;bottom: -8px;left: 14px;}.menu-tab li a {font-family: Ruda;height: 32px;text-align: center;padding: 0;font-weight: 400;display: block;color: #fff;background-color:$darkcolor;font-size: 14px;line-height: 32px;letter-spacing: 1.5px;text-transform: uppercase }.menu-tab li.active a {color: #fff;background-color:$maincolor;}.menu-tab li {display: none }.hide-tab {display: inline-block!important }#tabside3 {margin-bottom: 15px;}.sidetabs .widget-content {padding: 15px 0 0;}.breadcrumbs .fa-times:before {margin: 0 5px;}.breadcrumbs {margin: 0;font-size: 13px;padding: 0;}.breadcrumbs i {color: $maincolor;font-size: 8px !important;}.breadcrumbs span a.bhome {color: $maincolor;}.breadcrumbs span, .breadcrumbs span a {color: #000;}.breadcrumbs span a:hover {color: $maincolor;}article {padding: 0;overflow:hidden;}.post-outer {padding: 0 0 20px 0;}.post {display: block;overflow: hidden;word-wrap: break-word;background: #ffffff;}.item .post-head {position: relative;margin: 10px 0;border-bottom: 2px solid #eee;}.post-head h1 {color: #000;font-size: 32px;font-weight: 400;line-height: 44px;border-bottom: 2px solid #555;display: inline-block;position: relative;top: 2px;}.post h2 {margin-bottom: 12px;line-height: 24px;font-size: 18px;font-weight:700;}.post h2 a {color: #000;letter-spacing: 1px;}.post h2 {margin: 0 0 10px;padding: 0;}.retitle h2 {margin:0 0 8px;display: block;}.post-body {margin: 0px;padding:10px;font-size: 14px;line-height: 26px;box-sizing:border-box;}.post-home-image {float: left;width: 270px;height: 182px;margin-right: 20px;position: relative;}.post-home-image .post-thumb {width: 100%;height: 182px;position: relative;display: block;overflow: hidden;}.post-home-image .post-thumb a {width: 100%;height: 182px;display: block;transition: all .3s ease-out!important;-webkit-transition: all .3s ease-out!important;-moz-transition: all .3s ease-out!important;-o-transition: all .3s ease-out!important;}.index .post-labels, .archive .post-labels {position: absolute;top: 0;left:0;padding: 4px 6px;background: $maincolor;color: #fff;font-size: 11px;text-transform: uppercase;display: inline-block;z-index: 9;}.index .post-labels a, .archive .post-labels a {color: #fff;}.index .post-labels i, .archive .post-labels i {display:none;}.date-header {color: #bdbdbd;display: block;font-size: 12px;font-weight: 400;line-height: 1.3em;margin: 0!important;padding: 0;}.date-header a {color: #bdbdbd;}.date-header .read-more {background: $darkcolor;padding: 4px 6px !important;display: inline-block;vertical-align: middle;margin: 10px 0 0;font-size: 11px;text-transform: capitalize;border-radius: 4px;color: #f7f7f7;font-weight: bold;white-space: nowrap;font-family: Ruda;}.read-more:hover {background: $maincolor;color:#fff;}.post-header {padding: 10px;}#meta-post {border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;padding: 5px 0;}abbr.published.timeago {text-decoration: none;}.post-meta {color: #bdbdbd;display: block;font-size: 13px;font-weight: 400;line-height: 21px;margin: 0;padding: 0;}.post-meta a, .post-meta i {color: #CBCBCB;}.post-timestamp {margin-left: 5px;}.resumo {margin-top: 10px;color: #919191;}.resumo span {display: block;font-size: 12px;line-height: 18px;text-align: left;}.post-body img {max-width: 100%;padding: 10px 0;position: relative;margin:0 auto;}.post h3 {font-size: 18px;margin-top: 20px;margin-bottom: 10px;line-height: 1.1;}.second-meta {display: none;}.comment-link {white-space: normal;}#blog-pager {clear: both;text-align: center;padding: 15px 0;background: #ffffff;color: #4d4d4d;}.displaypageNum a, .showpage a, .pagecurrent, .blog-pager-older-link, .blog-pager-newer-link {padding: 5px 13px;margin-right: 8px;color: #fff;background-color: $darkcolor;border: 1px solid #2d2d2d;display: inline-block;line-height: 20px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;margin-top: 10px;}.displaypageNum a:hover, .showpage a:hover, .pagecurrent, .blog-pager-older-link:hover, .blog-pager-newer-link:hover {background: $maincolor;border: 1px solid #1bcdda;text-decoration: none;color: #fff;}.showpageOf {display: none!important;overflow: hidden;}#blog-pager .pages {margin: 10px 0;border: none;}.item .post-footer .label-head .label-title {color: #fff;padding: 3px 8px;font-size: 13px;background-color: $maincolor;}.item .post-footer .label-head a {color: #fff;padding: 3px 8px;font-size: 13px;background-color: $darkcolor;}.ty-post-share {margin: 10px 0 0;font-size: 12px;padding: 0;}.ty-post-share ul {padding: 0;overflow: hidden;list-style: none;}.ty-post-share li {display: block;float: left;width: 25%;text-align: center;}.ty-post-share li.ty-twitter a {background: #4b96d7;}.ty-post-share li.ty-facebook a {background: #2a3e8c;}.ty-post-share li.ty-pinterest a {background: #ae0000;}.ty-post-share li.ty-whatsapp{display:none;}.ty-post-share li.ty-whatsapp a {background: #25d266;}@media only screen and (max-width: 768px) {.ty-post-share li.ty-whatsapp{display:inline-block;}.ty-post-share li.ty-comment{display:none;}}.ty-post-share a {display: block;width: 100%;font-size: 12px;padding: 1em;color: #fff;background: #000;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;}.ty-post-share a .fa {font-size: 18px;margin-right: 15px;}.ty-author-box {border: 1px solid #f2f2f2;background: #f8f8f8;overflow: hidden;padding: 10px;margin: 10px 0;}.ty-author-box img {float: left;margin-right: 10px;object-fit: cover;}.ty-author-box p {padding: 0;-webkit-margin-before: 0;-webkit-margin-after: 0;}.ty-author-box b {font-family: Ruda;font-weight: 700;font-style: normal;letter-spacing: 1px;font-size: 20px;}.ty-author-box ul {overflow: hidden;padding: 0;margin: 6px;}.ty-author-box ul li:first-child {margin-left: 0;}.ty-author-box ul li {float: left;margin-left: 7px;text-align: center;font-size: .875rem;border-radius: 3px;list-style-type: none;padding: 0;}.ty-author-box ul li a {display: block;padding: 8px 10px;background: #eee;}.ty-author-box ul li a:hover {background:$maincolor;color:#fff;}#related-posts {margin-bottom: 10px;display: flex;margin-top: 10px;}#related-posts .related-text {display: none;}.related li{width:32%;position:relative;overflow:hidden;float:left;display:block;box-sizing:border-box;margin:0 0 0 2%;padding:0}.related li:first-child,.related li:nth-child(4){margin-left:0}.related li h3 {margin-top:0;}.related-thumb {width: 100%;height: 120px;overflow: hidden;border-radius: 2px;}.related li .related-img {width: 100%;height: 120px;display: block;transition: all .3s ease-out!important;-webkit-transition: all .3s ease-out!important;-moz-transition: all .3s ease-out!important;-o-transition: all .3s ease-out!important;}.related li .related-img:hover {-webkit-transform: scale(1.1) rotate(-1.5deg)!important;-moz-transform: scale(1.1) rotate(-1.5deg)!important;transform: scale(1.1) rotate(-1.5deg)!important;transition: all .3s ease-out!important;-webkit-transition: all .3s ease-out!important;-moz-transition: all .3s ease-out!important;-o-transition: all .3s ease-out!important;}.related-title a {font-size: 15px;line-height: 1.35em;padding: 10px 5px 10px 0;font-weight: 400;color: #010101;display: block;}.related-title a:hover {color: #777;text-decoration: underline;}.comment-form {overflow:hidden;}iframe.blogger-iframe-colorize, iframe.blogger-comment-from-post {height: 283px!important }.comments-title {position: relative;clear: both;z-index: 1;margin: 0;line-height: 33px }.comments-title h2 {display: inline-block;position: relative;background-color: #fff;color: #1c1c1c;font-size: 18px;letter-spacing: -.4px;text-transform: uppercase;font-weight: 700;z-index: 1;margin: 0;padding-right: 15px }.comments-title:after {content: "";position: absolute;z-index: 0;top: 14px;left: 0;width: 100%;height: 5px;background-color: #F5F5F5 }.comments {clear: both;margin: 0;color: #1c1c1c;background: #ffffff;padding: 10px 0;}.comments h4 {color: #000;font-size: 14px;padding: 5px 20px;font-weight: 700;letter-spacing: 1.5px;text-transform: Uppercase;position: relative;text-align: center;background: #ffffff;z-index: 1;margin-bottom: 15px;}.comments h4:after {content: '';position: absolute;bottom: 0;left: 50%;width: 40px;height: 2px;background: #000;margin-left: -20px;}.comments .comments-content {margin: 0;padding: 0 }.comments .comments-content .comment {margin-bottom: 0;padding-bottom: 8px }.comments .comments-content .comment:first-child {padding-top: 0 }.facebook-tab, .fb_iframe_widget_fluid span, .fb_iframe_widget iframe {width: 100%!important }.comments .item-control {position: static }.comments .avatar-image-container {float: left;overflow: hidden;position: absolute }.comments .avatar-image-container, .comments .avatar-image-container img {height: 45px;max-height: 45px;width: 45px;max-width: 45px;border-radius: 0 }.comments .comment-block {overflow: hidden;padding: 0 0 10px }.comments .comment-block, .comments .comments-content .comment-replies {margin-left: 60px;margin-top: 0 }.comments .comments-content .inline-thread {padding: 0 }.comments .comment-actions {float: left;width: 100%;position: relative;margin: 0 }.comments .comments-content .comment-header {font-size: 14px;display: block;overflow: hidden;clear: both;margin: 0 0 3px;padding: 0 0 5px;border-bottom: 1px dotted #f5f5f5 }.comments .comments-content .user {font-style: normal;font-weight: 500;display: block;font-size: 16px }.comments .comments-content .icon.blog-author {display: none }.comments .comments-content .comment-content {float: left;text-align: left;font-size: 13px;line-height: 1.4em;color: #656565 }.comments .comment .comment-actions a {margin-right: 5px;padding: 2px 5px;color: #fff;font-weight: 400;background-color: #000;font-size: 10px }.comments .comment .comment-actions a:hover {color: #fff;background-color: $maincolor;text-decoration: none }.comments .comments-content .datetime {color: #999;float: left;font-size: 11px;position: relative;font-style: italic;margin: 2px 0 0;display: block }.comments .comments-content .datetime:before {content: '\f017';font-family: fontawesome;font-style: normal;margin-right: 3px }.comments .comments-content .comment-header a {color: inherit }.comments .comments-content .comment-header a:hover {color:$maincolor }.comments .thread-toggle {margin-bottom: 4px }.comments .thread-toggle .thread-arrow {height: 7px;margin: 0 3px 2px 0 }.comments .thread-expanded {padding: 8px 0 0 }.comments .comments-content .comment-thread {margin: 0 }.comments .comments-content .comment-thread ol li {list-style: none;}.comments .continue a {padding: 0 0 0 60px;font-weight: 400 }.comments .comments-content .loadmore.loaded {margin: 0;padding: 0 }.comments .comment-replybox-thread {margin: 0 }.blogger-tab{display:block;}.cmm-tabs .content-tab {background-color: transparent;padding: 0;}.cmm-tabs-header {margin-bottom: 10px;border-bottom: 2px solid #eee;position: relative;}.cmm-tabs-header h3 {display: inline-block;font-size: 18px;margin: 0;border-bottom: 2px solid #777;color: #010101;top: 2px;font-weight: 500;padding-bottom: 2px;}.cmm-tabs-header h3 h9 {display: none;}.simplyTab .cmm-tabs-header .wrap-tab {}.cmm-tabs-header .wrap-tab a {height: auto;line-height: 1.2em;padding: 8px 5px;display: block;text-align: center;}.cmm-tabs-header .wrap-tab li {float: left;width: 33%;padding: 0;}.facebook-tab, .fb_iframe_widget_fluid span, .fb_iframe_widget iframe {width: 100%!important;}.cmm-tabs.simplyTab .content-tab {background-color: transparent;padding: 0;margin-top: 20px;}.cmm-tabs.simplyTab .wrap-tab li a {text-transform: uppercase;color: #FFF;font-weight: 500;background-color: $darkcolor;font-size: 12px;}.cmm-tabs.simplyTab .wrap-tab li a.activeTab {background-color: $maincolor;color:#fff;}.cmm-tabs.simplyTab .wrap-tab {}.cmm-tabs.simplyTab .wrap-tab li {margin:0;list-style: none;}.wrap-tab {list-style: none;}.content-tab {transition: all .0s ease;-webkit-transition: all .0s ease;-moz-transition: all .0s ease;-o-transition: all .0s ease;}#lower {margin:auto;padding: 0px 0px 10px 0px;width: 100%;background:$darkcolor;border-bottom: 1px solid #222222;}#lower-wrapper {margin:auto;padding: 20px 0px 20px 0px;}#lowerbar-wrapper {float: left;margin: 0px 5px auto;padding-bottom: 20px;width: 32%;text-align: justify;color:#ddd;line-height: 1.6em;word-wrap: break-word;overflow: hidden;max-width: 375px;}.lowerbar {margin: 0;padding: 0;}.lowerbar .widget {margin: 0;padding: 10px 20px 0px 20px;box-sizing:border-box;}.lowerbar h2 {position: relative;overflow: hidden;margin: 0;font-size: 18px;vertical-align: middle;padding: 0 0 10px 0;border-bottom:1px solid rgba(0, 200, 215, 0.18);font-weight: 700;color:#fff;clear: both;}.lowerbar h2:after {content: '';display: inline-block;position: absolute;height: 15px;top: 0;margin: 3px 0 12px 10px;width: 100%;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsBkVNOmKKhBUglFwvxPGi69rqD2ywAhDWoBCSVs2uImvRwaMSXvE8CifcF5DcJfUkZ6KUTYuy0yMh0lGvnxbQbSj52P7LVUEWOzVpJEQwruKMAHTEEsPudXm63a_8EMoZxCuJehipDzbi/s1600/repeat-bg.png)repeat;}.lowerbar ul {margin: 0 auto;padding: 0;list-style-type: none;}.lowerbar li {display:block;line-height: 1.6em;margin-left: 0 !important;list-style-type: none;}.lowerbar li a {text-decoration:none;color: #DBDBDB;}.lowerbar li a:hover {text-decoration:none;}.lowerbar li:hover {display:block;}.lowerbar .PopularPosts ul li a, .lowerbar, .lowerbar .ty-bonus .ty-bonos-entry a, .lowerbar .tyard-komet a {color:#fff;}.lowerbar .PopularPosts .widget-content ul li {border-bottom: 1px solid rgb(51, 51, 51);border-top: 0;}.lowerbar .ty-bonus .ty-wow {border-bottom: 1px solid rgb(51, 51, 51);border-top: 0;}.lowerbar .PopularPosts .widget-content ul li:last-child {border: 0;}.lowerbar .widget-content {padding: 10px 0;}#ty_footer {background: #2d2d2d;color: #fff;font-weight: 300;padding: 15px 0px;}.ty-copy-container {margin: 0 auto;overflow: hidden;}.ty_footer_copyright a {color:#fff;}.ty_footer_copyright {text-align: left;display: inline-block;line-height: 30px;}.bottom-bar-social {float: right;padding: 0 0;}.bottom-bar-social li {display: inline;padding: 0;float: left;margin-right: 5px;;}.bottom-bar-social .widget ul {padding: 0;}.bottom-bar-social .LinkList ul {text-align: center;}.bottom-bar-social #social a {display: block;width: 30px;height: 30px;line-height: 30px;font-size: 15px;color: #fff;}.bottom-bar-social #social a:before {display: inline-block;font: normal normal normal 22px/1 FontAwesome;font-size: inherit;font-style: normal;font-weight: 400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.bottom-bar-social .bloglovin:before{content:"\f004"}.bottom-bar-social .facebook:before{content:"\f09a"}.bottom-bar-social .twitter:before{content:"\f099"}.bottom-bar-social .gplus:before{content:"\f0d5"}.bottom-bar-social .rss:before{content:"\f09e"}.bottom-bar-social .youtube:before{content:"\f167"}.bottom-bar-social .skype:before{content:"\f17e"}.bottom-bar-social .stumbleupon:before{content:"\f1a4"}.bottom-bar-social .tumblr:before{content:"\f173"}.bottom-bar-social .vine:before{content:"\f1ca"}.bottom-bar-social .stack-overflow:before{content:"\f16c"}.bottom-bar-social .linkedin:before{content:"\f0e1"}.bottom-bar-social .dribbble:before{content:"\f17d"}.bottom-bar-social .soundcloud:before{content:"\f1be"}.bottom-bar-social .behance:before{content:"\f1b4"}.bottom-bar-social .digg:before{content:"\f1a6"}.bottom-bar-social .instagram:before{content:"\f16d"}.bottom-bar-social .pinterest:before{content:"\f0d2"}.bottom-bar-social .delicious:before{content:"\f1a5"}.bottom-bar-social .codepen:before{content:"\f1cb"}.bottom-bar-social ul#social a:hover {color: $maincolor;opacity: 1;}#search-box {position: relative;width: 100%;margin: 0;}#search-form {height: 42px;border: 1px solid #ebebeb;background-color: #fff;overflow: hidden;}#search-text {font-size: 14px;color: #ddd;border-width: 0;background: transparent;height: 42px;line-height: 42px;}#search-box input[type="text"] {width: 90%;padding: 11px 0 12px 1em;color: #333;outline: none;}#search-button {position: absolute;top: 0;right: 0;height: 42px;width: 80px;font-size: 14px;color: #fff;text-align: center;line-height: 42px;border-width: 0;background-color: $maincolor;cursor: pointer;}select#BlogArchive1_ArchiveMenu {width: 100%;padding: 10px;border-color: #777;}#adwidegt1 .widget, #adwidegt2 .widget, #adwidegt3 .widget {width: 728px;max-height: 90px;padding: 0;max-width: 100%;box-sizing: border-box;display:none;}#adwidegt1 .widget {margin: 15px auto 10px !important;display:block !important;}#adwidegt2 .widget {margin: 15px auto 0 !important;}#adwidegt1 .widget h2, #adwidegt2 .widget h2, #adwidegt3 .widget h2 {display:none;visibility:hidden;}.ads-posting {margin: 10px 0 0;}.post-footer .ads-posting {margin: 15px 0 0;}.contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-widget {max-width: none;}.contact-form-name, .contact-form-email, .contact-form-email-message {background-color: #EBEBEB;border: 1px solid #ccc;}.contact-form-widget .form {}.contact-form-button-submit {max-width: none;width: 100%;height: 35px;border:0;background-image: none;background-color: $maincolor !important;cursor: pointer;font-style: normal;font-weight: 400;margin-top:10px;}.contact-form-name:focus, .contact-form-email:focus, .contact-form-email-message:focus {border: 0;box-shadow: none;}.contact-form-name:hover, .contact-form-email:hover, .contact-form-email-message:hover {border: 0;}.contact-form-button-submit:hover {background-color: #303030;background-image: none;border: 0;}.sidebar .FollowByEmail > h3.title, .sidebar .FollowByEmail .title-wrap {margin-bottom: 0 }#FollowByEmail1 {clear: both;}.FollowByEmail td {width: 100%;float: left;box-sizing: border-box }.FollowByEmail .follow-by-email-inner .follow-by-email-submit {margin-left: 0;width: 100%;border-radius: 0;height: 30px;font-size: 11px;color: #fff;background-color: $maincolor;font-family: Ruda;text-transform: uppercase;font-weight: 700;letter-spacing: 1px }.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {background-color: #000 }.FollowByEmail .follow-by-email-inner .follow-by-email-address {padding-left: 10px;height: 30px;border: 1px solid #FFF;margin-bottom: 5px;box-sizing: border-box;font-size: 11px;font-family: inherit }.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus {border: 1px solid #FFF }.FollowByEmail .widget-content {background-color: #2b2b2b;box-sizing: border-box;padding: 10px;margin-top: 10px;}.lowerbar .FollowByEmail .widget-content {margin-top: 10px;}.FollowByEmail .widget-content:before {content: "Enter your email address to subscribe to this blog and receive notifications of new posts by email.";font-size: 14px;color: #f2f2f2;line-height: 1.4em;margin-bottom: 5px;display: block;padding: 0 2px }.ty-bonus .ty-wow {overflow: hidden;border-bottom: 1px solid #F5F5F5;padding: 10px 0;}.ty-bonus .ty-wow:first-child {padding-top: 0;}.ty-bonus .ty-wow:last-child {border-bottom: none;}.ty-bonus .ty-thumb-bonos {position: relative;float: left;margin: 0!important;width: 80px;height: 60px;overflow: hidden;display: block;vertical-align: middle;}.ty-bonus .ty-bonus-con {padding-left: 10px;display: table-cell;}.ty-bonus .ty-bonos-entry {overflow: hidden;line-height: 0;margin: 0 0 2px;padding: 0;}.ty-bonus .ty-bonos-entry a {color: $darkcolor;font-weight: 400;font-size: 13px;line-height: 1.5em;}.ty-bonus .ty-bonos-entry a:hover {color: $maincolor;}.ty-bonus .ty-thumb-bonos:hover .tyimg-lay {background-color: rgba(40, 35, 40, 0.3);}.yard-auth-ty {margin-right: 10px;}.yard-auth-ty::before {content: '\f007';font-family: fontawesome;color: #bbb;margin-right: 5px;}.yard-auth-ty, .ty-time {color: #bdbdbd;font-size: 12px;font-weight: 400;}.ty-time:before {content: '\f133';font-family: fontawesome;color: #bbb;margin-right: 5px;}.sidebar .PopularPosts .widget-content ul li:first-child, .sidebar .ty-bonus .ty-wow:first-child {padding-top: 0;border-top: 0;}.sidebar .PopularPosts .widget-content ul li:last-child, .sidebar .ty-bonus .ty-wow:last-child {padding-bottom: 0;}.tyard-komet .ty-komet .ty-komet-tar {position: relative;overflow: hidden;padding: 0;width: 55px;height: 55px;float: left;margin: 0 10px 0 0;}.tyard-komet .ty-komet {background: none!important;clear: both;list-style: none;word-break: break-all;display: block;border-top: 1px solid #F5F5F5;border-bottom: 0 !important;overflow: hidden;margin: 0;padding: 10px 0;}.tyard-komet .ty-komet:first-child {padding-top: 0;border-top: 0;}.tyard-komet .ty-komet:last-child {padding-bottom: 0;}.tyard-komet .ty-komet span {color: #bdbdbd;display: block;line-height: 1.2em;text-transform: lowercase;font-size: 12px;font-style: italic;font-weight: 400;overflow: hidden;background: #f9f9f9;height: 38px;margin-top: 5px;box-sizing: border-box;padding: 5px 8px;}.yardimg-komet {width: 55px;height: 55px;float: left;margin: 0 10px 0 0;}.tyard-komet a {color: $darkcolor;position: relative;font-size: 13px;text-transform: capitalize;display: block;overflow: hidden;font-weight: 400;}.tyard-komet a:hover {color:$maincolor;}.tyard-komet {list-style: none;padding: 0;}.cloud-label-widget-content {display: inline-block;text-align: left;}.cloud-label-widget-content .label-size {display: inline-block;float: left;font-size: 12px;line-height: normal;margin: 0 5px 5px 0;opacity: 1 }.cloud-label-widget-content .label-size a {background: #efefef;color: #000;float: left;font-weight: 400;line-height: 100%;margin: 0;padding: 8px 10px;text-transform: uppercase;transition: all .6s;letter-spacing: 1.5px;font-family:Ruda;}.cloud-label-widget-content .label-size a:hover, .cloud-label-widget-content .label-size a:active {background:$maincolor;color: #fff;}.cloud-label-widget-content .label-size .label-count {display:none;}.list-label-widget-content li {display: block;padding: 8px 0;border-bottom: 1px solid #ececec;position: relative }.list-label-widget-content li a:before {content: '\203a';position: absolute;left: 0px;top:5px;font-size: 20px;color: $maincolor;}.lowerbar .list-label-widget-content li a {color:#fff;}.lowerbar .list-label-widget-content li {border-bottom: 1px solid rgb(51, 51, 51);border-top: 0;}.lowerbar .list-label-widget-content li:last-child {border: 0;}.list-label-widget-content li a {color: #282828;font-size: 13px;padding-left: 10px;font-weight: 400;text-transform: capitalize;font-family:Ruda;}.list-label-widget-content li span:last-child {color: #f6b2ca;font-size: 12px;font-weight: 700;position: absolute;top: 9px;right: 0 }.PopularPosts .item-thumbnail {margin: 0 15px 0 0 !important;width: 80px;height: 60px;float: left;overflow: hidden;position: relative }.PopularPosts .item-thumbnail a {position: relative;display: block;overflow: hidden;line-height: 0 }.PopularPosts ul li img {width: 90px;height: 65px;object-fit: cover;padding: 0;transition: all .3s ease }.PopularPosts .widget-content ul li {overflow: hidden;padding: 10px 0;border-top: 1px solid #f2f2f2 }.sidebar .PopularPosts .widget-content ul li:first-child, #sidetabs .PopularPosts .widget-content ul li:first-child {padding-top: 0;border-top: 0 }.sidebar .PopularPosts .widget-content ul li:last-child, .sidebar .ty-bonus .ty-wow:last-child, .tab-widget .PopularPosts .widget-content ul li:last-child, .tab-widget .ty-bonus .ty-wow:last-child {padding-bottom: 0 }.PopularPosts ul li a {color: $darkcolor;font-weight: 400;font-size: 13px;line-height: 1.4em;transition: color .3s;font-family: Ruda;letter-spacing:1.5px;}.PopularPosts ul li a:hover {color: #a0d3db }.PopularPosts .item-title {margin: 0 0 4px;padding: 0;line-height: 0 }.item-snippet {display: none;font-size: 0;padding-top: 0 }.PopularPosts ul {counter-reset: popularcount;margin: 0;padding: 0;}.PopularPosts .item-thumbnail::before {background: rgba(0, 0, 0, 0.3);bottom: 0px;content: "";height: 100px;width: 100px;left: 0px;right: 0px;margin: 0px auto;position: absolute;z-index: 3;}@media only screen and (max-width: 1200px) {.body-row {width: 96% !important;margin: 0 auto;float: none;}.headerright, .headerleft {float: none;width: 100%;text-align: center;height: auto;margin: 0 auto;clear: both;}.headerleft img {margin: auto;padding-bottom: 15px;}.headerright {margin: 0 auto;}#header-wrappers {color: #fff;padding: 10px 0;margin: 0 auto;}#main-wrapper {width: 70%;max-width: 740px;}#sidebar-wrapper1 {float: right;clear:both;margin-top:10px;}}@media only screen and (max-width: 980px) {#featured ul li {width: 100%;float: none;margin: 0 auto 20px;clear: both;}#main-wrapper, #sidebar-wrapper, #lowerbar-wrapper, #sidebar-wrapper1 {float: none;clear: both;width: 100%;margin: 0 auto;}#sidebar-wrapper1-old {display:none;}#main-wrapper {max-width: 100%;}#sidebar-wrapper {padding-top: 20px;}#nav1, #nav {display: none;}.selectnav {width: auto;color: #222;background: #f4f4f4;border: 1px solid rgba(255,255,255,0.1);position: relative;border: 0;padding: 6px 10px!important;margin: 5px 0;}.selectnav {display: block;width: 100%;max-width:200px;}.tm-menu .selectnav {display:inline-block;margin: 10px 0 0 10px;}#menu {text-align:left;}}@media screen and (max-width: 880px) {.item #content-wrapper {padding: 0 0 30px;}}@media only screen and (max-width: 768px) {.top-bar-social, .bottom-bar-social {float: none;width: 100%;clear: both;overflow: hidden;}.top-bar-menu {float: none;width: 100%;clear: both;margin-top: 0;margin-bottom: 10px;text-align: center;}.top-bar-social li, .bottom-bar-social li {display: inline-block;float: none;}.selectnav {display: inline-block;}#search-bar {display: none;}.ops-404 {width: 80%!important;}.title-404 {font-size: 160px!important;}.tyard .ty-first {width: 100%;float: none;padding-right: 0;margin-bottom: 10px;}.templatesyard .ty-feat .ty-rest .tyard-thumb, .templatesyard .ty-feat .ty-rest .yard-img {height: 300px;}.post-home-image {float: none;width: 100%;margin-bottom: 20px;position: relative;}.post-home-image .post-thumb a, .post-home-image .post-thumb, .post-home-image {height:250px;}#meta-post {text-align: center;}.index .post, .archive .post {text-align:center;}.ty_footer_copyright {text-align: center;display: block;clear: both;}}@media only screen and (max-width: 620px) {.ty-post-share li {width: 50%;}.related li {width: 100%;margin-left: 0;}}@media only screen and (max-width: 480px) {.ticker .title, .tk-thumb, .ticker .post-tag {display: none;}.index .post h2,.archive .post h2 {line-height: 25px;font-size: 23px;}h1.post-title {font-size: 22px;margin-bottom: 10px;}.tyard .ty-feat .ty-rest {width: 100%;float: none;padding: 0;margin-bottom: 10px;}.tyard .ty-feat .ty-rest:last-child {padding-left: 0;}#meta-post {display: inline-block;}#meta-post .post-labels {display: block;margin: 0 0 10px;clear: both;}.other-meta .other-meta-desc, .other-meta .other-meta-read {float: none;display: block;text-align: center;}.share-title {display: none;}.social-btns {float: none;text-align: center;}#sidebar-wrapper {max-width: 100%;}.index .post-outer {padding: 0 0 10px 0;}.ty-copy-container {text-align: center;}.temp-cred {float: none;display: block;clear: both;margin: 5px 0 0;}.ty_footer_copyright {float: none;display: block;clear: both;}}@media only screen and (max-width: 360px) {.title-404 {font-size: 150px!important;}.Header .description p, .showpageOf{display:none}}@media only screen and (max-width: 300px) {#sidebar-wrapper {display:none}.related-thumb {width: 100%;float: none;}.archive .post h2,.index .post h2 {line-height: 18px!important;font-size: 15px!important;}article {overflow: hidden;}#blog-pager {padding: 0;margin: 0;}.item #blog-pager {margin: 0 0 15px;}.index .resumo span,.archive .resumo span,.ty-author-box img, .breadcrumbs {display: none;}.ty-author-box ul li a {padding: 0;background: none;}.ops-404 {font-size: 20px!important;}.title-404 {font-size: 120px!important;}h1.post-title {font-size: 17px;}.top-bar-social #social a {width: 24px;height: 24px;line-height: 24px;}.top-bar-menu, .ty-ran-yard {display:none;}.ty-post-share li {width: 100%;}.comments .comments-content .comment-header {width: 100%;float: none;clear: both;margin: 0;padding: 0;}.comments .comments-content .comment-header {width: 100%;float: none;clear: both;margin: 0px 0 0px -35px;padding: 0;}}
]]>
    </b:skin>
    <style>
      /*-------Typography and ShortCodes-------*/
      .firstcharacter {
        float: left;
        color: #27ae60;
        font-size: 75px;
        line-height: 60px;
        padding-top: 4px;
        padding-right: 8px;
        padding-left: 3px
      }
      .post-body h1,
      .post-body h2,
      .post-body h3,
      .post-body h4,
      .post-body h5,
      .post-body h6 {
        margin-bottom: 15px;
        color: #2c3e50
      }
      blockquote {
        font-style: italic;
        color: #888;
        border-left: 5px solid #27ae60;
        margin-left: 0;
        padding: 10px 15px
      }
      blockquote:before {
        content: '
        \f10d'
        ;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 10px;
        color: #888
      }
      blockquote:after {
        content: '
        \f10e'
        ;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 10px;
        color: #888
      }
      .button {
        background-color: #2c3e50;
        float: left;
        padding: 5px 12px;
        margin: 5px;
        color: #fff;
        text-align: center;
        border: 0;
        cursor: pointer;
        border-radius: 3px;
        display: block;
        text-decoration: none;
        font-weight: 400;
        transition: all .3s ease-out !important;
        -webkit-transition: all .3s ease-out !important
      }
      a.button {
        color: #fff
      }
      .button:hover {
        background-color: #27ae60;
        color: #fff
      }
      .button.small {
        font-size: 12px;
        padding: 5px 12px
      }
      .button.medium {
        font-size: 16px;
        padding: 6px 15px
      }
      .button.large {
        font-size: 18px;
        padding: 8px 18px
      }
      .small-button {
        width: 100%;
        overflow: hidden;
        clear: both
      }
      .medium-button {
        width: 100%;
        overflow: hidden;
        clear: both
      }
      .large-button {
        width: 100%;
        overflow: hidden;
        clear: both
      }
      .demo:before {
        content: "
        \f06e"
        ;
        margin-right: 5px;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
      }
      .download:before {
        content: "
        \f019"
        ;
        margin-right: 5px;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
      }
      .buy:before {
        content: "
        \f09d"
        ;
        margin-right: 5px;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
      }
      .visit:before {
        content: "
        \f14c"
        ;
        margin-right: 5px;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
      }
      .widget .post-body ul,
      .widget .post-body ol {
        line-height: 1.5;
        font-weight: 400
      }
      .widget .post-body li {
        margin: 5px 0;
        padding: 0;
        line-height: 1.5
      }
      .post-body ul li:before {
        content: "
        \f105"
        ;
        margin-right: 5px;
        font-family: fontawesome
      }
      pre {
        font-family: Monaco, "
        Andale Mono"
        ,
        "
        Courier New"
        ,
        Courier,
        monospace;
        background-color: #2c3e50;
        background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
        background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
        background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
        background-image: -o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
        background-image: linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
        -webkit-background-size: 100% 50px;
        -moz-background-size: 100% 50px;
        background-size: 100% 50px;
        line-height: 25px;
        color: #f1f1f1;
        position: relative;
        padding: 0 7px;
        margin: 15px 0 10px;
        overflow: hidden;
        word-wrap: normal;
        white-space: pre;
        position: relative
      }
      pre:before {
        content: '
        Code'
        ;
        display: block;
        background: #F7F7F7;
        margin-left: -7px;
        margin-right: -7px;
        color: #2c3e50;
        padding-left: 7px;
        font-weight: 400;
        font-size: 14px
      }
      pre code,
      pre .line-number {
        display: block
      }
      pre .line-number a {
        color: #27ae60;
        opacity: 0.6
      }
      pre .line-number span {
        display: block;
        float: left;
        clear: both;
        width: 20px;
        text-align: center;
        margin-left: -7px;
        margin-right: 7px
      }
      pre .line-number span:nth-child(odd) {
        background-color: rgba(0, 0, 0, 0.11)
      }
      pre .line-number span:nth-child(even) {
        background-color: rgba(255, 255, 255, 0.05)
      }
      pre .cl {
        display: block;
        clear: both
      }
      #contact {
        background-color: #fff;
        margin: 30px 0 !important
      }
      #contact .contact-form-widget {
        max-width: 100% !important
      }
      #contact .contact-form-name,
      #contact .contact-form-email,
      #contact .contact-form-email-message {
        background-color: #FFF;
        border: 1px solid #eee;
        border-radius: 3px;
        padding: 10px;
        margin-bottom: 10px !important;
        max-width: 100% !important
      }
      #contact .contact-form-name {
        width: 47.7%;
        height: 50px
      }
      #contact .contact-form-email {
        width: 49.7%;
        height: 50px
      }
      #contact .contact-form-email-message {
        height: 150px
      }
      #contact .contact-form-button-submit {
        max-width: 100%;
        width: 100%;
        z-index: 0;
        margin: 4px 0 0;
        padding: 10px !important;
        text-align: center;
        cursor: pointer;
        background: #27ae60;
        border: 0;
        height: auto;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        text-transform: uppercase;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        transition: all .2s ease-out;
        color: #FFF
      }
      #contact .contact-form-button-submit:hover {
        background: #2c3e50
      }
      #contact .contact-form-email:focus,
      #contact .contact-form-name:focus,
      #contact .contact-form-email-message:focus {
        box-shadow: none !important
      }
      .alert-message {
        position: relative;
        display: block;
        background-color: #FAFAFA;
        padding: 20px;
        margin: 20px 0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        color: #2f3239;
        border: 1px solid
      }
      .alert-message p {
        margin: 0 !important;
        padding: 0;
        line-height: 22px;
        font-size: 13px;
        color: #2f3239
      }
      .alert-message span {
        font-size: 14px !important
      }
      .alert-message i {
        font-size: 16px;
        line-height: 20px
      }
      .alert-message.success {
        background-color: #f1f9f7;
        border-color: #e0f1e9;
        color: #1d9d74
      }
      .alert-message.success a,
      .alert-message.success span {
        color: #1d9d74
      }
      .alert-message.alert {
        background-color: #DAEFFF;
        border-color: #8ED2FF;
        color: #378FFF
      }
      .alert-message.alert a,
      .alert-message.alert span {
        color: #378FFF
      }
      .alert-message.warning {
        background-color: #fcf8e3;
        border-color: #faebcc;
        color: #8a6d3b
      }
      .alert-message.warning a,
      .alert-message.warning span {
        color: #8a6d3b
      }
      .alert-message.error {
        background-color: #FFD7D2;
        border-color: #FF9494;
        color: #F55D5D
      }
      .alert-message.error a,
      .alert-message.error span {
        color: #F55D5D
      }
      .fa-check-circle:before {
        content: "
        \f058"
      }
      .fa-info-circle:before {
        content: "
        \f05a"
      }
      .fa-exclamation-triangle:before {
        content: "
        \f071"
      }
      .fa-exclamation-circle:before {
        content: "
        \f06a"
      }
      .post-table table {
        border-collapse: collapse;
        width: 100%
      }
      .post-table th {
        background-color: #eee;
        font-weight: bold
      }
      .post-table th,
      .post-table td {
        border: 0.125em solid #333;
        line-height: 1.5;
        padding: 0.75em;
        text-align: left
      }
      @media (max-width: 30em) {
        .post-table thead tr {
          position: absolute;
          top: -9999em;
          left: -9999em
        }
        .post-table tr {
          border: 0.125em solid #333;
          border-bottom: 0
        }
        .post-table tr+tr {
          margin-top: 1.5em
        }
        .post-table tr,
        .post-table td {
          display: block
        }
        .post-table td {
          border: none;
          border-bottom: 0.125em solid #333;
          padding-left: 50%
        }
        .post-table td:before {
          content: attr(data-label);
          display: inline-block;
          font-weight: bold;
          line-height: 1.5;
          margin-left: -100%;
          width: 100%
        }
      }
      @media (max-width: 20em) {
        .post-table td {
          padding-left: 0.75em
        }
        .post-table td:before {
          display: block;
          margin-bottom: 0.75em;
          margin-left: 0
        }
      }
      .FollowByEmail {
        clear: both;
      }
      .widget .post-body ol {
        padding: 0 0 0 15px;
      }
      .post-body ul li {
        list-style: none;
      }
    </style>
    <b:template-skin>
      <![CDATA[
/*------Layout (No Edit)----------*/
body#layout #body-wrapper {padding: 0;width: 800px }body#layout .theme-opt {display: block !important;}body#layout .section h4 {color: #333!important;text-align:center;text-transform:uppercase;letter-spacing:1.5px;}body#layout .top-bar-social, body#layout .top-bar-menu {width: 47.3%;}body#layout .headerleft {width: 250px;}body#layout .headerright {width: 460px;}body#layout .ticker .widget {height: auto;overflow: visible;}body#layout .ticker .widget-content {height: auto;}body#layout .post-author-widget, body#layout .post-author-social {display: block;visibility:visible;height: auto;width: 42.43%;float:left;}body#layout .post-author-social {float:right;}body#layout .tm-menu {height: auto;}body#layout #menu {display: block;visibility:visible;height: auto;}body#layout #menu .widget {display: block;visibility:visible;}body#layout .preload {opacity:1;}body#layout #content-wrapper {margin: 0 auto;padding:0;}body#layout #adwidegt1 .widget, body#layout #adwidegt2 .widget, body#layout #adwidegt3 .widget {display:block;}body#layout #main-wrapper {float: left;width: 43%;margin: 0;padding: 0 }body#layout #sidebar-wrapper1 {max-width: 230px;}body#layout #sidebar-wrapper {float: right;width: 28%;margin: 0;padding: 0;}body#layout .sidebar.section {background-color: #ff7f00!important;border: 1px solid #ca7900;}body#layout .sidetabs .section {background-color: #ffd400 !important;border: 1px solid #dcbc20;}body#layout #sidebar-wrapper .section .widget-content {border-color: #5a7ea2!important }body#layout .section .draggable-widget .widget-wrap2 {background-color: #00c8d7!important }body#layout #main-wrapper #main {margin-right: 4px;background-color: #5a7ea2;border-color: #34495e }body#layout #main-wrapper #main h4 {color: #fff!important }body#layout .layout-widget-description {display: none!important }body#layout #Blog1 .widget-content {border-color: #34495e }body#layout .add_widget {background: #ebebeb;border: 1px solid #dddddd;}body#layout .FollowByEmail .widget-content:before {display: none;}body#layout .bottom-bar-social {display: block;float: none;}body#layout #lower, body#layout #lower-wrapper, body#layout #lowerbar-wrapper, body#layout #ty_footer, body#layout #header-wrappers {padding: 0;}body#layout .editlink {background: #00c8d7;color: #fff !important;padding: 0 3px;line-height: 18px;border: 1px solid #00b0bd;border-radius: 3px;text-transform: uppercase;letter-spacing: 1px;text-decoration: none !important;}
/*------Layout (end)----------*/
]]>
    </b:template-skin>
    <b:include data='blog' name='google-analytics' />
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript' />
    <script type='text/javascript'>
      //<![CDATA[
      //CSS Ready
      //CSS Ready
      function loadCSS(e, t, n) {
        "use strict";
        var i = window.document.createElement("link");
        var o = t || window.document.getElementsByTagName("script")[0];
        i.rel = "stylesheet";
        i.href = e;
        i.media = "only x";
        o.parentNode.insertBefore(i, o);
        setTimeout(function() {
          i.media = n || "all"
        })
      }
      loadCSS("//fonts.googleapis.com/css?family=Ruda:400,700|Open+Sans:400,600,700,400italic|Bungee+Inline");
      loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
      //]]>
    </script>
    <script type='text/javascript'>
      snippet_count = 150;
      //<![CDATA[
      function removeHtmlTag(strx, chop) {
        if (strx.indexOf("<") != -1) {
          var s = strx.split("<");
          for (var i = 0; i < s.length; i++) {
            if (s[i].indexOf(">") != -1) {
              s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length);
            }
          }
          strx = s.join("");
        }
        chop = (chop < strx.length - 1) ? chop : strx.length - 2;
        while (strx.charAt(chop - 1) != ' ' && strx.indexOf(' ', chop) != -1) chop++;
        strx = strx.substring(0, chop - 1);
        return strx + '...';
      }
      function createSnippet(pID) {
        var div = document.getElementById(pID);
        var summ = snippet_count;
        var summary = '<div class="snippets">' + removeHtmlTag(div.innerHTML, summ) + '</div>';
        div.innerHTML = summary;
      }
      //]]>
    </script>
    <b:if cond='data:blog.pageType == "static_page"'>
      <script type='text/javascript'>
        /*<![CDATA[*/
        $(document).ready(function() {
          var static_page_text = $.trim($(".post-body").text());
          var text_month = [, "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
          if (static_page_text === "[sitemap]") {
            var postbody = $(".post-body");
            $.ajax({
              url: "/feeds/posts/default?alt=json-in-script",
              type: "get",
              dataType: "jsonp",
              success: function(e) {
                var t = [];
                for (var n = 0; n < e.feed.category.length; n++) {
                  t.push(e.feed.category[n].term)
                }
                var t = t.join("/");
                postbody.html('<div class="btnt-sitemap"></div>');
                $(".post-body .btnt-sitemap").text(t);
                var r = $(".btnt-sitemap").text().split("/");
                var i = "";
                for (get = 0; get < r.length; ++get) {
                  i += "<span>" + r[get] + "</span>"
                }
                $(".btnt-sitemap").html(i);
                $(".btnt-sitemap span").each(function() {
                  var e = $(this);
                  var t = $(this).text();
                  $.ajax({
                    url: "/feeds/posts/default/-/" + t + "?alt=json-in-script",
                    type: "get",
                    dataType: "jsonp",
                    success: function(n) {
                      var r = "";
                      var i = '<ul class="btnt-toc">';
                      for (var s = 0; s < n.feed.entry.length; s++) {
                        for (var o = 0; o < n.feed.entry[s].link.length; o++) {
                          if (n.feed.entry[s].link[o].rel == "alternate") {
                            r = n.feed.entry[s].link[o].href;
                            break
                          }
                        }
                        var u = n.feed.entry[s].title.$t;
                        var a = n.feed.entry[s].published.$t,
                          f = a.substring(0, 4),
                          l = a.substring(5, 7),
                          c = a.substring(8, 10),
                          h = '<span class="day">' + c.replace(/^0+/, "") + '</span><span class="month">' + text_month[parseInt(l, 10)] + ' </span><span class="year">' + f + "</span>";
                        i += '<li><div class="toc-date">' + h + '</div><div class="btnt-icon"></div><span class="btnt-post"><a href="' + r + '">' + u + "</a></span></li>"
                      }
                      i += "</ul>";
                      e.replaceWith('<div class="btnt-toc-wrap"><div class="btnt-cat">' + t + '</div>' + i + "</div>")
                    }
                  })
                })
              }
            })
          }
        });
        /*]]>*/
      </script>
      <style type='text/css'>
        .btnt-sitemap {
          border-bottom: 4px solid #444;
        }
        .btnt-toc-wrap {
          display: inline-block;
          width: 100%;
        }
        .btnt-toc-wrap .btnt-cat {
          background: #333;
          border-radius: 2px;
          color: #fff;
          font-size: 15px;
          font-weight: bold;
          padding: 10px 20px;
          text-transform: capitalize;
        }
        .btnt-toc::before {
          background: #333;
          bottom: 0;
          content: "
          "
          ;
          left: 20%;
          margin-left: -10px;
          position: absolute;
          top: 0;
          width: 4px;
        }
        .btnt-toc {
          margin: 0;
          padding: 30px 20px;
          position: relative;
        }
        .btnt-toc li {
          list-style: none;
          margin: 0;
          padding: 0;
          position: relative;
        }
        .btnt-toc >
        li .toc-date {
          color: #999;
          display: block;
          font-size: 14px;
          font-weight: bold;
          position: absolute;
          text-transform: uppercase;
          top: 25px;
          width: 15%;
        }
        .btnt-toc >
        li .btnt-icon {
          background: #fff;
          border-radius: 50%;
          box-shadow: 0 0 0 4px #333;
          color: #fff;
          font-size: 1.4em;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          height: 10px;
          left: 18.6%;
          line-height: 10px;
          margin: 0 0 0 -25px;
          position: absolute;
          text-align: center;
          text-transform: none;
          top: 30px;
          width: 10px;
        }
        .btnt-toc >
        li .btnt-post::after {
          border-color: transparent #f5f5f5 transparent transparent;
          border-style: solid;
          border-width: 10px;
          content: "
          "
          ;
          height: 0;
          pointer-events: none;
          position: absolute;
          right: 100%;
          top: auto;
          width: 0;
        }
        .btnt-toc >
        li .btnt-post {
          background: #f5f5f5;
          border-radius: 5px;
          display: block;
          font-size: 15px;
          line-height: 15px;
          margin: 0 0 15px 23%;
          padding: 25px 30px;
          position: relative;
        }
        .btnt-toc >
        li .btnt-post a {
          color: #333;
          font-weight: bold;
          font-family: Ruda;
        }
        .btnt-toc >
        li .btnt-post a:hover {
          color: #999;
        }
      </style>
    </b:if>
  </head>
  <body expr:class='data:blog.pageType'>
    <div class='theme-opt' style='display:none'>
      <b:section class='option' id='option' maxwidgets='1' name='Theme Options' showaddelement='yes'>
        <b:widget id='HTML900' locked='true' title='Boxed(True/False)' type='HTML' version='1'>
          <b:widget-settings>
            <b:widget-setting name='content' />
          </b:widget-settings>
          <b:includable id='main'>
            <b:if cond='data:content == "true"'>
              <style>@media only screen and (min-width:1143px){#body-wrapper{max-width:1220px;}}</style>
          </b:if>
        </b:includable>
      </b:widget>
      <b:widget id='HTML910' locked='true' title='PageNavi Results No.' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'>  
          <b:if cond='data:content == ""'>       
            <script type='text/javascript'>
              //<![CDATA[
              var perPage = 6;
              //]]>
            </script>
            <b:else/>
            <script type='text/javascript'>
            //<![CDATA[
                var perPage = <data:content/>;
            //]]>
            </script>
          </b:if>
        </b:includable>
      </b:widget>
    </b:section>
  </div>
<div id="body-wrapper" class="<data:blog.pageType/><b:if cond='data:blog.url == data:blog.homepageUrl'> home</b:if><b:if cond='data:blog.pageType == "static_page"'> item</b:if><b:if cond='data:blog.pageType == "archive"'> index</b:if>">
<div class='top-bar'>
		<div class='top-bar-wrapper body-row'>
			<b:section class='top-bar-social blue' id='header social widget' maxwidgets='1' name='Top Social Widget' showaddelement='no'>
<b:widget id='LinkList230' locked='true' title='Social Media Icons' type='LinkList' version='1'>
  <b:widget-settings>
    <b:widget-setting name='text-9'>delicious</b:widget-setting>
    <b:widget-setting name='link-9'>#</b:widget-setting>
    <b:widget-setting name='text-8'>instagram</b:widget-setting>
    <b:widget-setting name='link-7'>#</b:widget-setting>
    <b:widget-setting name='link-8'>#</b:widget-setting>
    <b:widget-setting name='link-5'>#</b:widget-setting>
    <b:widget-setting name='link-6'>#</b:widget-setting>
    <b:widget-setting name='link-3'>#</b:widget-setting>
    <b:widget-setting name='link-4'>#</b:widget-setting>
    <b:widget-setting name='text-1'>twitter</b:widget-setting>
    <b:widget-setting name='text-0'>facebook</b:widget-setting>
    <b:widget-setting name='text-3'>pinterest</b:widget-setting>
    <b:widget-setting name='text-2'>gplus</b:widget-setting>
    <b:widget-setting name='text-5'>dribbble</b:widget-setting>
    <b:widget-setting name='text-4'>bloglovin</b:widget-setting>
    <b:widget-setting name='text-7'>behance</b:widget-setting>
    <b:widget-setting name='text-6'>rss</b:widget-setting>
    <b:widget-setting name='sorting'>NONE</b:widget-setting>
    <b:widget-setting name='link-1'>#</b:widget-setting>
    <b:widget-setting name='link-2'>#</b:widget-setting>
    <b:widget-setting name='link-0'>#</b:widget-setting>
  </b:widget-settings>
  <b:includable id='main'>
            <div class='widget-content'>
              <ul id='social'>
                <b:loop values='data:links' var='link'>
                  <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name'/></li>
                </b:loop>
              </ul>
            </div>
          </b:includable>
</b:widget>
</b:section>
	<div class='top-bar-menu'>
<div class='top-menu'>
  <b:section class='top-menu' id='top-menu' maxwidgets='1' showaddelement='yes'>
    <b:widget id='LinkList940' locked='true' title='Main Menu' type='LinkList' version='1'>
      <b:widget-settings>
        <b:widget-setting name='sorting'>NONE</b:widget-setting>
        <b:widget-setting name='text-1'>About Us</b:widget-setting>
        <b:widget-setting name='link-1'>https://master-blog-templof.blogspot.com/</b:widget-setting>
        <b:widget-setting name='text-0'>Home</b:widget-setting>
        <b:widget-setting name='link-2'>https://master-blog-templof.blogspot.com/</b:widget-setting>
        <b:widget-setting name='link-0'>/</b:widget-setting>
        <b:widget-setting name='text-2'>Contact Us</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
          <div class='widget-content'>
            <ul id='nav' itemscope='' itemtype='http://schema.org/SiteNavigationElement'> 
              <b:loop values='data:links' var='link'>
                <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
              </b:loop>
           </ul>
          </div>
        </b:includable>
    </b:widget>
  </b:section>
</div></div>
		</div>
	</div>
<div style='clear: both;'/>
<div class='header-wrap'>
<div class='body-row' id='header-wrappers'>
    <div class='headerleft'> 
      <b:section class='headerleft' id='headerleft' maxwidgets='1' name='Blog Logo' showaddelement='no'>
         <b:widget id='Header1' locked='true' title='Master Blog (Header)' type='Header' version='1'>
           <b:widget-settings>
             <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiH-CYasv0Vu7ndrsRGUH_0wcaPvmhyXz6q7PVGXh-w1dltW0HDuPqCeISI-aYgxqfea7GVtuUlod5dk3OD2_ztnQ_dfxdpmQiEJUlEN-cAVXfvIZ4xBNmjuzPyEMZ1xe7aWybvkzq61hS/s1600/Master+Logo.png</b:widget-setting>
             <b:widget-setting name='displayHeight'>80</b:widget-setting>
             <b:widget-setting name='sectionWidth'>284</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'>260</b:widget-setting>
           </b:widget-settings>
           <b:includable id='main'>
  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "BEHIND"'>

      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <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/>

      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'><h1 style='display:none'/>
          <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>

        <!--Show the description-->
        <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>

    <!--No header image -->
    <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:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
    <data:title/>
  </b:tag>
</b:includable>
         </b:widget>
       </b:section> 
</div>
  <b:if cond='data:blog.url != "http://sigma-templatesyard.blogspot.com//demo"'>
<div class='headerright'> 
<b:section class='headerright' id='headerright' maxwidgets='1' name='Header Ads' showaddelement='yes'>
   <b:widget id='HTML1' locked='false' title='' type='HTML' version='1'>
     <b:widget-settings>
       <b:widget-setting name='content'><span>
<div class="lalulintas"><span class="rambuhijau">Ads Here</span>
</div>
<style type="text/css">
.lalulintas{width:100%;height:100px;background:#f11809;margin:0 auto;position:relative;}
.rambuhijau{background:#f8695f;position:absolute;display:block;color:rgba(0,0,0,0.2);text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:180%;padding:10px;margin:5px;left:0;right:0;top:0;bottom:0;font-weight:700;line-height:4.4rem}
@media only screen and (max-width: 768px) {
.rambuhijau {font-size:100%;}
}
</style></span></b:widget-setting>
     </b:widget-settings>
     <b:includable id='main'>

  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <!--b:include name='quickedit'/-->
</b:includable>
   </b:widget>
 </b:section> 
</div>
   </b:if>
<div style='clear: both;'/>
  </div>
  </div> 
<div class='tm-menu'>
<div class='body-row menu-wrap'>
        <b:section class='menu' id='menu' maxwidgets='1' name='Main Menu' showaddelement='yes'>
          <b:widget id='LinkList210' locked='true' title='Menu' type='LinkList' version='1'>
            <b:widget-settings>
              <b:widget-setting name='text-9'>Documentation</b:widget-setting>
              <b:widget-setting name='link-9'>https://hotshortcut.blogspot.com</b:widget-setting>
              <b:widget-setting name='text-8'>Seo Services</b:widget-setting>
              <b:widget-setting name='link-7'>https://master-blog-templof.blogspot.com</b:widget-setting>
              <b:widget-setting name='link-8'>#</b:widget-setting>
              <b:widget-setting name='text-10'>Download This Template</b:widget-setting>
              <b:widget-setting name='link-5'>https://master-blog-templof.blogspot.com</b:widget-setting>
              <b:widget-setting name='link-6'>http://templof.blogspot.com</b:widget-setting>
              <b:widget-setting name='link-3'>#</b:widget-setting>
              <b:widget-setting name='link-4'>#</b:widget-setting>
              <b:widget-setting name='text-1'>_Multi DropDown</b:widget-setting>
              <b:widget-setting name='text-0'>Features</b:widget-setting>
              <b:widget-setting name='text-3'>__DropDown 2</b:widget-setting>
              <b:widget-setting name='text-2'>__DropDown 1</b:widget-setting>
              <b:widget-setting name='text-5'>_ShortCodes</b:widget-setting>
              <b:widget-setting name='text-4'>__DropDown 3</b:widget-setting>
              <b:widget-setting name='text-7'>_Error Page</b:widget-setting>
              <b:widget-setting name='text-6'>_SiteMap</b:widget-setting>
              <b:widget-setting name='sorting'>NONE</b:widget-setting>
              <b:widget-setting name='link-1'>#</b:widget-setting>
              <b:widget-setting name='link-2'>#</b:widget-setting>
              <b:widget-setting name='link-0'>#</b:widget-setting>
              <b:widget-setting name='link-10'>http://hotshortcut.blogspot.com/p/blogger-template.html</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
            <div class='widget-content'>
              <ul itemscope='' itemtype='http://schema.org/SiteNavigationElement'> 
                <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
                <b:loop values='data:links' var='link'>
                  <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
                </b:loop>
              </ul>
            </div>
          </b:includable>
          </b:widget>
        </b:section>
<div class='ty-ran-yard'><span><a class='ran-sym'/></span></div>
  </div>
      </div>
<div style='clear: both;'/> 
    <div class='body-row' id='content-wrapper'>
<div id='sidebar-wrapper1-old'>
 <div id='sidebar-wrapper1'>
<b:section class='sidebar ty-trigger' id='Left sidebar' preferred='yes'>
  <b:widget id='HTML83' locked='false' title='Sponsor' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'><![CDATA[<a href="#"><img alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3aEYJ4kl40QYflCyTufZILknTEWE6CvnW7T6Esz-XUs3xEsX8zff6JJa9k9AG9Rjf5ESvZeepOEbHIYntuwlhP754kXCgpPYfOggnTdsrDt3_mWdfQW3DjpEBCsuVP9v7-XATOAA47oM/s1600-r/ad3.png" /></a>]]></b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>

  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<!--b:include name='quickedit'/-->
</b:includable>
  </b:widget>
  <b:widget id='Label12' locked='false' title='Categories' type='Label' version='1'>
    <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'>Business,Entertainment,Graphic Design,Learn,Photography,Print Design,Technology,Web Design</b:widget-setting>
      <b:widget-setting name='showType'>USER_SELECTED</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:section>
    </div>
</div>
    <div id='main-wrapper'>
   <b:section class='main' id='main' showaddelement='yes'>
     <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'>#3d3d3d</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'>#0088ff</b:widget-setting>
         <b:widget-setting name='showAuthor'>true</b:widget-setting>
         <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
         <b:widget-setting name='style.linkcolor'>#0088ff</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'>false</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'>

    <!-- posts -->
    <div class='blog-posts hfeed'>
      <b:include data='top' name='status-message'/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
          </div></div>
        </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:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
        </div>

        <!-- Ad -->
        <b:if cond='data:post.includeAd'>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        </div></div>
      </b:if>
    </div>

    <!-- navigation -->
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>
  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>
  <b:if cond='data:top.showPlusOne'>
    <data:top.googlePlusBootstrap/>
  </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='https://resources.blogblog.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
       <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
       <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
    </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='https://resources.blogblog.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:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>
       <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4><data:post.commentLabelFull/>:</h4>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <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>
               
          </b:if>
          <data:post.commentRangeText/>
          <b:if cond='data:post.hasNewerLinks'>
             
            <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>
          </b:if>
        </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:elseif cond='data:post.allowComments'/>
          <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
        </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:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
    </div>
    </div>
  </div>
</b:includable>
       <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != "item"'>

 <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
      </div>
    </b:if>
  <b:else/>

 <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
      </b:loop>
    </div>
  </b:if>
</b:includable>
       <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
       <b:includable id='iframe_comments' var='post'>
  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
    <b:if cond='data:post.embedCommentForm == "false"'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
       <b:includable id='mobile-index-post' var='post'>
  <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' itemprop='name'>
          <data:post.title/>
        </h3>
        <div class='mobile-index-arrow'>›</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:include cond='data:blog.pageType != "static_page"                          and data:post.allowComments                          and data:post.numComments != 0' data='post' name='comment_count_picker'/>
      </div>
    </div>
  </div>
</b:includable>
       <b:includable id='mobile-main' var='top'>

    <!-- posts -->
    <div class='blog-posts hfeed'>
      <b:include data='top' name='status-message'/>
      <b:if cond='data:blog.pageType == "index"'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>
   <b:include name='mobile-nextprev'/>
</b:includable>
       <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>‹</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'>›</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'> 
                     <b:if cond='data:blog.pageType == "index"'> 
    <h2 class='post-title entry-title' itemprop='name'> 
     <b:if cond='data:post.link'> 
       <a expr:href='data:post.link' itemprop='url'><data:post.title/></a> 
     <b:else/> 
        <b:if cond='data:post.url'> 
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a> 
<b:else/> 
          <data:post.title/> 
        </b:if> 
     </b:if> 
     </h2>
                       <b:elseif cond='data:blog.pageType == "archive"'/> 
<h2 class='post-title entry-title' itemprop='name'> 
     <b:if cond='data:post.link'> 
       <a expr:href='data:post.link' itemprop='url'><data:post.title/></a> 
     <b:else/> 
        <b:if cond='data:post.url'> 
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a> 
<b:else/> 
          <data:post.title/> 
        </b:if> 
     </b:if> 
      </h2>
<b:else/> 
<h1 class='post-title entry-title' itemprop='name'> 
     <b:if cond='data:post.link'> 
       <data:post.title/> 
     <b:else/> 
        <b:if cond='data:post.url'> 
         <data:post.title/> 
<b:else/> 
          <data:post.title/> 
        </b:if> 
     </b:if> 
      </h1> 
</b:if> 
                    </b:if> 
          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>
          <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
            <data:post.body/>
            <div style='clear: both;'/>

 <!-- clear for photos floats -->
          </div>
          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <span itemprop='name'><data:post.author/></span>
                    </span>
                  </b:if>
                </b:if>
              </span>
              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>
              <span class='post-comment-link'>
                <b:include cond='data:blog.pageType not in {"item","static_page"}                                  and data:post.allowComments' data='post' name='comment_count_picker'/>
              </span>
            </div>
            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>
          </div>
        </div>
        <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
      </div>
    </div>
  </div>
</b:includable>
       <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>
  <div class='clear'/>
</b:includable>
       <b:includable id='post' var='post'>
  <div class='post hentry'> 
     <b:if cond='data:blog.pageType == "index"'>
              <b:if cond='data:post.thumbnailUrl'>
                <div class='post-home-image'><span class='post-labels'>
        <b:if cond='data:post.labels'>
         <i class='fa fa-folder-open-o'/>
         <b:loop values='data:post.labels' var='label'>
                                  <b:if cond='data:label.isLast == "true"'>
                                    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
                                  </b:if>
                                </b:loop>
        </b:if>
       </span><div class='post-thumb'>
               <a href='<data:post.url/>' style='background:url(<data:post.thumbnailUrl/>) no-repeat center center;background-size:cover'></a>
                </div></div>
                <b:else/>
              <b:if cond='data:post.firstImageUrl'>
                <div class='post-home-image'><span class='post-labels'>
        <b:if cond='data:post.labels'>
         <i class='fa fa-folder-open-o'/>
         <b:loop values='data:post.labels' var='label'>
                                  <b:if cond='data:label.isLast == "true"'>
                                    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
                                  </b:if>
                                </b:loop>
        </b:if>
       </span><div class='post-thumb'>
                  <a href='<data:post.url/>' style='background:url(<data:post.firstImageUrl/>) no-repeat center center;background-size:cover'></a>
                </div></div>
                <b:else/>
                <div class='post-home-image'><span class='post-labels'>
        <b:if cond='data:post.labels'>
         <i class='fa fa-folder-open-o'/>
         <b:loop values='data:post.labels' var='label'>
                                  <b:if cond='data:label.isLast == "true"'>
                                    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
                                  </b:if>
                                </b:loop>
        </b:if>
       </span><div class='post-thumb'>
               <a href='<data:post.url/>' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAnv3VwaT_kTTyI6u6CfCpazzIIBNOvPM0OMZBUF98KZ7_hAAu1LgT_PVDe-RcNX-GzeWJfJZp5IMiuleyBG6bpujJFj91WD4MumtTFShH9eRCWD4dMHjvHpfMj3aXQEymULumei5HlX2M/s1600-r/nothumb.jpg) no-repeat center center;background-size:cover'></a>
                </div></div>
             </b:if></b:if>
            </b:if>
            <b:if cond='data:blog.pageType == "archive"'>
              <b:if cond='data:post.thumbnailUrl'>
                <div class='post-home-image'><span class='post-labels'>
        <b:if cond='data:post.labels'>
         <i class='fa fa-folder-open-o'/>
         <b:loop values='data:post.labels' var='label'>
                                  <b:if cond='data:label.isLast == "true"'>
                                    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
                                  </b:if>
                                </b:loop>
        </b:if>
       </span><div class='post-thumb'>
               <a href='<data:post.url/>' style='background:url(<data:post.thumbnailUrl/>) no-repeat center center;background-size:cover'></a>
                </div></div>
                <b:else/>
              <b:if cond='data:post.firstImageUrl'>
                <div class='post-home-image'><span class='post-labels'>
        <b:if cond='data:post.labels'>
         <i class='fa fa-folder-open-o'/>
         <b:loop values='data:post.labels' var='label'>
                                  <b:if cond='data:label.isLast == "true"'>
                                    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
                                  </b:if>
                                </b:loop>
        </b:if>
       </span><div class='post-thumb'>
                  <a href='<data:post.url/>' style='background:url(<data:post.firstImageUrl/>) no-repeat center center;background-size:cover'></a>
                </div></div>
                <b:else/>
                <div class='post-home-image'><span class='post-labels'>
        <b:if cond='data:post.labels'>
         <i class='fa fa-folder-open-o'/>
         <b:loop values='data:post.labels' var='label'>
                                  <b:if cond='data:label.isLast == "true"'>
                                    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
                                  </b:if>
                                </b:loop>
        </b:if>
       </span><div class='post-thumb'>
               <a href='<data:post.url/>' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAnv3VwaT_kTTyI6u6CfCpazzIIBNOvPM0OMZBUF98KZ7_hAAu1LgT_PVDe-RcNX-GzeWJfJZp5IMiuleyBG6bpujJFj91WD4MumtTFShH9eRCWD4dMHjvHpfMj3aXQEymULumei5HlX2M/s1600-r/nothumb.jpg) no-repeat center center;background-size:cover'></a>
                </div></div>
             </b:if></b:if>
            </b:if>
    <b:if cond='data:blog.pageType == "item"'>
    <div itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
    </b:if>
    <div class='post-header'>
 <b:if cond='data:blog.pageType == "item"'>
 <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
    <span typeof='v:Breadcrumb'><a class='bhome' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span><i class='fa fa-times'/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.labels'>
      <b:loop values='data:post.labels' var='label'>
        <span typeof='v:Breadcrumb'>
        <a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
        <b:if cond='data:label.isLast != "true"'><i class='fa fa-times'/></b:if>
      </b:loop>
      <b:else/>
         Unlabelled
      </b:if>
       <i class='fa fa-times'/><span><data:post.title/></span>
    </b:loop>
  </div>
        <b:if cond='data:post.title'>
      <div class='post-head'>
<h1 class='post-title entry-title' itemprop='name headline'>
      <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></div>
    </b:if>
        <div class='post-meta'>
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <i class='fa fa-user'/>
            <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 class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
                  <span itemprop='name'><data:post.author/></span>
                </a>
              </span>
            <b:else/>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
                  <span itemprop='name'><data:post.author/></span></a>
              </span>
            </b:if>
        </b:if>
      </span>
 <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <i class='fa fa-calendar-o'/>
        <b:if cond='data:post.url'>
          <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>
<span class='label-head'>
        <b:if cond='data:post.labels'>
           <i class='fa fa-folder-o'/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/>,</a><b:if cond='data:label.isLast != "true"'/>
          </b:loop>
        </b:if>
      </span>
        </div>
 <div style='clear: both;'/>
<div class='ads-posting'>
  <a name='ad-post-top'/>
</div>
 <div style='clear: both;'/>
   </b:if>
  <b:if cond='data:blog.pageType == "static_page"'>
    <b:if cond='data:post.title'>
      <div class='post-head'><h1 class='post-title entry-title' itemprop='name'>
      <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></div>
    </b:if>
    </b:if>
    </div>

    <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
    <article>
         <b:if cond='data:blog.pageType != "item"'>
         <b:if cond='data:blog.pageType != "static_page"'>
 <b:if cond='data:post.title'>
              <font class='retitle'>
                <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'>
                       <a expr:href='data:post.url'>
                       <data:post.title/>
                      </a>
                      <b:else/>
                     <data:post.title/>
                     </b:if>
                   </b:if>
                  </h2>
                    </font>
                </b:if>
           <div style='clear:both;'/>
                  <div class='date-header'>
                     <div id='meta-post'>
                       <i class='fa fa-user-circle-o' style='margin: 0 2px 0 0;'/><a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
                  <span itemprop='name'><data:post.author/></span></a>  <i class='fa fa-calendar' style='margin: 0 2px;'/>
<abbr class='published timeago' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr> <span class='post-comment-link'>
                            <i class='fa fa-commenting-o' style='margin: 0 2px;'/>
                           <b:if cond='data:post.allowComments'>
            <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                <data:post.numComments/>
            </a>
        </b:if>
                          </span></div>
<div class='resumo'>
<span>
  <data:post.snippet/>
</span>
</div>
                      <div style='clear: both;'/>
<a class='read-more anchor-hover' expr:href='data:post.url'><data:post.jumpText/></a>
                      </div>
            <b:else/>
       <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
         <meta expr:content='data:post.snippet' name='twitter:description'/>
         <data:post.body/>
       </div>
          </b:if>
          <b:else/>
       <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
         <meta expr:content='data:post.snippet' name='twitter:description'/>
         <data:post.body/>
       </div>
         </b:if>
     </article>
    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>
    <div class='post-footer'>
<b:if cond='data:blog.pageType == "item"'>
<span class='label-head'>
        <b:if cond='data:post.labels'>
          <span class='label-title'>Tags</span>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'># <data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
          </b:loop>
        </b:if>
      </span>
<div style='clear: both;'/>
<div class='ads-posting'>
  <a name='ad-post-bottom'/>
</div>
<div class='ty-post-share'>
		<ul class='ty-post-share-list'>
		<li class='ty-twitter'>
			<a expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'>
				<span class='fa fa-twitter'/>Tweet			</a>
		</li>
		<li class='ty-facebook'>
			<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'>
				<span class='fa fa-facebook'/>Share			</a>
		</li>
		<li class='ty-pinterest'>
			<a href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());' rel='nofollow' target='_blank'>
				<span class='fa fa-pinterest'/>Pin it			</a>
		</li>
<li class='ty-whatsapp'>
			<whatsapp expr:href='data:post.url' expr:text='data:post.title'/>
<a class='wat-art' expr:href='"whatsapp://send?text=" + data:post.title + " >> " + data:post.url' rel='nofollow' target='_blank'><span class='fa fa-whatsapp'/>Whatsapp</a>
		</li>
		<li class='ty-comment'>
			<a href='#put-your-comment' rel='nofollow' title='Comment'>
				<span class='fa fa-commenting-o'/>Comment			</a>
		</li>
	</ul>
</div>
      <div style='clear:both'/> 
<div class='ty-author-box'>
<img alt='Author Image' class='avatar avatar-60 photo' expr:src='data:post.authorPhoto.url' height='150' width='140'/>
<p>
<b>About <data:post.author/></b>
  <br/>
 <span>Templatesyard is a blogger resources site is a provider of high quality blogger template with premium looking layout and robust design. The main mission of templatesyard is to provide the best quality blogger templates which are professionally designed and perfectlly seo optimized to deliver best result for your blog.</span>
 </p>
</div>
      <div style='clear:both'/>  
<div id='related-posts'>
        <b:if cond='data:post.labels'>
          <b:loop values='data:post.labels' var='label'>
            <b:if cond='data:label.isLast == "true"'>
              <data:label.name/>
            </b:if>
          </b:loop>
        </b:if>
      </div>
<div style='clear:both'/>  
   </b:if>
    <div class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
            <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 class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                  <span itemprop='name'><data:post.author/></span>
                </a>
              </span>
            <b:else/>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <span itemprop='name'><data:post.author/></span>
              </span>
            </b:if>
        </b:if>
      </span>
      <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
          <b:if cond='data:post.url'>
            <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
            <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
          </b:if>
        </b:if>
      </span>
      <span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span> </td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span>
      <span class='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>

       <!-- backlinks -->
       <span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType not in {"item","static_page"}                      and data:post.showBacklinks'>
           <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
         </b:if>
       </span>
      <span class='post-icons'>

        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
            <img alt='' class='icon-action' height='13' src='//img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>

      <!-- share buttons -->
      <div class='post-share-buttons goog-inline-block'>
        <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
      </div>
      </div>
      <div class='post-footer-line post-footer-line-2'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
          </b:loop>
        </b:if>
      </span>
      </div>
      <div class='post-footer-line post-footer-line-3'>
      <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>
      </div>
      <b:if cond='data:post.authorAboutMe'>
        <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
          <b:if cond='data:post.authorPhoto.url'>
            <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
          </b:if>
          <div>
            <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
              <span itemprop='name'><data:post.author/></span>
            </a>
          </div>
          <span itemprop='description'><data:post.authorAboutMe/></span>
        </div>
      </b:if>
    </div>
   <b:if cond='data:blog.pageType == "item"'>
      </div>
    </b:if>
  </div>
</b:includable>
       <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='https://resources.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 cond='data:blog.pageType == "error_page"'>
  <div class='post-404'>
<div class='actions-404'>
<div class='ops-404'><span>Oops;</span> Sorry, but the page you were trying to view does not exist.
                        </div>
<div class='title-404'>404</div>
<div class='link-404'>
<a href='/'><i class='fa fa-car'/>
<trans>Back to Home</trans></a>
</div></div>
</div>
<style>
.post-404 {
    padding-top: 40px;
    padding-bottom: 60px;
}
.actions-404 {
    width: 100%;
    float: right;
    text-align: center;
}
.ops-404 {
    width: 50%;
    margin: 0 auto;
    font-size: 26px;
    font-weight: 400;
    font-family: Ruda;
letter-spacing:1.5px;
}
.ops-404 span {
    font-weight: 700;
}
.title-404 {
    font-size: 200px;
    font-weight: 700;
    line-height: 1.1;
    color:$maincolor;
}
.link-404 {
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 50px;
}
#blog-pager, #sidebar-wrapper,.status-msg-wrap, #sidebar-wrapper1 {
    display: none;
}
.status-msg-border {
         border: 0 !important;
       }
       .status-msg-bg {
         background-color: #fff;
       }
#main-wrapper {
    float: none;
    width: 100%;
    max-width: 100%;
}
</style>
      </b:if>
  </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' expr:height='data:cmtIframeInitialHeight' frameborder='0' 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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
    </script>
  </div>
</b:includable>
       <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;
// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }
      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }
      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };
      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };
      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;
      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          replybox.src = '';
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };
      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }
      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };
      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };
      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
       <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>
    <div class='comments-content'>
      <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
      <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
    </div>
    </div>
  </div>
</b:includable>
     </b:widget>
     <b:widget id='HTML901' locked='true' title='Comments system' type='HTML' version='1'>
       <b:widget-settings>
         <b:widget-setting name='content'>[blogger][disqus][facebook]</b:widget-setting>
       </b:widget-settings>
       <b:includable id='main'>
          <b:if cond='data:blog.pageType == "item"'>
<div id='put-your-comment'>
            <b:if cond='data:content == "[blogger]"'>
              <div class='cmm-tabs'>
                <div data-tab='blogger'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[facebook]"'>
              <div class='cmm-tabs'>
                <div data-tab='facebook'><div class='facebook-tab'/></div>
              </div>
              <script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>    
            </b:if>
            <b:if cond='data:content == "[disqus]"'>
              <div class='cmm-tabs'>
                <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              </div>
              <script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>
            </b:if>
            <b:if cond='data:content == "[blogger][facebook]"'>
              <div class='cmm-tabs'>
                <div data-tab='blogger'><div class='blogger-tab'/></div>
                <div data-tab='facebook'><div class='facebook-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[blogger][disqus]"'>
              <div class='cmm-tabs'>
                <div data-tab='blogger'><div class='blogger-tab'/></div>
                <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[facebook][blogger]"'>
              <div class='cmm-tabs'>
                <div data-tab='facebook'><div class='facebook-tab'/></div>
                <div data-tab='blogger'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[facebook][disqus]"'>
              <div class='cmm-tabs'>
                <div data-tab='facebook'><div class='facebook-tab'/></div>
                <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              <script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>
              </div>
            </b:if>
            <b:if cond='data:content == "[disqus][blogger]"'>
              <div class='cmm-tabs'>
                <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='blogger'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[disqus][facebook]"'>
              <div class='cmm-tabs'>
                <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='facebook'><div class='facebook-tab'/></div>
              </div>
              <script type='text/javascript'>
              //<![CDATA[
                $('#comments').remove();
              //]]>
              </script>
            </b:if>
            <b:if cond='data:content == "[blogger][facebook][disqus]"'>
              <div class='cmm-tabs'>
                <div data-tab='blogger'><div class='blogger-tab'/></div>
                <div data-tab='facebook'><div class='facebook-tab'/></div>
                <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[blogger][disqus][facebook]"'>
              <div class='cmm-tabs'>
                <div data-tab='blogger'><div class='blogger-tab'/></div>
                <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='facebook'><div class='facebook-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[facebook][blogger][disqus]"'>
              <div class='cmm-tabs'>
                <div data-tab='facebook'><div class='facebook-tab'/></div>
                <div data-tab='blogger'><div class='blogger-tab'/></div>
                <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[facebook][disqus][blogger]"'>
              <div class='cmm-tabs'>
                <div data-tab='facebook'><div class='facebook-tab'/></div>
                <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='blogger'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[disqus][blogger][facebook]"'>
              <div class='cmm-tabs'>
                <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='blogger'><div class='blogger-tab'/></div>
                <div data-tab='facebook'><div class='facebook-tab'/></div>
              </div>
            </b:if>
            <b:if cond='data:content == "[disqus][facebook][blogger]"'>
              <div class='cmm-tabs'>
                <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
                <div data-tab='facebook'><div class='facebook-tab'/></div>
                <div data-tab='blogger'><div class='blogger-tab'/></div>
              </div>
            </b:if>
            <div id='fb-root'/><script>(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><script>$(".facebook-tab").append("<div class='fb-comments' data-href='<data:blog.canonicalUrl/>' data-width='100%' data-numposts='5' data-colorscheme='light'></div>");</script>
         </div>  </b:if>
        </b:includable>
     </b:widget>
     <b:widget id='HTML902' locked='true' title='Disqus Shortname' type='HTML' version='1'>
       <b:widget-settings>
         <b:widget-setting name='content'>sigma-2</b:widget-setting>
       </b:widget-settings>
       <b:includable id='main'>
          <b:if cond='data:blog.pageType == "item"'>
            <script type='text/javascript'>
            var disqus_shortname = '<data:content/>';
             (function() {
              var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
              dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
              (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
              })();
            </script>
          </b:if>
        </b:includable>
     </b:widget>
   </b:section>  
</div>
  <div id='sidebar-wrapper'>
    <b:section class='sidebar ty-trigger' id='sidebar(1)' preferred='yes'>
      <b:widget id='HTML9' locked='false' title='' type='HTML'>
        <b:widget-settings>
          <b:widget-setting name='content'><div id="search-box">
<form action="/search" id="search-form" method="get" target="_top">
<input id="search-text" name="q" placeholder="Enter keyword..." type="text" />
<button id="search-button" type="submit"><span><i class="fa fa-search"></i></span></button>
</form>
</div></b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>

  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
      </b:widget>
      <b:widget id='HTML2' locked='false' title='Social' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'><div class="trendy_counters"><ul class="sc_vertical"><li class="count-twitter"><a data-color-hover="#0084b4" style="background-color: rgb(51, 204, 255); padding: 10px;" class="icon" href="https://twitter.com/trendy_theme"><span class="fa fa-fw fa-twitter" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">114</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">followers</span></span></a></li><li class="count-googleplus"><a data-color-hover="#dc493c" style="background-color:#dc493c; padding:10px;" class="icon" href="https://plus.google.com/"><span class="fa fa-fw fa-google-plus" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">0</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">followers</span></span></a></li><li class="count-facebook"><a data-color-hover="#5E80BF" style="background-color:#3B5998; padding:10px;" class="icon" href="https://www.facebook.com/"><span class="fa fa-fw fa-facebook-official" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">0</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">likes</span></span></a></li><li class="count-vimeo"><a data-color-hover="#0088cc" style="background-color:#00adef; padding:10px;" class="icon" href="https://vimeo.com/"><span class="fa fa-fw fa-vimeo" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">0</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">followers</span></span></a></li><li class="count-youtube"><a data-color-hover="#90030c" style="background-color:#bf2626; padding:10px;" class="icon" href=""><span class="fa fa-fw fa-youtube" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">0</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">subscribers</span></span></a></li><li class="count-instagram"><a data-color-hover="#8a3ab9" style="background-color:#cd486b; padding:10px;" class="icon" href="https://instagram.com/nayon07"><span class="fa fa-fw fa-instagram" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">266</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">followers</span></span></a></li></ul></div>
<style>
.trendy_counters:after {
clear: both;
content: '';
display: block;
}
.trendy_counters ul {
list-style: none;
margin: 0;
padding: 0;
clear: both;
}
.trendy_counters ul li {
text-align: center;
background: #f9f9f9;
}
.trendy_counters ul li a {
padding: 10px;
}
.trendy-counters-per-row-2 ul li {
width: 50%;
float: left;
}
.trendy-counters-per-row-3 ul li {
width: 33.333%;
float: left;
}
.trendy-counters-per-row-4 ul li {
width: 25%;
float: left;
}
.sc_vertical a, .sc_vertical span:not(.fa) {
display: block;
text-align: center
}
.sc_horizontal a {
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
.sc_horizontal span {
margin-right: 3px;
}
.show-labels-No .label {
display: none !important;
}
.trendy-counters-icons-order {
padding: 10px;
background: #f6f6f6;
}
.trendy-counters-icons-order div {
background: #eaeaea;
display: inline-block;
margin-right: 5px;
padding: 10px;
}
.trendy-counters-icons-order div:hover {
cursor: move;
}
mark.yes {
padding: 5px;
background: #81d742;
color: #fff
}
.trendy_counters ul li {
text-align: center;
background: #f9f9f9;
width: 33%;
float: left;
padding: 0;
}
</style></b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>

  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <!--b:include name='quickedit'/-->
</b:includable>
      </b:widget>
      <b:widget id='FollowByEmail1' locked='false' title='Newsletter' type='FollowByEmail' version='1'>
        <b:includable id='main'>
  <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
        <table width='100%'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
            </td>
            <td width='64px'>
              <input class='follow-by-email-submit' type='submit' value='Submit'/>
            </td>
          </tr>
        </table>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
  </div>
  <span class='item-control blog-admin'>

  <!--b:include name='quickedit'/-->
  </span>
</b:includable>
      </b:widget>
    </b:section>
<div style='clear: both;'/>
<div class='sidetabs' id='sidetabs'>
      <ul class='menu-tab'>
        <li class='item-1'><a href='#tabside1'/></li>
        <li class='item-2'><a href='#tabside2'/></li>
<li class='item-3'><a href='#tabside3'/></li>
      </ul>
      <b:section class='sidebar ty-trigger' id='tabside1' maxwidgets='1' name='Tab 01' showaddelement='yes'>
        <b:widget id='HTML3' locked='false' title='Recent' type='HTML' version='1'>
          <b:widget-settings>
            <b:widget-setting name='content'><![CDATA[<span class="latestposts" data-no="5"></span>]]></b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>

  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

 <!--b:include name='quickedit'/-->
</b:includable>
        </b:widget>
      </b:section>
      <b:section class='sidebar ty-trigger' id='tabside2' maxwidgets='1' name='Tab 02' showaddelement='yes'>
        <b:widget id='PopularPosts1' locked='false' title='Popular' 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_YEAR</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'>

                            <!-- (1) No snippet/thumbnail -->
                            <a expr:href='data:post.href'><data:post.title/></a>
                            <b:else/>

                            <!-- (2) Show only snippets -->
                            <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/>

                          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
                          <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'>
                                  <img border='0' expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                </a>
                              </div>
                            </b:if>
                            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
                            <b:if cond='data:showSnippets'>
                              <div class='item-snippet'><data:post.snippet/></div>
                            </b:if>
                          </div>
                          <div style='clear: both;'/>
                        </b:if>
                      </li>
                    </b:loop>
                  </ul>

                 <!--b:include name='quickedit'/-->
                </div>
              </b:includable>
        </b:widget>
      </b:section>
  <b:section class='sidebar ty-trigger' id='tabside3' maxwidgets='1' name='Tab 03' showaddelement='yes'>
    <b:widget id='HTML5' locked='false' title='Comments' type='HTML' version='1'>
      <b:widget-settings>
        <b:widget-setting name='content'><![CDATA[<span class="latestcomments" data-no="5"></span>]]></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>

  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

 <!--b:include name='quickedit'/-->
</b:includable>
    </b:widget>
  </b:section>
     </div>
<div style='clear: both;'/>
<b:section class='sidebar ty-trigger' id='sidebar(2)' preferred='yes'>
  <b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive' version='1'>
    <b:widget-settings>
      <b:widget-setting name='showStyle'>MENU</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</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'>false</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='HTML8' locked='false' title='Sponsor' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'><![CDATA[<center><img title="test" alt="test" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMFZTI1SaDPVrTMx5-Nje6iMNBceamHrABj5oYYwPvbNVI3eI20WbGw7X93jp7oJHieVgqBVhe8z_fsrAsi-bI1aawuVHwwQQfqnvEDpgIfGktbvCXmhoND4SjxncxAMocKSXadIlPkp0/s1600-r/ad4.png" /></center>]]></b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>

  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<!--b:include name='quickedit'/-->
</b:includable>
  </b:widget>
  <b:widget id='Label1' locked='false' title='Tags' type='Label' version='1'>
    <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'>Business,Entertainment,Food,Graphic Design,Learn</b:widget-setting>
      <b:widget-setting name='showType'>USER_SELECTED</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:section>
    </div>
 <div style='clear: both;'/>
      <div id='sidebar-wrapper1-new'/>
    </div>

    <!-- end content-wrapper -->
<div id='lower'> 
<div class='body-row' id='lower-wrapper'>
<div id='lowerbar-wrapper'> 
<b:section class='lowerbar ty-trigger' id='Footer widget(1)' preferred='yes'>
   <b:widget id='Label3' locked='false' title='Labels' type='Label' version='1'>
     <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'>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 id='lowerbar-wrapper'> 
<b:section class='lowerbar ty-trigger' id='Footer widget(2)' preferred='yes'>
   <b:widget id='HTML7' locked='false' title='Business' type='HTML' version='1'>
     <b:widget-settings>
       <b:widget-setting name='content'><![CDATA[<span class="tagpost" data-label="Business" data-no="3"></span>]]></b:widget-setting>
     </b:widget-settings>
     <b:includable id='main'>

  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<!--b:include name='quickedit'/-->
</b:includable>
   </b:widget>
 </b:section> 
</div>
<div id='lowerbar-wrapper'> 
<b:section class='lowerbar ty-trigger' id='Footer widget(3)' preferred='yes'>
   <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm' version='1'>
     <b:includable id='main'>
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
        </div>
      </form>
    </div>
  </div>

<!--b:include name='quickedit'/-->
</b:includable>
   </b:widget>
 </b:section> 
</div>
<div style='clear: both;'/> 
</div> </div>
<div id='ty_footer'>
        <div class='ty-copy-container body-row'>
          <div class='ty_footer_copyright'>
                      Crafted with <i aria-hidden='true' class='fa fa-heart' style='color: red;'/> by <a href='http://www.templof.blogspot.com/' id='mycontent' rel='dofollow' title='Free Blogger Templates'>Templof</a>  | Distributed by <a href='https://templof.blogspot.com/' rel='dofollow' style='color:#0088ff;' target='_blank'>Blogger Themes</a></div>
 <b:section class='bottom-bar-social blue' id='Footer social widget' maxwidgets='1' name='Footer Social Widget' showaddelement='no'>
   <b:widget id='LinkList236' locked='true' title='Social Media Icons' type='LinkList' version='1'>
     <b:widget-settings>
       <b:widget-setting name='text-9'>delicious</b:widget-setting>
       <b:widget-setting name='link-9'>#</b:widget-setting>
       <b:widget-setting name='text-8'>instagram</b:widget-setting>
       <b:widget-setting name='link-7'>#</b:widget-setting>
       <b:widget-setting name='link-8'>#</b:widget-setting>
       <b:widget-setting name='link-5'>#</b:widget-setting>
       <b:widget-setting name='link-6'>#</b:widget-setting>
       <b:widget-setting name='link-3'>#</b:widget-setting>
       <b:widget-setting name='link-4'>#</b:widget-setting>
       <b:widget-setting name='text-1'>twitter</b:widget-setting>
       <b:widget-setting name='text-0'>facebook</b:widget-setting>
       <b:widget-setting name='text-3'>pinterest</b:widget-setting>
       <b:widget-setting name='text-2'>gplus</b:widget-setting>
       <b:widget-setting name='text-5'>dribbble</b:widget-setting>
       <b:widget-setting name='text-4'>bloglovin</b:widget-setting>
       <b:widget-setting name='text-7'>behance</b:widget-setting>
       <b:widget-setting name='text-6'>rss</b:widget-setting>
       <b:widget-setting name='sorting'>NONE</b:widget-setting>
       <b:widget-setting name='link-1'>#</b:widget-setting>
       <b:widget-setting name='link-2'>#</b:widget-setting>
       <b:widget-setting name='link-0'>#</b:widget-setting>
     </b:widget-settings>
     <b:includable id='main'>
            <div class='widget-content'>
              <ul id='social'>
                <b:loop values='data:links' var='link'>
                  <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name'/></li>
                </b:loop>
              </ul>
            </div>
          </b:includable>
   </b:widget>
 </b:section>
        </div>
    </div>
</div>
<script type='text/javascript'> 
//<![CDATA[
var no_image = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCcaxJtQBxKYR6crG7b07PSL9lu8xQzfXrLX-a-AP_x1u7V0puAMoaXpXTNKukjHWTPhd4wiyo2tgGmDtE4Pge5VCRvV_RwobB860UqFVuwAIvsk-sfu0C13oM7LdAIiUEcPG23inwa7g/s1600-r/nth.png";
var month_format = [, "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
var more_text = "View More";
var comments_text = "<span>Post </span>Comment";
var pagenav_prev = "Previous";
var pagenav_next = "Next";
//]]>
</script>

<!-- ****************************************************************** -->
<script type='text/javascript'>
//<![CDATA[
// Plugin: SelectNav.js ~ url: https://github.com/lukaszfiszer/selectnav.js
window.selectnav=function(){"use strict";var e=function(e,t){function c(e){var t;if(!e)e=window.event;if(e.target)t=e.target;else if(e.srcElement)t=e.srcElement;if(t.nodeType===3)t=t.parentNode;if(t.value)window.location.href=t.value}function h(e){var t=e.nodeName.toLowerCase();return t==="ul"||t==="ol"}function p(e){for(var t=1;document.getElementById("selectnav"+t);t++);return e?"selectnav"+t:"selectnav"+(t-1)}function d(e){a++;var t=e.children.length,n="",l="",c=a-1;if(!t){return}if(c){while(c--){l+=o}l+=" "}for(var v=0;v<t;v++){var m=e.children[v].children[0];if(typeof m!=="undefined"){var g=m.innerText||m.textContent;var y="";if(r){y=m.className.search(r)!==-1||m.parentNode.className.search(r)!==-1?f:""}if(i&&!y){y=m.href===document.URL?f:""}n+='<option value="'+m.href+'" '+y+">"+l+g+"</option>";if(s){var b=e.children[v].children[1];if(b&&h(b)){n+=d(b)}}}}if(a===1&&u){n='<option value="">'+u+"</option>"+n}if(a===1){n='<select class="selectnav" id="'+p(true)+'">'+n+"</select>"}a--;return n}e=document.getElementById(e);if(!e){return}if(!h(e)){return}if(!("insertAdjacentHTML"in window.document.documentElement)){return}document.documentElement.className+=" js";var n=t||{},r=n.activeclass||"active",i=typeof n.autoselect==="boolean"?n.autoselect:true,s=typeof n.nested==="boolean"?n.nested:true,o=n.indent||"-",u=n.label||"Menu",a=0,f=" selected ";e.insertAdjacentHTML("afterend",d(e));var l=document.getElementById(p());if(l.addEventListener){l.addEventListener("change",c)}if(l.attachEvent){l.attachEvent("onchange",c)}return l};return function(t,n){e(t,n)}}();
// Tabslet jQuery plugin -  http://vdw.staytuned.gr
(function($,window,undefined){$.fn.tabslet=function(options){var defaults={mouseevent:"click",attribute:"href",animation:false,autorotate:false,pauseonhover:true,delay:2000,active:1,controls:{prev:".prev",next:".next"}};var options=$.extend(defaults,options);return this.each(function(){var $this=$(this);options.mouseevent=$this.data("mouseevent")||options.mouseevent;options.attribute=$this.data("attribute")||options.attribute;options.animation=$this.data("animation")||options.animation;options.autorotate=$this.data("autorotate")||options.autorotate;options.pauseonhover=$this.data("pauseonhover")||options.pauseonhover;options.delay=$this.data("delay")||options.delay;options.active=$this.data("active")||options.active;$this.find("> div").hide();$this.find("> div").eq(options.active-1).show();$this.find("> ul li").eq(options.active-1).addClass("active");var fn=eval(function(){$(this).trigger("_before");$this.find("> ul li").removeClass("active");$(this).addClass("active");$this.find("> div").hide();var currentTab=$(this).find("a").attr(options.attribute);if(options.animation){$this.find(currentTab).animate({opacity:"show"},"slow",function(){$(this).trigger("_after")})}else{$this.find(currentTab).show();$(this).trigger("_after")}return false});var init=eval("$this.find('> ul li')."+options.mouseevent+"(fn)");init;var elements=$this.find("> ul li"),i=options.active-1;function forward(){i=++i%elements.length;options.mouseevent=="hover"?elements.eq(i).trigger("mouseover"):elements.eq(i).click();var t=setTimeout(forward,options.delay);$this.mouseover(function(){if(options.pauseonhover){clearTimeout(t)}})}if(options.autorotate){setTimeout(forward,0);if(options.pauseonhover){$this.on("mouseleave",function(){setTimeout(forward,1000)})}}function move(direction){if(direction=="forward"){i=++i%elements.length}if(direction=="backward"){i=--i%elements.length}elements.eq(i).click()}$this.find(options.controls.next).click(function(){move("forward")});$this.find(options.controls.prev).click(function(){move("backward")});$this.on("destroy",function(){$(this).removeData()})})};$(document).ready(function(){$('[data-toggle="tabslet"]').tabslet()})})(jQuery);
// Simple Tab JQuery Plugin by Taufik Nurrohman - https://plus.google.com/108949996304093815163/about
(function(a){a.fn.simplyTab=function(b){b=jQuery.extend({active:1,fx:null,showSpeed:400,hideSpeed:400,showEasing:null,hideEasing:null,show:function(){},hide:function(){},change:function(){}},b);return this.each(function(){var e=a(this),c=e.children("[data-tab]"),d=b.active-1;e.addClass("simplyTab").prepend('<ul class="wrap-tab"></ul>');c.addClass("content-tab").each(function(){a(this).hide();e.find(".wrap-tab").append('<li><a href="#">'+a(this).data("tab")+"</a></li>")}).eq(d).show();e.find(".wrap-tab a").on("click",function(){var f=a(this).parent().index();a(this).closest(".wrap-tab").find(".activeTab").removeClass("activeTab");a(this).addClass("activeTab");if(b.fx=="slide"){if(c.eq(f).is(":hidden")){c.slideUp(b.hideSpeed,b.hideEasing,function(){b.hide.call(e)}).eq(f).slideDown(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(b.fx=="fade"){if(c.eq(f).is(":hidden")){c.hide().eq(f).fadeIn(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(b.fx=="fancyslide"){if(c.eq(f).is(":hidden")){c.slideUp(b.hideSpeed,b.hideEasing,function(){b.hide.call(e)}).eq(f).delay(b.hideSpeed).slideDown(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(c.eq(f).is(":hidden")){c.hide().eq(f).show()}}}}b.change.call(e);return false}).eq(d).addClass("activeTab")})}})(jQuery);
// jquery replacetext plugin https://github.com/cowboy/jquery-replacetext
(function(e){e.fn.replaceText=function(t,n,r){return this.each(function(){var i=this.firstChild,s,o,u=[];if(i){do{if(i.nodeType===3){s=i.nodeValue;o=s.replace(t,n);if(o!==s){if(!r&&/</.test(o)){e(i).before(o);u.push(i)}else{i.nodeValue=o}}}}while(i=i.nextSibling)}u.length&&e(u).remove()})}})(jQuery);
// Main Post Scripts
$(document).ready(function($) {
    var k = -1,
        o = "",
        p = "";
    $("#menu").find("ul").find("li").each(function() {
        for (var text = $(this).text(), url = $(this).find("a").attr("href"), x = 0, z = 0; z < text.length && (x = text.indexOf("_", x), -1 != x); z++)
            x++;
        if (level = z, level > k && (o += "<ul>", p += "<ul>"), level < k) {
            offset = k - level;
            for (var z = 0; z < offset; z++) o += "</ul></li>", p += "</ul></li>"
        }
        text = text.replace(/_/gi, ""), o += "<li><a href='" + url + "'>" + text + "</a>", p += "<li><a href='" + url + "'>";
        for (var z = 0; z < level; z++) p += "";
        p += text + "</a>", k = level
    });
    for (var x = 0; k >= x; x++) o += "</ul>", p += "</ul>", 0 != x && (o += "</li>", p += "</li>");
    $("#menu .LinkList").html(p), $("#menu > .LinkList > ul").attr("id", "nav1"), selectnav('nav1'), $("#menu ul > li > ul").parent("li").addClass("parent"), $("#menu .widget").attr("style", "display:block!important;");
});
$(document).ready(function(){
selectnav('nav');
if ( $(window).width() > 980) {      
  //Add your javascript for large screens here 
} 
else {
  $( "#sidebar-wrapper1" ).appendTo( "#sidebar-wrapper1-new" ); 
}
  });
$(document).ready(function(){
    $('.ty-ran-yard span').each(function() {
        $.ajax({
            url: "/feeds/posts/default?alt=json-in-script",
            type: 'get',
            dataType: "jsonp",
            success: function(t) {
                t = t.feed.entry.length - 3, t = Math.floor(Math.random() * (t - 0 + 1)) + 0, 0 == t && (t = Math.floor(Math.random() * (t - 0 + 1)) + 1), t == 0 && (t == 1), $.ajax({
                    url: "/feeds/posts/default?alt=json-in-script&start-index=" + t + "&max-results=1",
                    type: 'get',
                    dataType: "jsonp",
                    success: function(data) {
                        var url = "";
                        var rlink = '';
                        for (var i = 0; i < data.feed.entry.length; i++) {
                            for (var j = 0; j < data.feed.entry[i].link.length; j++) {
                                if (data.feed.entry[i].link[j].rel == "alternate") {
                                    url = data.feed.entry[i].link[j].href;
                                    break
                                }
                            }
                            rlink += '<a class="ran-sym" href="' + url + '"></a>'
                        }
                        $('.ty-ran-yard span').html(rlink)
                    }
                })
            }
        })
    })
});
 $(".post-home-image .post-thumb a").attr("style", function($this, t) {
        if (t.match("hqdefault.jpg")) {
            return t.replace("/hqdefault.jpg", "/mqdefault.jpg");
        } else if (t.match("default.jpg")) {
            return t.replace("/default.jpg", "/mqdefault.jpg");
        } else if (t.match("s72-c")) {
            return t.replace("/s72-c", "/s1600");
        } else if (t.match("w72-h72-p-nu")) {
            return t.replace("/w72-h72-p-nu", "/s1600");
        } else {
            return t.replace("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCcaxJtQBxKYR6crG7b07PSL9lu8xQzfXrLX-a-AP_x1u7V0puAMoaXpXTNKukjHWTPhd4wiyo2tgGmDtE4Pge5VCRvV_RwobB860UqFVuwAIvsk-sfu0C13oM7LdAIiUEcPG23inwa7g/s1600-r/nth.png", no_image);
        }
    });
$(document).ready(function(){
    var n = $("#sidetabs #tabside1 .widget h2").text();
    $(".menu-tab .item-1 a").text(n);
    var u = $("#sidetabs #tabside2 .widget h2").text();
    $(".menu-tab .item-2 a").text(u);
    var v = $("#sidetabs #tabside3 .widget h2").text();
    $(".menu-tab .item-3 a").text(v);
    $("#tabside1 .widget h2,#tabside2 .widget h2,#tabside3 .widget h2,#tabside1 .widget-title,#tabside2 .widget-title,#tabside3 .widget-title").remove();
    $(this).find(".menu-tab li").addClass("hide-tab");
    $(".sidetabs").tabslet({
        mouseevent: "click",
        attribute: "href",
        animation: true
    });
    if (0 === $(".sidetabs .widget").length) $(".sidetabs").remove()
});
$(document).ready(function() {
    $(".cmm-tabs").simplyTab({
        active: 1,
        fx: "fade",
        showSpeed: 400,
        hideSpeed: 400
    });
    $('.blogger-tab').append($('#comments'));
    $(".cmm-tabs.simplyTab .wrap-tab").wrap("<div class='cmm-tabs-header'/>");
});
 $(".PopularPosts ul li img").attr("src", function($this, img) {
        if (img.match("hqdefault.jpg")) {
            return img.replace("/hqdefault.jpg", "/mqdefault.jpg");
        } else if (img.match("default.jpg")) {
            return img.replace("/default.jpg", "/mqdefault.jpg");
        } else if (img.match("s72-c")) {
            return img.replace("/s72-c", "/s1600");
        } else if (img.match("w72-h72-p-nu")) {
            return img.replace("/w72-h72-p-nu", "/s1600");
        } else {
            return img.replace("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCcaxJtQBxKYR6crG7b07PSL9lu8xQzfXrLX-a-AP_x1u7V0puAMoaXpXTNKukjHWTPhd4wiyo2tgGmDtE4Pge5VCRvV_RwobB860UqFVuwAIvsk-sfu0C13oM7LdAIiUEcPG23inwa7g/s1600-r/nth.png", no_image);
        }
    });
$(document).ready(function() {
 $('a[name="ad-post-top"]').before($('#adwidegt2 .widget-content').html());
    $('#adwidegt2 .widget-content').html('')
 $('a[name="ad-post-bottom"]').before($('#adwidegt3 .widget-content').html());
    $('#adwidegt3 .widget-content').html('')
});
$('.ty-trigger .HTML .widget-content span.latestcomments').each(function() {
    var b = $(this).attr("data-no");
    $.ajax({
        url: "/feeds/comments/default?alt=json-in-script&max-results=" + b,
        type: 'get',
        dataType: "jsonp",
        success: function(e) {
            var u = "";
            var h = '<div class="tyard-komet">';
            for (var i = 0; i < e.feed.entry.length; i++) {
                if (i == e.feed.entry.length) break;
                for (var j = 0; j < e.feed.entry[i].link.length; j++) {
                    if (e.feed.entry[i].link[j].rel == 'alternate') {
                        u = e.feed.entry[i].link[j].href;
                        break
                    }
                }
                if ("content" in e.feed.entry[i]) {
                    var c = e.feed.entry[i].content.$t
                } else if ("summary" in b_rc) {
                    var c = e.feed.entry[i].summary.$t
                } else var c = "";
                var re = /<\S[^>]*>/g;
                c = c.replace(re, "");
                if (c.length > 70) {
                    c = '' + c.substring(0, 50) + '...'
                }
                var y = e.feed.entry[i].author[0].name.$t;
                var yk = e.feed.entry[i].author[0].gd$image.src;
                if (yk.match('http://img1.blogblog.com/img/blank.gif')) {
                    var k = 'http://img1.blogblog.com/img/anon36.png'
                } else {
                    if (yk.match('http://img2.blogblog.com/img/b16-rounded.gif')) {
                        var k = 'http://img1.blogblog.com/img/anon36.png'
                    } else {
                        var k = yk
                    }
                };
                h += '<div class="ty-komet"><div class="ty-komet-tar"><img class="yardimg-komet" src="' + k + '"/></div><a href="' + u + '">' + y + '</a><span>"' + c + '"</span></div>'
            }
            h += '</div><div class="clear"/>';
            $('.ty-trigger .HTML .widget-content span.latestcomments').each(function() {
                var text = $(this).attr("data-no");
                if (text == b) {
                    $(this).parent().html(h)
                }
            })
        }
    })
});
$('.ty-trigger .HTML .widget-content span.latestposts').each(function() {
    var b = $(this).attr("data-no");
    $.ajax({
        url: "/feeds/posts/default?alt=json-in-script&max-results=" + b,
        type: 'get',
        dataType: "jsonp",
        success: function(e) {
            var u = "";
            var h = '<div class="ty-bonus">';
            for (var i = 0; i < e.feed.entry.length; i++) {
                for (var j = 0; j < e.feed.entry[i].link.length; j++) {
                    if (e.feed.entry[i].link[j].rel == "alternate") {
                        u = e.feed.entry[i].link[j].href;
                        break
                    }
                }
                var g = e.feed.entry[i].title.$t;
                var s = e.feed.entry[i].category[0].term;
                var y = e.feed.entry[i].author[0].name.$t;
                var d = e.feed.entry[i].published.$t,
                    t = d.substring(0, 4),
                    w = d.substring(5, 7),
                    f = d.substring(8, 10),
                    r = month_format[parseInt(w, 10)] + ' ' + f + ', ' + t;
                var c = e.feed.entry[i].content.$t;
                var $c = $('<div>').html(c);
                if (c.indexOf("//www.youtube.com/embed/") > -1) {
                    var p = e.feed.entry[i].media$thumbnail.url.replace('/default.jpg', '/mqdefault.jpg');
                    var k = p
                } else if (c.indexOf("<img") > -1) {
                    var q = $c.find('img:first').attr('src').replace('s72-c', 's1600');
                    var k = q
                } else {
                    var k = no_image
                }
                h += '<div class="ty-wow"><a class="ty-thumb-bonos" href="' + u + '" style="background:url(' + k + ') no-repeat center center;background-size: cover"><span class="tyimg-lay"/></a><div class="ty-bonus-con"><h3 class="ty-bonos-entry"><a href="' + u + '">' + g + '</a></h3><span class="yard-auth-ty">' + y + '</span><span class="ty-time">' + r + '</span></div></div>'
            }
            h += '</div>';
            $('.ty-trigger .HTML .widget-content span.latestposts').each(function() {
                var text = $(this).attr("data-no");
                if (text == b) {
                    $(this).parent().html(h)
                }
            })
        }
    })
});
$('.ty-trigger .HTML .widget-content span.tagpost').each(function() {
    var v = $(this).attr("data-label"),
        b = $(this).attr("data-no");
    $.ajax({
        url: "/feeds/posts/default/-/" + v + "?alt=json-in-script&max-results=" + b,
        type: 'get',
        dataType: "jsonp",
        success: function(e) {
            var u = "";
            var h = '<div class="ty-bonus">';
            for (var i = 0; i < e.feed.entry.length; i++) {
                for (var j = 0; j < e.feed.entry[i].link.length; j++) {
                    if (e.feed.entry[i].link[j].rel == "alternate") {
                        u = e.feed.entry[i].link[j].href;
                        break
                    }
                }
                var g = e.feed.entry[i].title.$t;
                var s = e.feed.entry[i].category[0].term;
                var y = e.feed.entry[i].author[0].name.$t;
                var d = e.feed.entry[i].published.$t,
                    t = d.substring(0, 4),
                    w = d.substring(5, 7),
                    f = d.substring(8, 10),
                    r = month_format[parseInt(w, 10)] + ' ' + f + ', ' + t;
                var c = e.feed.entry[i].content.$t;
                var $c = $('<div>').html(c);
                if (c.indexOf("//www.youtube.com/embed/") > -1) {
                    var p = e.feed.entry[i].media$thumbnail.url.replace('/default.jpg', '/mqdefault.jpg');
                    var k = p
                } else if (c.indexOf("<img") > -1) {
                    var q = $c.find('img:first').attr('src').replace('s72-c', 's1600');
                    var k = q
                } else {
                    var k = no_image
                }
                h += '<div class="ty-wow"><a class="ty-thumb-bonos" href="' + u + '" style="background:url(' + k + ') no-repeat center center;background-size: cover"><span class="tyimg-lay"/></a><div class="ty-bonus-con"><h3 class="ty-bonos-entry"><a href="' + u + '">' + g + '</a></h3><span class="yard-auth-ty">' + y + '</span><span class="ty-time">' + r + '</span></div></div>'
            }
            h += '</div>';
            $(".ty-trigger .HTML .widget-content span.tagpost").each(function() {
                var text = $(this).attr("data-label");
                if (text == v) {
                    $(this).parent().html(h)
                }
            })
        }
    })
});
 $(document).ready(function() {
    $('span[name="author-social"]').before($('.post-author-social .widget-content').html());
    $('.post-author-social .widget-content').html('')
 $('span[name="author-post"]').before($('.post-author-widget .widget-content').html());
    $('.post-author-widget .widget-content').html('')
});
$(".ty-comment").click(function() {
    $('html, body').animate({
        scrollTop: $("#put-your-comment").offset().top
    }, 1000);
});
$(document).ready(function(){function relatedPost(g,e,r){$.ajax({url:"/feeds/posts/default/-/"+e+"?alt=json-in-script&max-results="+r,type:"get",dataType:"jsonp",success:function(t){for(var u="",h='<div class="related">',x=0;x<t.feed.entry.length;x++){for(var z=0;z<t.feed.entry[x].link.length;z++){if("alternate"==t.feed.entry[x].link[z].rel){u=t.feed.entry[x].link[z].href;break}}
var p=t.feed.entry[x].title.$t;var c=t.feed.entry[x].content.$t;var y=$('<div>').html(c);if(c.indexOf("http://www.youtube.com/embed/")>-1||c.indexOf("https://www.youtube.com/embed/")>-1){var d=t.feed.entry[x].media$thumbnail.url,m=d.replace('/default.jpg','/mqdefault.jpg'),k=m;}else if(c.indexOf("<img")>-1){var s=y.find('img:first').attr('src'),v=s.replace('s72-c','s600');var k=v;}else{var k='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg69lyjAxIt3QhJDW7WuN2chh1nyvxljYaE3aqF_8SA1ZXbZpttjAewYNoOcwoJxu6ZFQBvtwyKzHPxY4dDbWfIW0Nor5qGJI6cjuvOQwYXCau9ryfXWsREPytPm5gWn6H-gZ7gNDEYhk8/s1600-r/nth.png';}
h+='<li><div class="related-thumb"><a class="related-img" href="'+u+'" style="background:url('+k+') no-repeat center center;background-size: cover"/></div><h3 class="related-title"><a href="'+u+'">'+p+'</a></h3></li>'}
h+='</div>',g.html(h);}})}
$("#related-posts").each(function(){var g=$(this),e=g.text(),r=3;relatedPost(g,e,r);});});
 $(".Label a").attr("href", function($this, href) {
        return href.replace(href, href + "?&max-results=" + perPage);
    });
$( ".item .post-body img" ).parent( "a" ).css( "margin", "0 auto!important" );
    var s = "[full_width]";
    var o = "[left_sidebar]";
    var u = "[right_sidebar]";
    $(".post *").replaceText(s, "<style>@media screen and (min-width: 980px){.item #main-wrapper{width:100% !important;max-width:100%!important;float:none!important;border-right:0!important;border-left:0!important}.item #sidebar-wrapper{display:none;}.item #main-wrapper #main{margin-left:0!important;margin-right:0!important}}</style>");
    $(".post-body *").replaceText(o, "<style>@media screen and (min-width: 980px){.item #main-wrapper{float:right!important;border-right:0!important;margin-right: 0px !important;}.item #sidebar-wrapper{float:left!important;padding-left:0!important;}}</style>");
    $(".post-body *").replaceText(u, "<style>@media screen and (min-width: 980px){.item #main-wrapper{float:left!important;border-right:0!important;margin-right: 0px !important;}.item #sidebar-wrapper{float:right!important;padding-left:0!important;}}</style>");
  //]]>
</script>  
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType!= "item"'>
<b:if cond='data:blog.pageType != "error_page"'>
<style>
article {
    padding:0 10px 0 0;
}
.post-header {
    padding:0;
}
@media only screen and (max-width: 768px) {
article {
    padding:10px;
}
  }
</style>

<!--Page Navigation Starts-->
<script type='text/javascript'>
  /*<![CDATA[*/
    var numPages=5;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>  
<script type='text/javascript'>
 /*<![CDATA[*/
  if (typeof firstText == "undefined") firstText = "First";
  if (typeof lastText == "undefined") lastText = "Last";
  var noPage;
  var currentPage;
  var currentPageNo;
  var postLabel;
  pagecurrentg();
  function looppagecurrentg(pageInfo) {
      var html = '';
      pageNumber = parseInt(numPages / 2);
      if (pageNumber == numPages - pageNumber) {
          numPages = pageNumber * 2 + 1
      }
      pageStart = currentPageNo - pageNumber;
      if (pageStart < 1) pageStart = 1;
      lastPageNo = parseInt(pageInfo / perPage) + 1;
      if (lastPageNo - 1 == pageInfo / perPage) lastPageNo = lastPageNo - 1;
      pageEnd = pageStart + numPages - 1;
      if (pageEnd > lastPageNo) pageEnd = lastPageNo;
      html += "<span class='showpageOf'>Page " + currentPageNo + ' of ' + lastPageNo + "</span>";
      var prevNumber = parseInt(currentPageNo) - 1;
      //Iccsi was here, doing magic      
      if (currentPageNo > 1) {
          if (currentPage == "page") {
              html += '<span class="showpage firstpage"><a href="' + home_page + '">' + firstText + '</a></span>'
          } else {
              html += '<span class="displaypageNum firstpage"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">' + firstText + '</a></span>'
          }
      }
      if (currentPageNo > 2) {
          if (currentPageNo == 3) {
              if (currentPage == "page") {
                  html += '<span class="showpage"><a href="' + home_page + '">' + prevText + '</a></span>'
              } else {
                  html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">' + prevText + '</a></span>'
              }
          } else {
              if (currentPage == "page") {
                  html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + prevNumber + ');return false">' + prevText + '</a></span>'
              } else {
                  html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + prevNumber + ');return false">' + prevText + '</a></span>'
              }
          }
      }
      if (pageStart > 1) {
          if (currentPage == "page") {
              html += '<span class="displaypageNum"><a href="' + home_page + '">1</a></span>'
          } else {
              html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">1</a></span>'
          }
      }
      if (pageStart > 2) {
          html += ' ... '
      }
      for (var jj = pageStart; jj <= pageEnd; jj++) {
          if (currentPageNo == jj) {
              html += '<span class="pagecurrent">' + jj + '</span>'
          } else if (jj == 1) {
              if (currentPage == "page") {
                  html += '<span class="displaypageNum"><a href="' + home_page + '">1</a></span>'
              } else {
                  html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">1</a></span>'
              }
          } else {
              if (currentPage == "page") {
                  html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + jj + ');return false">' + jj + '</a></span>'
              } else {
                  html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + jj + ');return false">' + jj + '</a></span>'
              }
          }
      }
      if (pageEnd < lastPageNo - 1) {
          html += '...'
      }
      if (pageEnd < lastPageNo) {
          if (currentPage == "page") {
              html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + lastPageNo + ');return false">' + lastPageNo + '</a></span>'
          } else {
              html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + lastPageNo + ');return false">' + lastPageNo + '</a></span>'
          }
      }
      var nextnumber = parseInt(currentPageNo) + 1;
      if (currentPageNo < (lastPageNo - 1)) {
          if (currentPage == "page") {
              html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + nextnumber + ');return false">' + nextText + '</a></span>'
          } else {
              html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + nextnumber + ');return false">' + nextText + '</a></span>'
          }
      }
      if (currentPageNo < lastPageNo) {
          //Iccsi was here, doing magic
          if (currentPage == "page") {
              html += '<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage(' + lastPageNo + ');return false">' + lastText + '</a></span>'
          } else {
              html += '<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel(' + lastPageNo + ');return false">' + lastText + '</a></span>'
          }
      }
      var pageArea = document.getElementsByName("pageArea");
      var blogPager = document.getElementById("blog-pager");
      for (var p = 0; p < pageArea.length; p++) {
          pageArea[p].innerHTML = html
      }
      if (pageArea && pageArea.length > 0) {
          html = ''
      }
      if (blogPager) {
          blogPager.innerHTML = html
      }
  }
  function totalcountdata(root) {
      var feed = root.feed;
      var totaldata = parseInt(feed.openSearch$totalResults.$t, 10);
      looppagecurrentg(totaldata)
  }
  function pagecurrentg() {
      var thisUrl = urlactivepage;
      if (thisUrl.indexOf("/search/label/") != -1) {
          if (thisUrl.indexOf("?updated-max") != -1) {
              postLabel = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?updated-max"))
          } else {
              postLabel = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?&max"))
          }
      }
      if (thisUrl.indexOf("?q=") == -1 && thisUrl.indexOf(".html") == -1) {
          if (thisUrl.indexOf("/search/label/") == -1) {
              currentPage = "page";
              if (urlactivepage.indexOf("#PageNo=") != -1) {
                  currentPageNo = urlactivepage.substring(urlactivepage.indexOf("#PageNo=") + 8, urlactivepage.length)
              } else {
                  currentPageNo = 1
              }
              document.write("<script src=\"" + home_page + "feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")
          } else {
              currentPage = "label";
              if (thisUrl.indexOf("&max-results=") == -1) {
                  perPage = 20
              }
              if (urlactivepage.indexOf("#PageNo=") != -1) {
                  currentPageNo = urlactivepage.substring(urlactivepage.indexOf("#PageNo=") + 8, urlactivepage.length)
              } else {
                  currentPageNo = 1
              }
              document.write('<script src="' + home_page + 'feeds/posts/summary/-/' + postLabel + '?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')
          }
      }
  }
  function redirectpage(numberpage) {
      jsonstart = (numberpage - 1) * perPage;
      noPage = numberpage;
      var nameBody = document.getElementsByTagName('head')[0];
      var newInclude = document.createElement('script');
      newInclude.type = 'text/javascript';
      newInclude.setAttribute("src", home_page + "feeds/posts/summary?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");
      nameBody.appendChild(newInclude)
  }
  function redirectlabel(numberpage) {
      jsonstart = (numberpage - 1) * perPage;
      noPage = numberpage;
      var nameBody = document.getElementsByTagName('head')[0];
      var newInclude = document.createElement('script');
      newInclude.type = 'text/javascript';
      newInclude.setAttribute("src", home_page + "feeds/posts/summary/-/" + postLabel + "?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");
      nameBody.appendChild(newInclude)
  }
  function finddatepost(root) {
          post = root.feed.entry[0];
          var timestamp1 = post.published.$t.substring(0, 19) + post.published.$t.substring(23, 29);
          var timestamp = encodeURIComponent(timestamp1);
          if (currentPage == "page") {
              var pAddress = "/search?updated-max=" + timestamp + "&max-results=" + perPage + "#PageNo=" + noPage
          } else {
              var pAddress = "/search/label/" + postLabel + "?updated-max=" + timestamp + "&max-results=" + perPage + "#PageNo=" + noPage
          }
          location.href = pAddress
      }
      /*]]>*/
</script> 
</b:if>
</b:if>
</b:if>

<!--Page Navigation Ends -->
  </body>
</html>
********
Hot shortcut

Blogger template

Master blog Blogger template

Demo is: here or Download is: here

No comments:

Post a Comment

Online Tools

Total Pageviews

Search on the web

Search This Blog

Followers
