Singl Blogger Template - Hallo semua 1000 fan, Pada Postingan kali ini yang berjudul Singl Blogger Template, telah kami persiapkan dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Kursus Agc Unique, ini dapat anda pahami. dan bermanfaat, selamat membaca.

Judul : Singl Blogger Template
link : Singl Blogger Template

Singl Blogger Template

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.pageType == "index"'>

<b:else/>

<b:if cond='data:blog.pageType != "error_page"'>

<b:else/>

<title>404 ~ Page Not Found!</title>

</b:if>

<b:skin><![CDATA[/*

-----------------------------------------------

Template Name : Singl

Author : NewBloggerThemes.com

Author URL : http://newbloggerthemes.com/

Theme URL : http://newbloggerthemes.com/singl-blogger-template/

Created Date : Tuesday, June 17, 2014

License : This template is free for both personal and commercial use, But to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors.For more information about this license, please use this link :http://creativecommons.org/licenses/by/3.0/

----------------------------------------------- */

body#layout ul{list-style-type:none;list-style:none}

body#layout ul li{list-style-type:none;list-style:none}

body#layout #headerbwrap {height:auto;}

body#layout .headerbwrap2 {height:auto;}

body#layout #blogtitle {min-height:120px;}

body#layout #content {}

body#layout #slider {display:none;}

body#layout #header-wrappernbt {display:none;}

body#layout .hidenbt {display:block;}

body#layout #pagenbt {display:block;}

body#layout .widget-areanbt {float: left;margin-right: 15px;width: 200px;}

body#layout .has-header #mastheadnbt {padding-top: 20px;}

body#layout .bottom-panelnbt {padding: 10px 0 0;}

/* Variable definitions

====================

/* Use this with templates/template-twocol.html */

.section, .widget {

margin:0;

padding:0;

}

.fontawesomeiconnbt {

display: inline-block;

width: 16px;

height: 16px;

-webkit-font-smoothing: antialiased;

font-size: 16px;

line-height: 1;

font-family: 'FontAwesome';

text-decoration: inherit;

font-weight: normal;

font-style: normal;

vertical-align: top;

}

/**

* IE7 and IE6 hacks

.fontawesomeiconnbt {

*overflow: auto;

*zoom: 1;

*display: inline;

}

/**

* Individual icons

/* Social icons */

.genericon-github:before { content: '\f200'; }

.genericon-dribbble:before { content: '\f201'; }

.fontawesomeiconnbt-twitter:before { content: '\f099'; }

.genericon-facebook:before { content: '\f203'; }

.fontawesomeiconnbt-facebook-alt:before { content: '\f09a'; }

.genericon-wordpress:before { content: '\f205'; }

.genericon-googleplus:before { content: '\f206'; }

.genericon-linkedin:before { content: '\f207'; }

.genericon-linkedin-alt:before { content: '\f208'; }

.fontawesomeiconnbt-pinterest:before { content: '\f0d2'; }

.genericon-pinterest-alt:before { content: '\f210'; }

.genericon-flickr:before { content: '\f211'; }

.fontawesomeiconnbt-vimeo:before { content: '\f194'; }

.fontawesomeiconnbt-youtube:before { content: '\f16a'; }

.genericon-tumblr:before { content: '\f214'; }

.fontawesomeiconnbt-instagram:before { content: '\f16d'; }

.genericon-codepen:before { content: '\f216'; }

.genericon-polldaddy:before { content: '\f217'; }

.fontawesomeiconnbt-googleplus-alt:before { content: '\f0d5'; }

.genericon-path:before { content: '\f219'; }

.genericon-skype:before { content: '\f220'; }

.genericon-digg:before { content: '\f221'; }

.genericon-reddit:before { content: '\f222'; }

.genericon-stumbleupon:before { content: '\f223'; }

.genericon-pocket:before { content: '\f224'; }

/* Meta icons */

.genericon-comment:before { content: '\f300'; }

.genericon-category:before { content: '\f301'; }

.genericon-tag:before { content: '\f302'; }

.genericon-time:before { content: '\f303'; }

.genericon-user:before { content: '\f304'; }

.genericon-day:before { content: '\f305'; }

.genericon-week:before { content: '\f306'; }

.genericon-month:before { content: '\f307'; }

.genericon-pinned:before { content: '\f308'; }

/* Other icons */

.genericon-search:before { content: '\f400'; }

.genericon-unzoom:before { content: '\f401'; }

.genericon-zoom:before { content: '\f402'; }

.genericon-show:before { content: '\f403'; }

.genericon-hide:before { content: '\f404'; }

.genericon-close:before { content: '\f405'; }

.genericon-close-alt:before { content: '\f406'; }

.genericon-trash:before { content: '\f407'; }

.genericon-star:before { content: '\f408'; }

.genericon-home:before { content: '\f409'; }

.genericon-mail:before { content: '\f410'; }

.genericon-edit:before { content: '\f411'; }

.genericon-reply:before { content: '\f412'; }

.genericon-feed:before { content: '\f413'; }

.genericon-warning:before { content: '\f414'; }

.genericon-share:before { content: '\f415'; }

.genericon-attachment:before { content: '\f416'; }

.genericon-location:before { content: '\f417'; }

.genericon-checkmark:before { content: '\f418'; }

.fontawesomeiconnbt-menu:before { content: '\f0c9'; }

.genericon-refresh:before { content: '\f420'; }

.genericon-minimize:before { content: '\f421'; }

.genericon-maximize:before { content: '\f422'; }

.genericon-404:before { content: '\f423'; }

.genericon-spam:before { content: '\f424'; }

.genericon-summary:before { content: '\f425'; }

.genericon-cloud:before { content: '\f426'; }

.genericon-key:before { content: '\f427'; }

.genericon-dot:before { content: '\f428'; }

.genericon-next:before { content: '\f429'; }

.genericon-previous:before { content: '\f430'; }

.fontawesomeiconnbt-expand:before { content: '\f078'; }

.fontawesomeiconnbt-collapse:before { content: '\f077'; }

.genericon-dropdown:before { content: '\f433'; }

.genericon-dropdown-left:before { content: '\f434'; }

.genericon-top:before { content: '\f435'; }

.genericon-draggable:before { content: '\f436'; }

.genericon-phone:before { content: '\f437'; }

.genericon-send-to-phone:before { content: '\f438'; }

.genericon-plugin:before { content: '\f439'; }

.genericon-cloud-download:before { content: '\f440'; }

.genericon-cloud-upload:before { content: '\f441'; }

.genericon-external:before { content: '\f442'; }

.genericon-document:before { content: '\f443'; }

.genericon-book:before { content: '\f444'; }

.genericon-cog:before { content: '\f445'; }

.genericon-unapprove:before { content: '\f446'; }

.genericon-cart:before { content: '\f447'; }

.genericon-pause:before { content: '\f448'; }

.genericon-stop:before { content: '\f449'; }

.genericon-skip-back:before { content: '\f450'; }

.genericon-skip-ahead:before { content: '\f451'; }

.genericon-play:before { content: '\f452'; }

.genericon-tablet:before { content: '\f453'; }

.genericon-send-to-tablet:before { content: '\f454'; }

.genericon-info:before { content: '\f455'; }

.genericon-notice:before { content: '\f456'; }

.genericon-help:before { content: '\f457'; }

.genericon-fastforward:before { content: '\f458'; }

.genericon-rewind:before { content: '\f459'; }

.genericon-portfolio:before { content: '\f460'; }

.genericon-heart:before { content: '\f461'; }

.genericon-code:before { content: '\f462'; }

.genericon-subscribe:before { content: '\f463'; }

.genericon-unsubscribe:before { content: '\f464'; }

.genericon-subscribed:before { content: '\f465'; }

.genericon-reply-alt:before { content: '\f466'; }

.genericon-reply-single:before { content: '\f467'; }

.genericon-flag:before { content: '\f468'; }

.genericon-print:before { content: '\f469'; }

.genericon-lock:before { content: '\f470'; }

.genericon-bold:before { content: '\f471'; }

.genericon-italic:before { content: '\f472'; }

.genericon-picture:before { content: '\f473'; }

/* Generic shapes */

.genericon-uparrow:before { content: '\f500'; }

.genericon-rightarrow:before { content: '\f501'; }

.genericon-downarrow:before { content: '\f502'; }

.genericon-leftarrow:before { content: '\f503'; }

/**

* Table of Contents:

* 1.0 - Reset

* 2.0 - Global

* 3.0 - Basic Structure

* 3.1 - Header

* 3.2 - Sidebar

* 3.3 - Footer

* 4.0 - Subscribe form

* 5.0 - Menu

* 5.1 - Wrapper

* 5.2 - Toggle

* 5.3 - Lists

* 5.4 - Links

* 6.0 - Social links

* 7.0 - Content

* 7.1 - Entry thumbnail

* 7.2 - Entry title

* 7.3 - Taxonomy description

* 7.4 - Entry content

* 7.5 - Entry meta

* 7.6 - Page links

* 7.7 - More link

* 7.8 - Aside

* 7.9 - Password

* 7.10 - Front page

* 7.11 - 404

* 7.0 - Media

* 8.0 - Navigation

* 9.0 - Comments

* 9.1 - Comment list

* 9.2 - Respond

* 9.3 - Form

* 10.0 - Widgets

* 10.1 - Widget area

* 10.2 - Calendar

* 10.3 - Follow blog

* 10.4 - Search

* 10.5 - List

* 10.6 - Select

* 11.0 - Jetpack

* 11.1 - Infinite scroll

* 11.2 - Sharedaddy

* 11.3 - Ratings

* 11.4 - Contact form

* 11.5 - WPStats

* 12.0 - Responsive

* 12.1 - 960px > x

* 12.2 - 769px > x

* -----------------------------------------------

/* =Reset

----------------------------------------------- */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, 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 {

border: 0;

font-family: inherit;

font-size: 100%;

font-style: inherit;

font-weight: inherit;

margin: 0;

outline: 0;

padding: 0;

vertical-align: baseline;

}

html {

font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}

body {

background: #fff;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

nav,

section {

display: block;

}

ol, ul {

list-style: none;

}

table { /* tables still need 'cellspacing="0"' in the markup */

border-collapse: separate;

border-spacing: 0;

}

caption, th, td {

font-weight: normal;

text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: "";

}

blockquote, q {

quotes: "" "";

}

a:focus {

outline: thin dotted;

}

a:hover,

a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */

outline: 0;

}

a img {

border: 0;

}

/* =Global

----------------------------------------------- */

body {

-ms-word-wrap: break-word;

word-wrap: break-word;

font-size: 18px;

font-size: 1.8rem;

line-height: 1.6;

}

body,

button,

input,

select,

textarea {

color: #000;

font-family: Roboto, sans-serif;

}

/* Headings */

h1,

h2,

h3,

h4,

h5,

h6 {

clear: both;

margin: 0 0 20px;

font-weight: bold;

}

h1 {

font-size: 36px;

line-height: 1.2;

}

h2 {

font-size: 32px;

line-height: 1.3;

}

h3 {

font-size: 26px;

line-height: 1.4;

}

h4 {

font-size: 22px;

}

h5 {

font-size: 18px;

}

h6 {

font-size: 16px;

}

hr {

background-color: #ddd;

border: 0;

height: 3px;

margin-bottom: 20px;

}

/* Text elements */

p {

margin-bottom: 20px;

}

ul,

ol {

margin: 0 0 20px 20px;

}

ul {

list-style: square;

}

ol {

list-style: decimal;

}

li > ul,

li > ol {

margin-bottom: 0;

margin-left: 20px;

}

dt {

font-weight: bold;

}

dd {

margin: 0 20px 20px;

}

strong {

font-weight: bold;

}

dfn,

cite,

em,

i {

font-style: italic;

}

blockquote {

margin: 0 0 20px;

padding: 10px 20px;

border-top: 3px solid #ddd;

border-bottom: 3px solid #ddd;

font-size: 20px;

}

blockquote p {

margin: 0;

}

address {

margin: 0 0 20px;

}

pre {

padding: 20px;

margin-bottom: 20px;

max-width: 100%;

background: #ddd;

color: #000;

font-family: "Courier 10 Pitch", Courier, monospace;

overflow: auto;

}

code,

kbd,

tt,

var {

padding: 0 5px;

background: #ddd;

color: #000;

font-family: "Courier 10 Pitch", Courier, monospace;

}

abbr,

acronym {

border-bottom: 1px dotted #ddd;

cursor: help;

}

mark,

ins {

padding: 0 5px;

background: #2ecc71;

color: #fff;

text-decoration: none;

}

sup,

sub {

font-size: 75%;

height: 0;

line-height: 0;

position: relative;

vertical-align: baseline;

}

sup {

bottom: 1ex;

}

sub {

top: .5ex;

}

small {

font-size: 75%;

}

big {

font-size: 125%;

}

figure {

margin: 0;

}

table {

margin: 0 0 20px;

width: 100%;

}

th {

font-weight: bold;

}

th,

td {

padding: 5px 10px;

border-bottom: 1px solid #ddd;

}

img {

height: auto; /* Make sure images are scaled correctly. */

max-width: 100%; /* Adhere to container width. */

}

button,

input,

select,

textarea {

margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

font-size: 16px;

font-size: 1.6rem;

line-height: 1.5;

vertical-align: baseline; /* Improves appearance and consistency in all browsers */

*vertical-align: middle; /* Improves appearance and consistency in all browsers */

}

button,

input {

line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

}

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

padding: 7px 12px;

background: #2ecc71;

border: 1px solid #2ecc71;

color: #fff;

text-transform: uppercase;

font-weight: 300;

cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */

-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */

-webkit-border-radius: 0;

-moz-border-radius: 0;

border-radius: 0;

-webkit-appearance: none;

}

button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover,

button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

background: #000;

border-color: #000;

outline: none;

}

input[type="checkbox"],

input[type="radio"] {

box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */

padding: 0; /* Addresses excess padding in IE8/9 */

}

input[type="search"] {

-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */

}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

-webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

border: 0;

padding: 0;

}

input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

padding: 7px;

width: 100%;

background: #ddd;

border: 1px solid #ddd;

color: #000;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-webkit-border-radius: 0;

-moz-border-radius: 0;

border-radius: 0;

-webkit-appearance: none;

}

input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

background: #fff;

outline: none;

}

textarea {

overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */

vertical-align: top; /* Improves readability and alignment in all browsers */

}

.error,

.required {

color: #e74c3c;

}

/* Links */

a {

color: #2ecc71;

}

a:hover,

a:focus,

a:active {

color: #000;

}

/* Alignment */

.alignleft {

display: inline;

float: left;

margin-right: 20px;

}

.alignright {

display: inline;

float: right;

margin-left: 20px;

}

.aligncenter {

clear: both;

display: block;

margin: 0 auto;

}

/* Text meant only for screen readers */

.screen-reader-text {

clip: rect(1px, 1px, 1px, 1px);

position: absolute !important;

left: 0;

}

.screen-reader-text:hover,

.screen-reader-text:active,

.screen-reader-text:focus {

background-color: #f1f1f1;

border-radius: 3px;

box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

clip: auto !important;

color: #21759b;

display: block;

font-size: 14px;

font-weight: bold;

height: auto;

left: 5px;

line-height: normal;

padding: 15px 23px 14px;

text-decoration: none;

top: 5px;

width: auto;

z-index: 100000; /* Above WP toolbar */

}

/* Clearing */

.clearnbt:before,

.clearnbt:after,

.entry-content:before,

.entry-content:after,

.site-headernbt:before,

.site-headernbt:after,

.site-contentnbt:before,

.site-contentnbt:after,

.site-footernbt:before,

.site-footernbt:after {

content: '';

display: table;

}

.clearnbt:after,

.entry-content:after,

.site-headernbt:after,

.site-contentnbt:after,

.site-footernbt:after {

clear: both;

}

/* =Basic structure

----------------------------------------------- */

body {

}

#pagenbt {

display: -webkit-flex;

display: flex;

min-height: 100%;

min-height: 100vh;

-webkit-flex-direction: column;

flex-direction: column;

}

.page-wrappernbt {

-webkit-flex: 1;

flex: 1;

flex-basis: auto;

}

/* Header */

#mastheadnbt {

padding-top: 40px;

text-align: center;

}

.has-header #mastheadnbt {

padding-top: 80px;

}

#header-wrappernbt {

position: relative;

margin-top: -80px;

margin-bottom: 40px;

z-index: 9999;

width: 100%;

height: 40px;

background: #000;

color: #fff;

}

.site-brandingnbt {

display: inline-block;

padding: 20px 40px;

margin: 0 auto 40px auto;

max-width: 780px;

border-top: 3px solid #fff;

border-bottom: 3px solid #fff;

color: #fff;

text-align: center;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

.site-title {

margin: 0;

text-transform: uppercase;

font-weight: 900;

}

.site-title a,

.site-title a:hover,

.site-title a:focus,

.site-title a:active {

color: inherit;

text-decoration: none;

}

.site-description {

margin: 0;

font-size: 14px;

line-height: 1.5;

font-weight: 300;

}

/* Sidebar */

#secondarynbt {

width: 940px;

margin: 0 auto;

color: #fff;

font-size: 14px;

line-height: 1.5;

}

#secondarynbt a:hover,

#secondarynbt a:focus,

#secondarynbt a:active {

color: #fff;

}

#secondarynbt input[type="text"],

#secondarynbt input[type="email"],

#secondarynbt input[type="url"],

#secondarynbt input[type="password"],

#secondarynbt input[type="search"],

#secondarynbt textarea {

background: #222;

border-color: #222;

color: #fff;

}

#secondarynbt input[type="text"]:focus,

#secondarynbt input[type="email"]:focus,

#secondarynbt input[type="url"]:focus,

#secondarynbt input[type="password"]:focus,

#secondarynbt input[type="search"]:focus,

#secondarynbt textarea:focus {

border-color: #777;

}

#secondarynbt button:hover,

#secondarynbt input[type="button"]:hover,

#secondarynbt input[type="reset"]:hover,

#secondarynbt input[type="submit"]:hover,

#secondarynbt button:focus,

#secondarynbt input[type="button"]:focus,

#secondarynbt input[type="reset"]:focus,

#secondarynbt input[type="submit"]:focus,

#secondarynbt button:active,

#secondarynbt input[type="button"]:active,

#secondarynbt input[type="reset"]:active,

#secondarynbt input[type="submit"]:active {

background: #777;

border-color: #777;

}

#secondarynbt th,

#secondarynbt td {

border-bottom-color: #777;

}

.hidenbt {

display: none;

}

/* Footer */

#colophonnbt {

padding: 20px 40px;

background: #000;

color: #777;

font-size: 14px;

line-height: 1.5;

font-weight: 300;

text-align: center;

}

#colophonnbt a {

color: #777;

text-decoration: none;

}

#colophonnbt a:hover,

#colophonnbt a:focus,

#colophonnbt a:active {

color: #fff;

}

/* =Subscribe form

----------------------------------------------- */

.subscribe-form-wrappernbt {

padding: 20px 0;

background: #000;

color: #777;

border-bottom: 1px solid #222;

font-size: 14px;

line-height: 1.5;

text-align: center;

}

.subscribe-form-wrappernbt .widget {

position: relative;

padding: 0;

margin: 0 auto;

width: 780px;

}

.subscribe-form-wrappernbt #subscribe-email input,

.subscribe-form-wrappernbt p:last-of-type {

font-size: 16px;

line-height: 1.5;

}

.subscribe-form-wrappernbt #subscribe-text,

.subscribe-form-wrappernbt .success + p {

display: none;

}

.subscribe-form-wrappernbt #subscribe-email,

.subscribe-form-wrappernbt #subscribe-submit {

margin-bottom: 0;

}

#subscribe-email input {

display: block;

padding: 7px;

width: 100%;

background: #222;

border-color: #222;

color: #fff;

}

.subscribe-form-wrappernbt #subscribe-email input:focus {

border-color: #777;

}

.subscribe-form-wrappernbt input[type="submit"] {

position: absolute;

bottom: 0;

right: 0;

padding: 7px 12px;

}

.subscribe-form-wrappernbt input[type="submit"]:hover,

.subscribe-form-wrappernbt input[type="submit"]:focus,

.subscribe-form-wrappernbt input[type="submit"]:active {

background: #777;

border-color: #777;

}

.subscribe-form-wrappernbt a:hover,

.subscribe-form-wrappernbt a:focus,

.subscribe-form-wrappernbt a:active {

color: #fff;

}

/* =Menu

----------------------------------------------- */

/* Wrapper */

.main-menunbt > ul:first-of-type {

border-top: 1px solid #222;

}

.main-navigationnbt {

display: block;

position: absolute;

z-index: 2;

right: 0;

padding: 0 40px;

width: 100%;

text-align: left;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

/* Toggle */

.menu-togglenbt {

float: right;

}

.menu-togglenbt,

.menu-togglenbt .fontawesomeiconnbt {

position: relative;

padding: 0;

margin: 0;

height: 40px;

width: 40px;

font-size: 16px;

line-height: 40px;

text-align: center;

cursor: pointer;

}

.menu-togglenbt:hover,

.main-navigationnbt.toggled .menu-togglenbt {

background: #2ecc71;

color: #fff;

}

.main-navigationnbt.toggled .nav-menu {

display: block;

cursor: pointer;

}

/* Lists */

.main-navigationnbt ul {

display: none;

position: absolute;

top: 40px;

left: 0;

list-style: none;

margin: 0;

padding: 0 40px;

width: 100%;

background: #000;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

.main-navigationnbt li {

position: relative;

}

.main-navigationnbt ul ul {

display: block;

position: relative;

top: auto;

padding: 0 0 0 40px;

}

/* Links */

.main-navigationnbt a {

display: block;

padding: 10px;

color: #fff;

font-size: 16px;

line-height: 1.3;

font-weight: 300;

text-transform: none;

text-decoration: none;

}

.main-navigationnbt a:hover {

background: #2ecc71;

color: #fff;

}

.main-navigationnbt .current_page_item > a,

.main-navigationnbt .current-menu-item > a {

font-weight: 900;

}

/* =Social links

----------------------------------------------- */

#social-links-wrappernbt {

display: none;

position: absolute;

left: 40px;

z-index: 3;

background: #000;

}

.social-linksnbt {

margin: 0;

list-style: none;

}

.social-linksnbt li {

display: block;

float: left;

margin: 0;

padding: 0;

width: 40px;

font-size: 16px;

}

.social-linksnbt a {

padding: 0;

color: #fff;

display: block;

text-align: center;

text-decoration: none;

}

.social-linksnbt a:hover {

background-color: #2ecc71;

color: #fff;

}

.social-linksnbt .fontawesomeiconnbt,

.social-linksnbt .socicon {

width: 40px;

height: 40px;

line-height: 40px;

}

/* =Content

----------------------------------------------- */

#comments,

.page-header,

.page-content,

.hentry {

position: relative;

width: 780px;

margin: 0 auto 40px auto;

padding: 40px 40px 20px 40px;

background: #fff;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

#blog-pager {

position: relative;

width: 780px;

margin: 10px auto 10px auto;

padding: 10px 20px 10px 20px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

.page-header {

padding-bottom: 40px;

}

.sticky {

}

.byline,

.updated {

}

.single .byline,

.group-blog .byline {

display: inline;

}

/* Entry title */

.page-title,

.entry-title {

margin: 0;

color: #000;

text-transform: uppercase;

font-weight: 900;

text-align: center;

}

.page-title a,

.entry-title a {

color: inherit;

text-decoration: none;

}

.page-title a:hover,

.page-title a:focus,

.page-title a:active,

.entry-title a:hover,

.entry-title a:focus,

.entry-title a:active {

color: #2ecc71;

}

/* Taxonomy description */

.taxonomy-description {

color: #000;

font-size: 14px;

line-height: 1.5;

font-weight: 300;

text-align: center;

}

.taxonomy-description p {

margin: 0;

}

/* Entry content */

.entry-content,

.entry-summary {

margin: 20px 0 0;

}

/* Entry meta */

.entry-metanbt {

position: relative;

margin: 0 0 20px;

color: #777;

font-size: 14px;

line-height: 1.5;

font-weight: 300;

font-style: normal;

}

.entry-title + .entry-metanbt {

padding-top: 10px;

}

.entry-header .entry-metanbt {

color: #000;

text-align: center;

font-style: normal;

}

.entry-metanbt a {

color: inherit;

}

.entry-header .entry-metanbt a {

color: inherit;

text-decoration: none;

}

.entry-metanbt a:hover,

.entry-metanbt a:focus,

.entry-metanbt a:active {

color: #2ecc71;

}

footer.entry-metanbt {

padding-top: 21px;

text-align: center;

}

footer.entry-metanbt:before {

content: '';

display: block;

position: absolute;

top: 0;

width: 40px;

height: 1px;

background: #ddd;

}

/* Page links */

.page-links {

position: relative;

clear: both;

padding: 21px 0 16px;

margin: 0;

}

.page-links:before {

content: '';

display: block;

position: absolute;

top: 0;

width: 40px;

height: 1px;

background: #ddd;

}

.page-link {

display: inline-block;

margin-right: 1px;

margin-bottom: 5px;

height: 30px;

width: 30px;

background: #2ecc71;

border: 1px solid #2ecc71;

color: #fff;

font-size: 14px;

line-height: 30px;

text-align: center;

}

a .page-link {

background: #fff;

border-color: #ddd;

color: #777;

}

a:hover .page-link,

a:focus .page-link,

a:active .page-link {

background: #000;

border: 1px solid #000;

color: #fff;

}

/* More link */

.more-linknbt {

display: inline-block;

position: relative;

padding: 8px 20px;

background: #2ecc71;

color: #fff;

text-transform: uppercase;

font-weight: 300;

text-decoration: none;

}

.more-linknbt:hover,

.more-linknbt:focus,

.more-linknbt:active {

color: #fff;

background: #000;

}

.more-link-wrapper {

display: block;

margin: 20px 0 0;

}

/* =Media

----------------------------------------------- */

embed,

iframe,

object,

audio,

video {

max-width: 100%;

margin-bottom: 20px;

}

/* =Navigation

----------------------------------------------- */

.site-mainnbt [class*="navigation"] {

margin: 0 auto 40px auto;

width: 780px;

overflow: hidden;

text-align: center;

}

[class*="navigation"] .nav-previous {

float: left;

width: 50%;

}

[class*="navigation"] .nav-next {

float: right;

width: 50%;

}

.site-mainnbt [class*="navigation"] a {

display: block;

position: relative;

width: 40px;

height: 40px;

background: #fff;

color: #000;

line-height: 40px;

text-decoration: none;

text-transform: uppercase;

}

.site-mainnbt [class*="navigation"] a:hover,

.site-mainnbt [class*="navigation"] a:focus,

.site-mainnbt [class*="navigation"] a:active {

background: #2ecc71;

color: #fff;

}

.site-mainnbt [class*="navigation"] .nav-next a {

float: right;

}

.site-mainnbt [class*="navigation"] a:before {

display: inline-block;

width: 40px;

height: 40px;

font-family: FontAwesome;

font-size: 32px;

font-style: normal;

}

.site-mainnbt [class*="navigation"] .nav-previous a:before {

content: '\f430';

}

.site-mainnbt [class*="navigation"] .nav-next a:before {

content: '\f429';

}

/* =Widgets

----------------------------------------------- */

.widget-areanbt .widget {

margin: 0 0 40px;

}

.widget-areanbt .widget-title,

.widget-areanbt .widgettitle {

color: #777;

font-size: 18px;

line-height: 1.3;

text-transform: uppercase;

text-align: center;

}

.widget-areanbt .widget h2 {

color: #777;

font-size: 18px;

line-height: 1.3;

text-transform: uppercase;

text-align: center;

}

.widget-areanbt .widget h3 {

color: #777;

font-size: 18px;

line-height: 1.3;

text-transform: uppercase;

text-align: center;

}

.widget_blog_subscriptionnbt .widgettitle {

color: #777;

font-size: 18px;

line-height: 1.3;

text-transform: uppercase;

text-align: center;

}

.widget-areanbt .widget-title:empty {

display: none;

}

.widget-areanbt .widget ul {

list-style: none;

list-style-type: none;

margin: 0;

padding: 0;

}

/* Widget area */

.widget-areanbt {

float: left;

margin-right: 20px;

width: 300px;

}

.widget-areanbt:last-of-type {

margin-right: 0;

}

.bottom-panelnbt {

padding: 40px 0 0;

background: #000;

border-bottom: 1px solid #222;

}

.widgets-triggernbt {

display: block;

float: right;

margin-right: 40px;

width: 40px;

height: 40px;

background: #000;

color: #fff;

text-decoration: none;

text-align: center;

}

.widgets-triggernbt:hover,

.widgets-triggernbt:focus,

.widgets-triggernbt:active {

background-color: #2ecc71;

color: #fff;

}

.widgets-triggernbt .fontawesomeiconnbt {

width: 40px;

height: 40px;

font-size: 32px;

line-height: 40px;

}

/* Follow blog */

.widget_blog_subscriptionnbt input[type="text"] {

padding: 7px !important;

width: 100% !important;

}

/* Search */

.search-form {

position: relative;

margin-bottom: 20px;

}

.search-submit {

position: absolute;

top: 0;

right: 0;

padding: 7px 12px !important;

}

/* Select */

.widget select {

max-width: 100%;

}

/* =Responsive

----------------------------------------------- */

/* 960px > x */

@media only screen and (max-width: 959px) {

.site-brandingnbt {

max-width: 688px;

}

.site-image,

.subscribe-form-wrappernbt .widget,

.page-header,

.page-content,

.hentry,

#comments,

#blog-pager,

.entry-thumbnail,

.site-mainnbt [class*="navigation"],

#secondarynbt {

width: 688px;

}

.widget-areanbt {

width: 216px;

}

/* 769px > x */

@media only screen and (max-width: 767px) {

#pagenbt {

display: block;

min-height: 100%;

}

body:not(.has-primary-nav) #header-wrappernbt {

display: none;

}

body:not(.has-primary-nav) #mastheadnbt {

padding-top: 40px;

}

.site-brandingnbt {

max-width: 80%;

}

.site-image {

width: 80%;

}

.subscribe-form-wrappernbt .widget,

.page-header,

.page-content,

.hentry,

#comments,

#blog-pager,

.entry-thumbnail,

.site-mainnbt [class*="navigation"],

#secondarynbt,

.widget-areanbt {

width: 100%;

}

#mastheadnbt {

padding-top: 0;

}

.main-navigationnbt,

#social-links-wrappernbt {

position: relative;

left: auto;

right: auto;

}

.menu-togglenbt {

margin-right: -40px;

}

.main-navigationnbt ul {

padding: 0;

}

.main-navigationnbt ul ul {

padding: 0 0 0 10%;

}

#social-links-wrappernbt {

padding: 20px 40px 0 40px;

}

.social-linksnbt {

text-align: center;

}

.social-linksnbt li {

display: inline-block;

float: none;

}

.subscribe-form-wrappernbt {

padding-left: 40px;

padding-right: 40px;

}

#secondarynbt {

padding-left: 40px;

padding-right: 40px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

.widget-areanbt {

float: none;

margin-right: 0;

}

h2.date-header {

margin: 10px 0px;

display: none;

}

.main .widget {

margin: 0 0 5px;

padding: 0 0 2px;

}

.main .Blog {

border-bottom-width: 0;

}

#header .description {

color:#ffffff;

font-size:14px;

text-shadow:0px 1px 0px #000000;

}

/* Comments----------------------------------------------- */

#comments {

}

#comments h4 {

font-size:22px;

margin-bottom:10px;

}

.deleted-comment {

font-style: italic;

color: gray;

}

#blog-pager-newer-link {

float: left;

}

#blog-pager-older-link {

float: right;

}

#blog-pager {

text-align: center;

}

.feed-links {

clear: both;

padding: 15px 20px 5px 20px;

text-align: center;

}

.feed-links {

clear: both;

padding: 5px 20px;

}

.comment-form {

}

#navbar-iframe {

height: 0;

visibility: hidden;

display: none;

}

.separator a[style="margin-left: 1em; margin-right: 1em;"] {margin-left: auto!important;margin-right: auto!important;}

.PopularPosts .widget-content ul li {

padding:6px 0px;

}

.reaction-buttons table{

border:none;

margin-bottom:5px;

}

.reaction-buttons table, .reaction-buttons td{

border:none !important;

}

.pbtthumbimg {

float:none;

margin:0px 0px 10px 0px;

padding:0px !important;

border:0px solid #eee !important;

background:none;

max-width:100%;

height:auto;

}

]]></b:skin>

//<![CDATA[

jQuery.migrateMute===void 0&&(jQuery.migrateMute=!0),function(e,t,n){function r(n){var r=t.console;i[n]||(i[n]=!0,e.migrateWarnings.push(n),r&&r.warn&&!e.migrateMute&&(r.warn("JQMIGRATE: "+n),e.migrateTrace&&r.trace&&r.trace()))}function a(t,a,i,o){if(Object.defineProperty)try{return Object.defineProperty(t,a,{configurable:!0,enumerable:!0,get:function(){return r(o),i},set:function(e){r(o),i=e}}),n}catch(s){}e._definePropertyBroken=!0,t[a]=i}var i={};e.migrateWarnings=[],!e.migrateMute&&t.console&&t.console.log&&t.console.log("JQMIGRATE: Logging is active"),e.migrateTrace===n&&(e.migrateTrace=!0),e.migrateReset=function(){i={},e.migrateWarnings.length=0},"BackCompat"===document.compatMode&&r("jQuery is not compatible with Quirks Mode");var o=e("<input/>",{size:1}).attr("size")&&e.attrFn,s=e.attr,u=e.attrHooks.value&&e.attrHooks.value.get||function(){return null},c=e.attrHooks.value&&e.attrHooks.value.set||function(){return n},l=/^(?:input|button)$/i,d=/^[238]$/,p=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,f=/^(?:checked|selected)$/i;a(e,"attrFn",o||{},"jQuery.attrFn is deprecated"),e.attr=function(t,a,i,u){var c=a.toLowerCase(),g=t&&t.nodeType;return u&&(4>s.length&&r("jQuery.fn.attr( props, pass ) is deprecated"),t&&!d.test(g)&&(o?a in o:e.isFunction(e.fn[a])))?e(t)[a](i):("type"===a&&i!==n&&l.test(t.nodeName)&&t.parentNode&&r("Can't change the 'type' of an input or button in IE 6/7/8"),!e.attrHooks[c]&&p.test(c)&&(e.attrHooks[c]={get:function(t,r){var a,i=e.prop(t,r);return i===!0||"boolean"!=typeof i&&(a=t.getAttributeNode(r))&&a.nodeValue!==!1?r.toLowerCase():n},set:function(t,n,r){var a;return n===!1?e.removeAttr(t,r):(a=e.propFix[r]||r,a in t&&(t[a]=!0),t.setAttribute(r,r.toLowerCase())),r}},f.test(c)&&r("jQuery.fn.attr('"+c+"') may use property instead of attribute")),s.call(e,t,a,i))},e.attrHooks.value={get:function(e,t){var n=(e.nodeName||"").toLowerCase();return"button"===n?u.apply(this,arguments):("input"!==n&&"option"!==n&&r("jQuery.fn.attr('value') no longer gets properties"),t in e?e.value:null)},set:function(e,t){var a=(e.nodeName||"").toLowerCase();return"button"===a?c.apply(this,arguments):("input"!==a&&"option"!==a&&r("jQuery.fn.attr('value', val) no longer sets properties"),e.value=t,n)}};var g,h,v=e.fn.init,m=e.parseJSON,y=/^([^<]*)(<[\w\W]+>)([^>]*)$/;e.fn.init=function(t,n,a){var i;return t&&"string"==typeof t&&!e.isPlainObject(n)&&(i=y.exec(e.trim(t)))&&i[0]&&("<"!==t.charAt(0)&&r("$(html) HTML strings must start with '<' character"),i[3]&&r("$(html) HTML text after last tag is ignored"),"#"===i[0].charAt(0)&&(r("HTML string cannot start with a '#' character"),e.error("JQMIGRATE: Invalid selector string (XSS)")),n&&n.context&&(n=n.context),e.parseHTML)?v.call(this,e.parseHTML(i[2],n,!0),n,a):v.apply(this,arguments)},e.fn.init.prototype=e.fn,e.parseJSON=function(e){return e||null===e?m.apply(this,arguments):(r("jQuery.parseJSON requires a valid JSON string"),null)},e.uaMatch=function(e){e=e.toLowerCase();var t=/(chrome)[ \/]([\w.]+)/.exec(e)||/(webkit)[ \/]([\w.]+)/.exec(e)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(e)||/(msie) ([\w.]+)/.exec(e)||0>e.indexOf("compatible")&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(e)||[];return{browser:t[1]||"",version:t[2]||"0"}},e.browser||(g=e.uaMatch(navigator.userAgent),h={},g.browser&&(h[g.browser]=!0,h.version=g.version),h.chrome?h.webkit=!0:h.webkit&&(h.safari=!0),e.browser=h),a(e,"browser",e.browser,"jQuery.browser is deprecated"),e.sub=function(){function t(e,n){return new t.fn.init(e,n)}e.extend(!0,t,this),t.superclass=this,t.fn=t.prototype=this(),t.fn.constructor=t,t.sub=this.sub,t.fn.init=function(r,a){return a&&a instanceof e&&!(a instanceof t)&&(a=t(a)),e.fn.init.call(this,r,a,n)},t.fn.init.prototype=t.fn;var n=t(document);return r("jQuery.sub() is deprecated"),t},e.ajaxSetup({converters:{"text json":e.parseJSON}});var b=e.fn.data;e.fn.data=function(t){var a,i,o=this[0];return!o||"events"!==t||1!==arguments.length||(a=e.data(o,t),i=e._data(o,t),a!==n&&a!==i||i===n)?b.apply(this,arguments):(r("Use of jQuery.fn.data('events') is deprecated"),i)};var j=/\/(java|ecma)script/i,w=e.fn.andSelf||e.fn.addBack;e.fn.andSelf=function(){return r("jQuery.fn.andSelf() replaced by jQuery.fn.addBack()"),w.apply(this,arguments)},e.clean||(e.clean=function(t,a,i,o){a=a||document,a=!a.nodeType&&a[0]||a,a=a.ownerDocument||a,r("jQuery.clean() is deprecated");var s,u,c,l,d=[];if(e.merge(d,e.buildFragment(t,a).childNodes),i)for(c=function(e){return!e.type||j.test(e.type)?o?o.push(e.parentNode?e.parentNode.removeChild(e):e):i.appendChild(e):n},s=0;null!=(u=d[s]);s++)e.nodeName(u,"script")&&c(u)||(i.appendChild(u),u.getElementsByTagName!==n&&(l=e.grep(e.merge([],u.getElementsByTagName("script")),c),d.splice.apply(d,[s+1,0].concat(l)),s+=l.length));return d});var Q=e.event.add,x=e.event.remove,k=e.event.trigger,N=e.fn.toggle,T=e.fn.live,M=e.fn.die,S="ajaxStart|ajaxStop|ajaxSend|ajaxComplete|ajaxError|ajaxSuccess",C=RegExp("\\b(?:"+S+")\\b"),H=/(?:^|\s)hover(\.\S+|)\b/,A=function(t){return"string"!=typeof t||e.event.special.hover?t:(H.test(t)&&r("'hover' pseudo-event is deprecated, use 'mouseenter mouseleave'"),t&&t.replace(H,"mouseenter$1 mouseleave$1"))};e.event.props&&"attrChange"!==e.event.props[0]&&e.event.props.unshift("attrChange","attrName","relatedNode","srcElement"),e.event.dispatch&&a(e.event,"handle",e.event.dispatch,"jQuery.event.handle is undocumented and deprecated"),e.event.add=function(e,t,n,a,i){e!==document&&C.test(t)&&r("AJAX events should be attached to document: "+t),Q.call(this,e,A(t||""),n,a,i)},e.event.remove=function(e,t,n,r,a){x.call(this,e,A(t)||"",n,r,a)},e.fn.error=function(){var e=Array.prototype.slice.call(arguments,0);return r("jQuery.fn.error() is deprecated"),e.splice(0,0,"error"),arguments.length?this.bind.apply(this,e):(this.triggerHandler.apply(this,e),this)},e.fn.toggle=function(t,n){if(!e.isFunction(t)||!e.isFunction(n))return N.apply(this,arguments);r("jQuery.fn.toggle(handler, handler...) is deprecated");var a=arguments,i=t.guid||e.guid++,o=0,s=function(n){var r=(e._data(this,"lastToggle"+t.guid)||0)%o;return e._data(this,"lastToggle"+t.guid,r+1),n.preventDefault(),a[r].apply(this,arguments)||!1};for(s.guid=i;a.length>o;)a[o++].guid=i;return this.click(s)},e.fn.live=function(t,n,a){return r("jQuery.fn.live() is deprecated"),T?T.apply(this,arguments):(e(this.context).on(t,this.selector,n,a),this)},e.fn.die=function(t,n){return r("jQuery.fn.die() is deprecated"),M?M.apply(this,arguments):(e(this.context).off(t,this.selector||"**",n),this)},e.event.trigger=function(e,t,n,a){return n||C.test(e)||r("Global events are undocumented and deprecated"),k.call(this,e,t,n||document,a)},e.each(S.split("|"),function(t,n){e.event.special[n]={setup:function(){var t=this;return t!==document&&(e.event.add(document,n+"."+e.guid,function(){e.event.trigger(n,null,t,!0)}),e._data(this,n,e.guid++)),!1},teardown:function(){return this!==document&&e.event.remove(document,n+"."+e._data(this,n)),!1}}})}(jQuery,window);

//]]>

</script>

//<![CDATA[

//]]>

</script>

summary_noimg = 400;

summary_img = 300;

img_thumb_height = 150;

img_thumb_width = 200;

</script>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<img src="'+img[0].src+'" class="pbtthumbimg"/>';

summ = summary_img;

}

var summary = '<div style="text-align:center;">' + imgtag + '</div><div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

body.custom-background {

background-color:#777777;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE1l1a-onh6gmnwgqdjLivjh98wDxgnMyvskFoqAVk-CvWudHDJ4LGqeYdIsTwMTpSNxNu0oXo_zHpZ9mqG3RLc-X6LxwZth0i74bbvh5-_uKPrc7tgFRgJLyCIeGoVQGR9hGvWkLtD-5W/s0/background.jpg);

background-repeat:repeat;

background-position:top left;

background-attachment:fixed;

}

</style>

</head>

<a class='skip-link screen-reader-text' href='#contentnbt'>Skip to content</a>

<li><a href='#'>Business</a>

<li><a href='#'>Internet</a></li>

<li><a href='#'>Market</a></li>

<li><a href='#'>Stock</a></li>

</ul>

</li>

<li><a href='#'>Downloads</a>

<li><a href='#'>Games</a></li>

<li><a href='#'>Software</a>

<li><a href='#'>Office</a>

</li>

</ul>

</li>

</ul>

</li>

<li><a href='#'>Parent Category</a>

<li><a href='#'>Child Category 1</a>

<li><a href='#'>Sub Child Category 1</a></li>

<li><a href='#'>Sub Child Category 2</a></li>

<li><a href='#'>Sub Child Category 3</a></li>

</ul>

</li>

<li><a href='#'>Child Category 2</a></li>

<li><a href='#'>Child Category 3</a></li>

<li><a href='#'>Child Category 4</a></li>

</ul>

</li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>

<li><a href='#'>Childcare</a></li>

<li><a href='#'>Doctors</a></li>

</ul>

</li>

<li><a href='#'>Uncategorized</a></li>

</ul>

</div>

</div>

<li class='twitter-link'><a class='fontawesomeiconnbt fontawesomeiconnbt-twitter' href='#' rel='nofollow' target='_blank' title='Twitter'><span class='screen-reader-text'>Twitter</span></a></li>

<li class='facebook-link'><a class='fontawesomeiconnbt fontawesomeiconnbt-facebook-alt' href='#' rel='nofollow' target='_blank' title='Facebook'><span class='screen-reader-text'>Facebook</span></a></li>

<li class='pinterest-link'><a class='fontawesomeiconnbt fontawesomeiconnbt-pinterest' href='#' rel='nofollow' target='_blank' title='Pinterest'><span class='screen-reader-text'>Pinterest</span></a></li>

<li class='google-link'><a class='fontawesomeiconnbt fontawesomeiconnbt-googleplus-alt' href='#' rel='nofollow' target='_blank' title='Google Plus'><span class='screen-reader-text'>Google Plus</span></a></li>

<li class='instagram-link'><a class='fontawesomeiconnbt fontawesomeiconnbt-instagram' href='#' rel='nofollow' target='_blank' title='Instagram'><span class='screen-reader-text'>Instagram</span></a></li>

<li class='youtube-link'><a class='fontawesomeiconnbt fontawesomeiconnbt-youtube' href='#' rel='nofollow' target='_blank' title='YouTube'><span class='screen-reader-text'>YouTube</span></a></li>

<li class='vimeo-link'><a class='fontawesomeiconnbt fontawesomeiconnbt-vimeo' href='#' rel='nofollow' target='_blank' title='Vimeo'><span class='screen-reader-text'>Vimeo</span></a></li>

</ul>

</div>

</div>

<b:section class='headersec' id='headersec' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Singl (Header)' type='Header'>

<b:includable id='main'>

<b:if cond='data:useImage'>

<b:if cond='data:imagePlacement == "REPLACE"'>

</a>

</div>

<b:else/>

<!--

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:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

</b:includable>

<b:includable id='description'>

</b:includable>

<b:includable id='title'>

</b:includable>

</b:widget>

</b:section>

</div>

</header>

<b:section class='mainblogsec' id='mainblogsec' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

<b:includable id='main' var='top'>

<b:if cond='data:mobile == "false"'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.isDateStart'>

<b:if cond='data:post.isFirstPost == "false"'>

</div></div>

</b:if>

<b:if cond='data:post.isDateStart'>

</b:if>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:post.isDateStart'>

</b:if>

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == "static_page"'>

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</div>

<b:if cond='data:post.includeAd'>

<b:if cond='data:post.isFirstPost'>

<data:defaultAdEnd/>

<b:else/>

<data:adEnd/>

</b:if>

<data:adCode/>

</div>

<data:adStart/>

</b:if>

</b:loop>

<b:if cond='data:numPosts != 0'>

</div></div>

</b:if>

<data:adEnd/>

</div>

<b:if cond='data:blog.pageType != "item"'>

<b:include name='nextprev'/>

</b:if>

<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>

google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});

function initialize() {

google.annotations.setApplicationId(<data:top.blogspotReviews/>);

google.annotations.createAll();

google.annotations.fetch();

}

google.setOnLoadCallback(initialize);

</script>

</b:if>

<b:else/>

<b:include name='mobile-main'/>

</b:if>

<b:if cond='data:top.showDummy'>

<data:top.dummyBootstrap/>

</b:if>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

</a>

</span>

</b:includable>

<b:includable id='backlinks' var='post'>

<b:if cond='data:post.numBacklinks != 0'>

<b:loop values='data:post.backlinks' var='backlink'>

<b:include data='backlink' name='backlinkDeleteIcon'/>

</dt>

<data:backlink.snippet/>

</dd>

</dd>

</div>

</b:loop>

</dl>

</b:if>

</p>

</b:includable>

<b:includable id='comment-form' var='post'>

<b:if cond='data:mobile'>

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<b:if cond='data:showCmtPopup'>

</div>

<b:else/>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='comment_count_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

</span>

<b:else/>

<data:post.commentLabelFull/>:

</a>

</b:if>

</b:includable>

<b:includable id='comment_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

<b:include data='post' name='iframe_comments'/>

<b:else/>

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<b:if cond='data:post.allowComments'>

<h4>

<b:if cond='data:post.numComments == 1'>

1 <data:commentLabel/>:

<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>:

</b:if>

</h4>

<b:if cond='data:post.commentPagingRequired'>

<data:post.commentRangeText/>

</span>

</b:if>

<b:loop values='data:post.comments' var='comment'>

<b:if cond='data:comment.favicon'>

</b:if>

<b:if cond='data:blog.enabledCommentProfileImages'>

<data:comment.authorAvatarImage/>

</b:if>

<b:if cond='data:comment.authorUrl'>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<b:if cond='data:comment.isDeleted'>

<b:else/>

<p>

<data:comment.body/>

</p>

</b:if>

</dd>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

</dl>

</div>

<b:if cond='data:post.commentPagingRequired'>

<data:post.oldestLinkText/>

</a>

<data:post.olderLinkText/>

</a>

<data:post.commentRangeText/>

<data:post.newerLinkText/>

</a>

<data:post.newestLinkText/>

</a>

</span>

</b:if>

<b:if cond='data:post.embedCommentForm'>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

<b:else/>

<b:if cond='data:post.allowComments'>

</b:if>

</p>

</b:if>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</b:includable>

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:feedLinks'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.feedLinks'>

<b:include data='post.feedLinks' name='feedLinksBody'/>

</b:if>

</b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

</b:loop>

</div>

</b:includable>

<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.embedCommentForm == "false"'>

</b:if>

</b:includable>

<b:includable id='mobile-index-post' var='post'>

<b:if cond='data:post.dateHeader'>

</div>

</b:if>

<data:post.title/>

</h3>

<div class='mobile-index-arrow'>&rsaquo;</div>

<b:if cond='data:post.thumbnailUrl'>

</div>

</b:if>

<b:if cond='data:post.snippet'><data:post.snippet/></b:if>

</div>

</a>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.numComments != 0'>

</b:if>

</div>

</b:includable>

<b:includable id='mobile-main' var='top'>

<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'>

<b:if cond='data:newerPageUrl'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>

</div>

</b:if>

<b:if cond='data:olderPageUrl'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>

</div>

</b:if>

</div>

</div>

</b:includable>

<b:includable id='mobile-post' var='post'>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

</div>

<data:post.body/>

</div>

<b:if cond='data:top.showAuthor'>

<b:if cond='data:post.authorProfileUrl'>

<data:post.author/>

</a>

</span>

<b:else/>

</b:if>

</span>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

</b:if>

</span>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.allowComments'>

</b:if>

</span>

</div>

<b:if cond='data:top.showMobileShare'>

</div>

</b:if>

<b:if cond='data:top.showDummy'>

</b:if>

</div>

<b:if cond='data:blog.pageType == "static_page"'>

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</div>

</b:includable>

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

</span>

</b:if>

<b:if cond='data:mobileLinkUrl'>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='post' var='post'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

</h1>

<b:if cond='data:blog.pageType != "static_page"'>

Posted on <data:post.timestamp/>by <b:if cond='data:post.authorProfileUrl'><a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'><data:post.author/></a><b:else/><data:post.author/></b:if><b:if cond='data:post.allowComments'> with <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments >= 2'><data:post.numComments/> comments</b:if></a></b:if>

</div>

</b:if>

</header>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:blog.pageType != "item"'>

</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == "item"'>

<b:include data='post' name='shareButtons'/>

</div>

<b:if cond='data:top.showReactions'>

</tr></table>

</b:if>

</span>

</b:if>

</div>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.labels'>Posted in <b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>, </b:if></b:loop></b:if><b:if cond='data:blog.pageType != "item"'> | <a class='morer' expr:href='data:post.url'>Read More</a></b:if>

</footer>

</b:if>

</article>

<b:if cond='data:blog.pageType == "item"'>

<b:include name='nextprev'/>

</b:if>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='shareButtons' var='post'>

<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>

</b:includable>

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

<b:includable id='threaded-comment-form' var='post'>

<b:if cond='data:mobile'>

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='threaded_comment_js' var='post'>

(function() {

var items = <data:post.commentJso/>;

var msgs = <data:post.commentMsgs/>;

var config = <data:post.commentConfig/>;

// <![CDATA[

var cursor = null;

if (items && items.length > 0) {

cursor = parseInt(items[items.length - 1].timestamp) + 1;

}

var bodyFromEntry = function(entry) {

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {

return '<span class="deleted-comment">' + entry.content.$t + '</span>';

}

return entry.content.$t;

}

var parse = function(data) {

cursor = null;

var comments = [];

if (data && data.feed && data.feed.entry) {

for (var i = 0, entry; entry = data.feed.entry[i]; i++) {

var comment = {};

// comment ID, parsed out of the original id format

var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);

comment.id = id ? id[2] : null;

comment.body = bodyFromEntry(entry);

comment.timestamp = Date.parse(entry.published.$t) + '';

if (entry.author && entry.author.constructor === Array) {

var auth = entry.author[0];

if (auth) {

comment.author = {

name: (auth.name ? auth.name.$t : undefined),

profileUrl: (auth.uri ? auth.uri.$t : undefined),

avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)

};

}

if (entry.link) {

if (entry.link[2]) {

comment.link = comment.permalink = entry.link[2].href;

}

if (entry.link[3]) {

var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);

if (pid && pid[1]) {

comment.parentId = pid[1];

}

comment.deleteclass = 'item-control blog-admin';

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {

comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;

}

comments.push(comment);

}

return comments;

};

var paginator = function(callback) {

if (hasMore()) {

var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';

if (cursor) {

url += '&published-min=' + new Date(cursor).toISOString();

}

window.bloggercomments = function(data) {

var parsed = parse(data);

cursor = parsed.length < 50 ? null

: parseInt(parsed[parsed.length - 1].timestamp) + 1

callback(parsed);

window.bloggercomments = null;

}

url += '&callback=bloggercomments';

var script = document.createElement('script');

script.type = 'text/javascript';

script.src = url;

document.getElementsByTagName('head')[0].appendChild(script);

}

};

var hasMore = function() {

return !!cursor;

};

var getMeta = function(key, comment) {

if ('iswriter' == key) {

var matches = !!comment.author

&& comment.author.name == config.authorName

&& comment.author.profileUrl == config.authorUrl;

return matches ? 'true' : '';

} else if ('deletelink' == key) {

return config.baseUri + '/delete-comment.g?blogID='

+ config.blogId + '&postID=' + comment.id;

} else if ('deleteclass' == key) {

return comment.deleteclass;

}

return '';

};

var replybox = null;

var replyUrlParts = null;

var replyParent = undefined;

var onReply = function(commentId, domId) {

if (replybox == null) {

// lazily cache replybox, and adjust to suit this style:

replybox = document.getElementById('comment-editor');

if (replybox != null) {

replybox.height = '250px';

replybox.style.display = 'block';

replyUrlParts = replybox.src.split('#');

}

if (replybox && (commentId !== replyParent)) {

document.getElementById(domId).insertBefore(replybox, null);

replybox.src = replyUrlParts[0]

+ (commentId ? '&parentID=' + commentId : '')

+ '#' + replyUrlParts[1];

replyParent = commentId;

}

};

var hash = (window.location.hash || '#').substring(1);

var startThread, targetComment;

if (/^comment-form_/.test(hash)) {

startThread = hash.substring('comment-form_'.length);

} else if (/^c[0-9]+$/.test(hash)) {

targetComment = hash.substring(1);

}

// Configure commenting API:

var configJso = {

'maxDepth': config.maxThreadDepth

};

var provider = {

'id': config.postId,

'data': items,

'loadNext': paginator,

'hasMore': hasMore,

'getMeta': getMeta,

'onReply': onReply,

'rendered': true,

'initComment': targetComment,

'initReplyThread': startThread,

'config': configJso,

'messages': msgs

};

var render = function() {

if (window.goog && window.goog.comments) {

var holder = document.getElementById('comment-holder');

window.goog.comments.render(holder, provider);

}

};

// render now, or queue to render when library loads:

if (window.goog && window.goog.comments) {

render();

} else {

window.goog = window.goog || {};

window.goog.comments = window.goog.comments || {};

window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];

window.goog.comments.loadQueue.push(render);

}

})();

// ]]>

</script>

</b:includable>

<b:includable id='threaded_comments' var='post'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='threaded_comment_js'/>

</b:if>

<data:post.commentHtml/>

</div>

<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'>

</iframe>

</div>

</b:if>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

</div>

</div>

</div>

<span class='fontawesomeiconnbt fontawesomeiconnbt-collapse'><span class='screen-reader-text'>Widgets</span></span>

</a>

</div>

<b:section class='footersec' id='footersec1' showaddelement='yes'>

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<ul>

<b:loop values='data:posts' var='post'>

<li>

<b:if cond='data:showThumbnails == "false"'>

<b:if cond='data:showSnippets == "false"'>

<b:else/>

</b:if>

<b:else/>

<b:if cond='data:showSnippets == "false"'>

<b:if cond='data:post.thumbnail'>

</a>

</div>

</b:if>

</div>

<b:else/>

<b:if cond='data:post.thumbnail'>

</a>

</div>

</b:if>

</div>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='HTML2' locked='false' title='Unordered List' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='footersec' id='footersec2' showaddelement='yes'>

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='Text2' locked='false' title='Text Widget' type='Text'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='footersec' id='footersec3' showaddelement='yes'>

<b:widget id='Label1' locked='false' title='Categories' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<b:if cond='data:display == "list"'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<b:else/>

</b:if>

<b:if cond='data:showFreqNumbers'>

</b:if>

</li>

</b:loop>

</ul>

<b:else/>

<b:loop values='data:labels' var='label'>

<b:if cond='data:blog.url == data:label.url'>

<b:else/>

</b:if>

<b:if cond='data:showFreqNumbers'>

</b:if>

</span>

</b:loop>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<b:if cond='data:mobile'>

<b:loop values='data:links' var='link'>

<b:if cond='data:link.isCurrentPage'>

<b:else/>

</b:if>

</b:loop>

</select>

<b:else/>

<ul>

<b:loop values='data:links' var='link'>

<b:if cond='data:link.isCurrentPage'>

<b:else/>

</b:if>

</b:loop>

</ul>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<b:if cond='data:style == "HIERARCHY"'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == "FLAT"'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == "MENU"'>

<b:include data='data' name='menu'/>

</b:if>

</div>

<b:include name='quickedit'/>

</div>

</b:includable>

<b:includable id='flat' var='data'>

<b:loop values='data:data' var='i'>

<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='i'>

<b:include data='i' name='toggle'/>

<b:if cond='data:i.data'>

<b:include data='i.data' name='interval'/>

</b:if>

<b:if cond='data:i.posts'>

<b:include data='i.posts' name='posts'/>

</b:if>

</li>

</ul>

</b:loop>

</b:includable>

<b:includable id='menu' var='data'>

<b:loop values='data:data' var='i'>

</b:loop>

</select>

</b:includable>

<b:includable id='posts' var='posts'>

<b:loop values='data:posts' var='i'>

</b:loop>

</ul>

</b:includable>

<b:includable id='toggle' var='interval'>

<b:if cond='data:interval.toggleId'>

<b:if cond='data:interval.expclass == "expanded"'>

</a>

<b:else/>

<b:if cond='data:blog.languageDirection == "rtl"'>

◄ 

<b:else/>

► 

</b:if>

</span>

</a>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

</div>

</div>

<label for='subscribe-field'>Get email updates</label></h2>

<p>

</p>

</form>

</div>

</div>

Copyright © <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Powered by <a href='http://www.blogger.com/'>Blogger</a><br/>Design by <a href='http://automattic.com/' target='_blank'>Automattic</a> | Blogger Theme by <a href='http://newbloggerthemes.com/' target='_blank' title='NewBloggerThemes.com'>NewBloggerThemes.com</a>

</div>

</footer>

</div>

</div>

//<![CDATA[

/**

* navigation.js

* Handles toggling the navigation menu for small screens.

( function() {

var container, button, menu;

container = document.getElementById( 'site-navigationnbt' );

if ( ! container )

return;

button = container.getElementsByTagName( 'h1' )[0];

if ( 'undefined' === typeof button )

return;

menu = container.getElementsByTagName( 'ul' )[0];

// Hide menu toggle button if menu is empty and return early.

if ( 'undefined' === typeof menu ) {

button.style.display = 'none';

return;

}

if ( -1 === menu.className.indexOf( 'nav-menu' ) )

menu.className += ' nav-menu';

button.onclick = function() {

if ( -1 !== container.className.indexOf( 'toggled' ) )

container.className = container.className.replace( ' toggled', '' );

else

container.className += ' toggled';

};

} )();

//]]>

</script>

//<![CDATA[

( function() {

var is_webkit = navigator.userAgent.toLowerCase().indexOf( 'webkit' ) > -1,

is_opera = navigator.userAgent.toLowerCase().indexOf( 'opera' ) > -1,

is_ie = navigator.userAgent.toLowerCase().indexOf( 'msie' ) > -1;

if ( ( is_webkit || is_opera || is_ie ) && 'undefined' !== typeof( document.getElementById ) ) {

var eventMethod = ( window.addEventListener ) ? 'addEventListener' : 'attachEvent';

window[ eventMethod ]( 'hashchange', function() {

var element = document.getElementById( location.hash.substring( 1 ) );

if ( element ) {

if ( ! /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) )

element.tabIndex = -1;

element.focus();

}

}, false );

}

})();

//]]>

</script>

//<![CDATA[

//]]>

</script>

//<![CDATA[

( function( $ ) {

$( document ).ready( function() {

var widgets_wrapper = $( '#widgets-wrappernbt' ),

widgets_trigger = $( '.widgets-triggernbt' ),

genericon = $( '.widgets-triggernbt .fontawesomeiconnbt' );

* Click event for toggling the bottom-panel.

widgets_trigger.click( function( e ) {

e.preventDefault();

widgets_wrapper.toggleClass( 'hidenbt' );

genericon.toggleClass( 'fontawesomeiconnbt-expand' ).toggleClass( 'fontawesomeiconnbt-collapse' );

} );

* Backstretch.

if ( '' != singl_background_image_vars.header_bg && singl_script_vars.bg_image_url ) {

$( 'body' ).backstretch( singl_script_vars.bg_image_url );

}

} );

* A function to move the social links depending on the screen resolution

* and resize the entry thumbnail.

function responsive() {

var social_links = $( '#social-links-wrappernbt' ),

thumbnail = $( '.entry-thumbnail' );

if( $( window ).width() < 768 ) {

social_links.insertBefore( $( '#colophonnbt' ) );

thumbnail.css( 'width', '100%' ).css( 'width', '+=80px' );

} else {

social_links.appendTo( $( '#header-wrappernbt' ) );

thumbnail.removeAttr( 'style' );

}

social_links.show();

}

$( window ).load( responsive ).resize( _.debounce( responsive, 100 ) );

} )( jQuery );

//]]>

</script>

</body>

</html>

Singl Blogger Template

Baca juga

Singl Blogger Template

Share this :