Grid Template PJK Edited ~ Template Blogger Selected

CLICK COPY AND PASTE THIS CODE TO YOUR BLOGGER EDIT HTML PAGE, GOOD LUCK !

<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

<b:include data='blog' name='all-head-content'/>
<meta content='Keywords_Here' name='keywords'/> 
<b:if cond='data:blog.pageType == "error_page"'>
<title>Sorry, Page Not Found !</title>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<meta content='Ar-themes' name='Author'/>
<meta content='index, follow' name='robots'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>

<link href='//fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'/>
<link href='//fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Responsive Blogger Template Style
Name:     Johny Grid
Designer: Mas template
URL:      http://www.mastemplate.com/
----------------------------------------------- */
/* Global
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0px;
  padding: 0px;
  border: 0px none;
  font: inherit;
  vertical-align: baseline;
}
body{ margin: 0; padding: 0; background: #FFFFFF; font-family: 'Droid Sans',sans-serif; font-weight:100; font-size: 16px; color: #212422;}
a{text-decoration: none;}
a:hover, .hover{text-decoration: underline;} 
p {margin-bottom: 15px;}
h1 { font-size: 30px;}
h2 {font-size: 25px;}
h3 { font-size: 20px;}
h4, h5, h6 {font-size:18px;}
h1, h2, h3, h4, h5, h6{ font-family: 'Fjalla One', sans-serif; font-weight:400; color:#212422;  line-height: 1.25; margin: 35px 0 8px 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#212422;}
code, hr, ins, pre { background:#F7F7F7;} 
code { color:#545454; margin: 30px; padding: 0 15px; display:block; border-left:3px solid #545454;}pre{color:#545454;}
hr {background:#E7E7E7;}
#entry-author-info { min-height:80px; background: #F5F4F7; padding: 15px; margin: 20px 0 0 0; overflow: hidden; clear: both;} 
abbr,acronym { border-bottom: 1px dotted #E7E7E7; cursor: help;}
small, .entry-meta, .entry-utility, .comment-meta, #entry-author-info, #entry-author-info-archive, .logged-in-as, .navigation, #respond label, .wp-caption-text, .archive-meta, entry-preview {font-size: 90%; line-height:20px;}
ul {list-style: square; margin: 0 0 18px 1.5em;}
ol {list-style: decimal; margin: 0 0 18px 1.5em;}
ol ol {list-style:upper-alpha;}
ol ol ol {list-style:lower-roman;}
ol ol ol ol {list-style:lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin-bottom:0;}
dl {margin:0 0 0 0;}
dt {font-weight: bold;}
dd {margin-bottom: 18px;}
strong, b {font-weight: bold;}
cite, em, i {font-style: italic;}
big {font-size: 131.25%;}
blockquote{font-style: italic; font-size:130%;}
blockquote cite, blockquote em, blockquote i {font-style: italic;}
pre {margin-bottom: 18px; padding: 1.5em;}
ins { text-decoration: none;}
sup, sub {height: 0; line-height: 1; vertical-align: baseline; position: relative;}
sup {bottom: 1ex;}
sub {top: .5ex;}
pre {font-family: "Courier 10 Pitch", Courier, monospace;}
code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
input, textarea {color: #666; font-size: 14px; line-height:20px;}
hr {border:0; height: 1px; margin-bottom: 18px; clear:both;}
input[type="text"], textarea {padding: 0 0 0 3px;}
.screen-reader-text {position: absolute;left: -9000px;}
.advertising {min-width:100px;}
nav ul, nav ol {list-style: none outside none;}
.sidebar, #footerwidgets, #footer, #blog-pager {display: none;}
img {max-width: 1000%;box-sizing: border-box;}
.post-body a {margin: 0 !important;}
.popular-posts ul { padding: 0;margin: 0;list-style: none; }
.section .widget center div, .section .widget center img, .section .widget center iframe, .section .widget center embed { max-width: 100%; height: auto; box-sizing: border-box; }

/* Layout
----------------------------------------------- */
body#layout .sidebar, body#layout #footerwidgets {
  display: block;
}
body#layout {
  width: 800px;
}
body#layout #logo {
  margin: -10px auto;
  width: 40%;
}
body#layout #wrapper {
  margin: 0px 20px;
}
body#layout .grid_2 {
  width: 60%;
  float: left;
}
body#layout .grid_3 {
  width: 38%;
  float: right;
}
body#layout #section-2, body#layout #section-3 {
  width: 50%;
  float: left;
}
body#layout #footer-widget-area {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
body#layout .container_16 .grid_4 {
  width: 25%;
  box-sizing: border-box;
}

body#layout #footerwidgets .section .widget {
  padding: 0;
  margin: 0px 4px 3px;
  position: relative;
}

/* HEADER & LOGO
----------------------------------------------- */
#header {
  width: 100%;
}
#logo {
  margin: 0 auto;
  width: 70%;
  text-align: center;
  padding: 10px 0 5px;
}
.titlewrapper {
  display: inline-block;
}
.titlewrapper h1 {
  font-family: 'Fjalla One', sans-serif;
  font-weight: 400;
  margin: 0;
  color: #000000;
  font-size: 26px;
  line-height: 26px;
}
.descriptionwrapper {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  margin: 0;
  display: inline-block;
  line-height: 26px;
  font-family: "Fjalla One", sans-serif;
}
.descriptionwrapper p {
  margin-bottom: 0;
}
#logo a,
#logo a:hover {
  text-decoration: none;
}

/* MENU
----------------------------------------------- */
#menu {
  display: none;
}
.menu-trigger {
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 132%;
  padding: 6px 10px;
  cursor: pointer;
}
a.menu-trigger {
  color: #000000;
}
a:hover.menu-trigger {
  text-decoration: none;
  color: #01A68E;
}
#navigation {
  background: rgba(240, 239, 242, 0.8);
  position: relative;
}
nav#jPanelMenu-menu {
  width: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #F7F7F7;
}
#jPanelMenu-menu li.menu-item a {
  color: #989799;
  text-decoration: none;
  display: block;
  padding: 0.55em 0.5em 0.45em 0.5em;
}
#jPanelMenu-menu li.menu-item a:hover, #jPanelMenu-menu li.current-menu-item {
  background-color: rgba(240, 239, 242, 1);
  text-decoration: none;
}
#jPanelMenu-menu ul {
  margin: 0 15px;
}
#jPanelMenu-menu ul li.menu-item {
  border-bottom: 1px dotted #DDDDDD;
}
#jPanelMenu-menu ul li li.menu-item {
  border-bottom: none;
}
.navsearch {
  background: #000;
}
.searchbox {
  width: 82%;
  background: #363636;
  color: #fff;
  font-size: 14px;
  margin: 20px 15px 10px;
  border: 1px solid #363636;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
input[type="text"].searchbox {
  padding: 5px 5px 1px 5px;
}

/* SOCIAL ICONS
----------------------------------------------- */
a.socialicons {
  color: #000000;
  line-height: 28px;
}
a:hover.socialicons {
  text-decoration: none;
}
#socialicons {
  clear: both;
  width: 100%;
  margin: 0 15px 25px;
}
.fa-bars:before {
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  line-height: 1em;
  font-weight: bold;
}
.socialicons i {
  line-height: 28px;
  font-size: 20px;
}

/* MAIN CONTENT
----------------------------------------------- */
#contentcontainer {
  padding: 10px 0 30px;
  max-width: 1366px;
  margin: 0 auto;
}
.blog-posts {
  -moz-column-count: 5;
  -webkit-column-count: 5;
  column-count: 5;
  width: 92%;
  margin: 0 auto;
}
.date-outer {
  margin: 10px 0;
  display: inline-block;
  width: 100%;
}
.boxes, .sidebar-section .widget, .footerboxes {
  padding: 15px;
  margin: 10px 0px 0px;
  position: relative;
}
.date-outer .boxes {
  padding: 0px;
}
.boxes .entry-title {
  margin: 5px 0px 0px;
  text-decoration: none;
}
.boxes .entry-title a:hover {
  color: #01A68E;
  text-decoration: none;
}
.entry-meta, .entry-utility {
  color: #989799;
}
.post-title.entry-title, .post-footer {
  display: none;
}
.wp-post-image {
  max-width: 100%;
}
.loader {
  background: none repeat scroll 0% 0% transparent;
  border: medium none;
  overflow: hidden;
  position: fixed;
  z-index: 102;
  top: 70%;
  left: 50%;
}
#comments {
  padding: 1px 15px;
  background-color: #F5F5F5;
  margin-top: 25px;
}
#comments .user a {
  color:#444;
  font-style:normal;
  font-size:14px;
  line-height:26px;
}
#comments .datetime,
#comments .datetime a {
  display:inherit;
  margin-left:0;
  color:#A3A3A3;
  text-decoration:none;
  font-size:12px;
  margin:-4px 0 0;
}
#comments .datetime a {
  margin:auto;
}
#comments .comment-actions a {
  background:linear-gradient(to bottom,#2AACDB 0%,#1A79C5 100%) repeat scroll 0% 0% transparent;
  border:1px solid #1B95D0;
  border-radius:2px;
  color:#FFF;
  font-size:11px;
  line-height:1.2em;
  padding:3px 9px 2px;
  text-transform:uppercase;
  text-decoration:none;
  margin-right:10px;
}
#comments .comment {
  border-bottom:1px solid #E5E5E5;
}
#comments .loadmore {
  margin-top:0;
}
.comment-replies .inline-thread {
  background:none repeat scroll 0% 0% #F8F8FF;
  border-width:1px 1px 1px 3px;
  border-style:solid;
  border-color:#E2E2E2 #E2E2E2 #E2E2E2 #1B95D0;
}

/* Labels
----------------------------------------------- */
.Label .widget-content ul {
  list-style: none;
  margin: 0;
}
.label-size {
  float: left;
  font-size: 13px;
}
.list-label-widget-content ul, .list-label-widget-content li {
  list-style: none;
}
.list-label-widget-content li a {
  background: #F3F3F3;
  color: #525252;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
  float: left;
  padding: 5px;
  margin-bottom: 5px;
  line-height: 16px;
  width: 80%;
  box-sizing: border-box;
}
.list-label-widget-content li span {
  color: orangered;
  background: #F3F3F3;
  border-radius: 3px;
  min-width: 18%;
  box-sizing: border-box;
  float: right;
  padding: 4px;
  margin-bottom: 5px;
  text-align: center;
  border: 1px solid #E2E2E2;
  line-height: 16px;
}
.list-label-widget-content li span:first-child {
  background: #F3F3F3;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
  border-right: 10px solid;
  border-left: 10px solid;
  width: 113px !important;
  float: left;
  padding: 5px;
  margin-bottom: 5px;
  line-height: 16px;
  width: 250px;
}
.list-label-widget-content li a:hover, #footer-nav .list-label-widget-content li a:hover {
  background: orangered;
  color: #fff;
}
.cloud-label-widget-content .label-size {
  font-size: 100%;
  float: left;
}
.cloud-label-widget-content .label-size a {
  color: #666;
  float: left;
  font-size: 12px;
  margin: 0px 5px 5px 0px;
  padding: 5px;
  text-decoration: none;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
}
.label-size a:hover, .label-size:hover .label-count, .label-size:hover a {
  background-color: #FD4326;
  color: #FFF;
  text-decoration: none;
  transition: all 0.2s ease-out 0s;
}
.cloud-label-widget-content .label-size span {
  color: #666;
  float: left;
  font-size: 12px;
  margin: 0px 5px 5px 0px;
  padding: 5px;
  text-decoration: none;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
}
.cloud-label-widget-content .label-size span:first-child, .cloud-label-widget-content .label-size span:first-child span:nth-child(2) {
  background: #FD4326;
  color: #FFF;
}

/* Author
----------------------------------------------- */
#entry-author-info {
  margin-bottom: 25px;
}
#entry-author-info #author-avatar {
  float: left;
  margin: 0px -94px 0px 0px;
  height: 80px;
}
#entry-author-info h2 {
  margin: 0px 0px 10px;
}
#entry-author-info #author-description {
  float: left;
  margin: 0px 0px 0px 94px;
}

/* FOOTER WIDGETS
----------------------------------------------- */
#footerwidgets {
  background: none repeat scroll 0% 0% #F0EFF2;
}
#footer-widget-area {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 20px;
}
.containermargin {
  margin: 0px auto;
}
.container_16 {
  position: relative;
  width: 1200px;
}
.container_16 .grid_4 {
  width: 280px;
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}
.widget-area, .footer-widget-area {
  font-family: "Droid Sans",sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: #212422;
}
#footer {
  clear: both;
  width: 100%;
}
#colophon {
  font-family: "Droid Sans",sans-serif;
  font-size: 14px;
  color: #696969;
}
#footer-info {
  padding: 20px 10px 0px;
}
#copyright, .footernav {
  float: left;
}
#colophon a {
  color: #212422;
  text-decoration: none;
}
#colophon a:hover {
  text-decoration: underline;
  color: #01A68E;
}
.footernav ul {
  margin-bottom: 15px;
  border-left: 1px solid #696969;
}
.footernav ul li {
  padding: 0px 8px 0px 18px;
  list-style: none outside none;
  display: inline;
}
#footerwidgets .section .widget {
  padding: 15px;
  margin: 10px 0px 0px;
  position: relative;
  background: none repeat scroll 0% 0% #F8F7FA;
}
#footerwidgets .section .widget h2:first-child {
  max-width: 100%;
  font-size: 20px;
  color: #212422;
  margin: 0px 0px 8px;
  line-height: 26px;
}
.trigger {
  position: absolute;
  bottom: 60px;
  text-align: center;
  width: 100%;
  left: 0;
}
.trigger a {
  padding: 10px 20px;
  border: 3px solid #989799;
  color: #989799;
}
.trigger a:hover {
  text-decoration: none;
  background: #989799;
  color: #fff;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/* RESPONSIVE
----------------------------------------------- */
@media only screen and (min-width: 769px) and (max-width: 1080px) {
  .wp-post-image {
    height: 120px !important;
  }
}
@media only screen and (max-width: 768px) {
  .blog-posts {
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    margin: 0px auto;
    width: 300px;
  }
  .post-body.entry-content img {
    width: 100%;
    height: auto !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .blog-posts {
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    margin: 0px auto;
    width: 420px;
  }
}

span.copyright {
bottom: 0;
position: absolute;
background: #333333;
color: #fff;
font-size: 14px;
padding: 10px;
}

span.copyright a {
color: #9C9C9C;
}

.PopularPosts .widget-content ul li {background:none repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}
.PopularPosts ul{padding:5px 0}
.PopularPosts .item-thumbnail img{width:130px;height:130px;padding:5px;margin:0}
.PopularPosts .item-content{position:relative;float:left;margin:0}
.PopularPosts .item-title a{font-size:11px;color:#fff;display:block;padding:0 5px;float:right;width:122px}
.PopularPosts .item-title:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
.PopularPosts .item-thumbnail{float:left;margin:3px 1px 7px 10px;border:1px solid #ccc;overflow: hidden}
.PopularPosts .item-title{background:#000;position:absolute;bottom:8px;right:2px;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=6)}

/* Photo Gallery styles */
.gallery {
    margin-top: 83px;margin-bottom: 100px;
    width: 750px;
}
.gallery a {
    display: inline-block;
    height: 135px;
    position: relative;
    width: 180px;

/* CSS3 Prevent selections */
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.gallery a img {
    border: 8px solid #fff;
    border-bottom: 20px solid #fff;
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 70%;
    z-index: 1;

/* CSS3 Box sizing property */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

/* CSS3 transition rules */
    -webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    transition: all 1.0s ease;

/* CSS3 Box Shadow */
    -moz-box-shadow: 2px 2px 4px #444;
    -webkit-box-shadow: 2px 2px 4px #444;
    -o-box-shadow: 2px 2px 4px #444;
    box-shadow: 2px 2px 4px #444;
}

/* Custom CSS3 rotate transformation */
.gallery a:nth-child(1) img {
    -moz-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
}
.gallery a:nth-child(2) img {
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
.gallery a:nth-child(3) img {
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
.gallery a:nth-child(4) img {
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.gallery a:nth-child(5) img {
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.gallery a:nth-child(6) img {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.gallery a:nth-child(7) img {
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}
.gallery a:nth-child(8) img {
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
.gallery a:nth-child(9) img {
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
.gallery a:nth-child(10) img {
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}
.gallery a:nth-child(11) img {
    -moz-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
}
.gallery a:nth-child(12) img {
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.gallery a:nth-child(13) img {
    -moz-transform: rotate(-28deg);
    -webkit-transform: rotate(-28deg);
    transform: rotate(-28deg);
}
.gallery a:nth-child(14) img {
    -moz-transform: rotate(-23deg);
    -webkit-transform: rotate(-23deg);
    transform: rotate(-23deg);
}
.gallery a:nth-child(15) img {
    -moz-transform: rotate(-18deg);
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
}
.gallery a:nth-child(16) img {
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.gallery a:nth-child(17) img {
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.gallery a:nth-child(18) img {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.gallery a:nth-child(19) img {
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}
.gallery a:nth-child(20) img {
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
.gallery a:nth-child(21) img {
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
.gallery a:nth-child(22) img {
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}
.gallery a:nth-child(23) img {
    -moz-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
}
.gallery a:nth-child(24) img {
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.gallery a:focus img {
    cursor: default;
    height: 350%;
    left: -150px;
    top: -100px;
    position: absolute;
    width: 350%;
    z-index: 25;

/* CSS3 transition rules */
    -webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    transition: all 1.0s ease;

/* CSS3 transform rules */
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

#random-posts{width:100%;background:none;}
#random-posts ul {margin: 0 !important;  padding: 0 !important;  }
#random-posts ul li {background:none ;list-style-type: none;margin:0;padding:0 !important}
#random-posts li{float:left;list-style:none;}
#random-posts img{float:left;margin-right:5px;margin-bottom:5px;border:none;width:75px;height:76px;transition:all 400ms ease-in-out;}
#random-posts img:hover {opacity:.7}

]]></b:skin>
<b:if cond='data:blog.url == data:blog.homepageUrl'><style>
  .blog-posts {
    margin-bottom: 100px;
  }
</style></b:if>
<b:if cond='data:blog.pageType != "index"'><style>
  .blog-posts {
    -moz-column-count: auto;
 -webkit-column-count: auto;
 column-count: auto;
    width: 100%;
  }
  .sidebar, .post-title.entry-title, #footerwidgets, #footer {
    display: block;
  }
  #contentcontainer {
    padding: 10px 0px 30px;
  }
  #blog-pager {
    display: none;
  }
  .grid_1 {
    width: 1200px;
    margin: 20px auto 0;
  }
  .grid_2, .grid_3 {
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
  }
  .grid_2 {
    width: 730px;
  }
  .grid_3 {
    width: 430px;
    min-height: 1px;
    font-family: "Droid Sans",sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #212422;
  }
  .sidebar-section .widget h2:first-child {
    font-size: 20px;
    color: #212422;
    margin: 0px 0px 8px;
    line-height: 26px;
  }
  .sidebar-section .widget {
    background: none repeat scroll 0% 0% #F5F4F7;
  }
  .post-title.entry-title {
    margin: 0;
    font-family: "Fjalla One",sans-serif;
    color: #212422;
    font-size: 48px;
    font-weight: 300;
    font-style: normal;
  }
  .post-header {
    font-size: 90%;
    line-height: 20px;
    color: #989799;
  }
  .post-body.entry-content {
    margin-top: 25px;
  }
  .date-outer {
    padding: 15px;
    display: block;
    box-sizing: border-box;
  }
  #section-2 {
    width: 205px;
    margin-right: 10px;
    float: left;
    margin-top: 10px;
  }
  #section-3 {
    width: 205px;
    margin-left: 10px;
    float: left;
    margin-top: 10px;
  }
  .relatedpostsbox {
    background-color: #F5F5F5;
    padding: 15px !important;
  }
  h2.related-title {
    margin: 0px;
  }
  .relatedpost {
    margin-top: 15px;
  }
  .relatedpost img {
    float: left;
    margin-right: 20px;
    height: 50px !important;
  }
  h4.relatedposth3 {
    font-size: 18px;
    line-height: 24px;
    margin: 8px 0px;
  }
  .next-previous_nav {
    position: fixed;
    bottom: 200px;
    width: 32px;
  }
  .hide-nav {
    display: none;
  }
  .next-previous_posts_nav {
    position: fixed;
    display: none;
    bottom: 50px;
    width: 32px;
  }
  .next-previous_nav_previous {
    left: 0;
  }
  .next-previous_nav_next {
    right: 0;
  }
  .nav-previous {
    width: auto;
    height: 64px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4I49aYCfVdUKQ_50oBuPY-HTtf-huPBrQZxAZq08SwsmF5uEJZeuILv-1_C26NxL-to-oZIbfvqDs0R513tHD_Kt8VZkdCQK2QOszoqSIJhdRpE_agBakhoBklpBVTlwYKR6nzPXo_2MN/s1600/next-previous.png) no-repeat scroll left center transparent;
    background-position: 0 -74px;
    float: left;
  }
  .nav-next {
    width: auto;
    height: 64px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4I49aYCfVdUKQ_50oBuPY-HTtf-huPBrQZxAZq08SwsmF5uEJZeuILv-1_C26NxL-to-oZIbfvqDs0R513tHD_Kt8VZkdCQK2QOszoqSIJhdRpE_agBakhoBklpBVTlwYKR6nzPXo_2MN/s1600/next-previous.png) no-repeat scroll right center transparent;
    background-position: 0 0;
    text-align: right;
    float: right;
  }
  .nav-previous a,
  .nav-next a {
    display: block;
    width: 32px;
    height: 64px;
    text-decoration: none;
  }
  .nav-previous a span,
  .nav-next a span {
    margin-top: 13px;
    padding: 10px;
    display: none;
    min-width: 140px;
    background-color: #f0eff2;
    border: 1px solid #dfdde0;
  }
  .nav-previous a:hover span,
  .nav-next a:hover span {
    display: block;
    color: #212422;
    font-size: 90%;
    line-height: 18px;
    text-decoration: none;
    text-align: center;
  }
  .nav-next a span {
    float: right;
  }

@media only screen and (min-width: 961px) and (max-width: 1200px) {
    .grid_1, .container_16 {
      position: relative;
      width: 960px;
    }
    .grid_1 .grid_2 {
      width: 580px;
    }
    .grid_1 .grid_3 {
      width: 340px;
    }
    #section-2, #section-3 {
      width: 160px;
    }
    .container_16 .grid_4 {
      width: 220px;
    }
  }

@media only screen and (min-width: 769px) and (max-width: 960px) {
    .grid_1, .container_16 {
      position: relative;
      width:768px;
    }
    .grid_1 .grid_2 {
      width: 460px;
    }
    .grid_1 .grid_3 {
      width: 268px;
    }
    #section-2, #section-3 {
      width: 124px;
    }
    .container_16 .grid_4 {
      width: 172px;
    }
  }

@media only screen and (max-width: 768px) {
    .grid_1, .container_16, .grid_1 .grid_2, .container_16 .grid_4   {
      position: relative;
      width: 300px;
    }
    .grid_2, .grid_3 {
      margin-left: 0;
      margin-right: 0;
    }
    #section-2, #section-3 {
      width: 124px;
    }
    .notonmobile, .postformatlabel, .more-link, .sidebar.grid_3 {
      display: none !important;
    }
    body {
      font-size: 90%;
    }
    h1.entry-title, #contentcontainer .post-title.entry-title {
      font-size: 30px !important;
      line-height: 36px;
    }
    #footer-info {
      padding:10px 0;
    }
    #footer-info,
    .footernav {
      text-align:center;
      width:100%;
    }
    .footernav ul li {
      padding:0 10px;
    }
    #copyright {
      width:100%;
    }
    .footernav ul {
      margin-bottom:15px;
      border-left:none;
      line-height:26px;
      margin:10px 0;
    }
  }

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .grid_1, .container_16, .grid_1 .grid_2, .container_16 .grid_4   {
      position: relative;
      width: 420px;
    }
    .box,#postlistcontainer {
      width:420px;
    }
    img {
      max-width:100%;
    }
    #logo img {
      max-width:405px;
    }
    .headerright,
    .sf-menu li {
      width:420px;
    }
    .searchbox {
      width:410px;
    }
    .postlist-gallery-thumb img {
      width:119px;
      margin:10px 10px 0 0;
    }
}

</style></b:if>
<b:if cond='data:blog.pageType == "archive"'><style>
  .sidebar, .post-title.entry-title, .grid_3, .post-header, #footerwidgets, #footer, #entry-author-info, .relatedpostsbox, .next-previous_nav {
    display: none;
  }
  .grid_1, .grid_2 {
    width: 100%;
  }
  .grid_2 {
    float: none;
    clear: both;
  }
  .blog-posts {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
    width: 92%;
  }
  .date-outer {
    padding: 0;
    display: inline-block;
  }
  .post-body.entry-content {
    margin-top: 0px;
  }
  .grid_2, .grid_3 {
    margin-left: 0;
    margin-right: 0;
  }

@media only screen and (max-width: 768px) {
    .blog-posts {
      -webkit-column-count: auto;
      -moz-column-count: auto;
      column-count: auto;
      margin: 0px auto;
      width: 300px;
    }
    .post-body.entry-content img {
      width: 100%;
      height: auto !important;
    }
  }

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .blog-posts {
      -webkit-column-count: auto;
      -moz-column-count: auto;
      column-count: auto;
      margin: 0px auto;
      width: 420px;
    }
  }

</style></b:if>
<b:if cond='data:blog.pageType == "static_page"'><style>
  .relatedpostsbox {
    display: none;
  }
</style></b:if>
<b:if cond='data:blog.pageType == "error_page"'><style>
  .error-page {
    padding: 6px 15px;
    margin: 0px;
    position: relative;
  }
  .error-page header h1 {
    font-family: "Fjalla One",sans-serif;
    color: #212422;
    font-size: 48px;
    font-weight: 300;
    font-style: normal;
    margin: 0;
  }
  .error-page .entry-content {
    clear: both;
    padding: 25px 0px 0px;
    line-height: 27px;
  }
  .error-page .screen-reader-text {
    position: absolute;
    left: -9000px;
  }
  #contentcontainer input[type="text"], #contentcontainer input[type="password"], #contentcontainer input[type="email"] {
    clear: both;
    padding: 4px;
    margin: 0px 0px 30px;
    width: 95%;
    color: #212422;
    background: none repeat scroll 0% 0% #F5F4F7;
    border: medium none;
    font-size: 14px;
    line-height: 20px;
  }
  a.styledbutton, a.more-link, input#submit[type="submit"], input[type="submit"] {
    background: none repeat scroll 0% 0% #01A68E;
  }
  input#submit[type="submit"], input[type="submit"] {
    color: #FFF;
    width: auto;
    margin: 20px 0px 24px;
    padding: 9px 11px 7px;
    border: medium none;
    font-size: 15px;
    line-height: 20px;
  }
  button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
  }
  a.styledbutton:hover, a.more-link:hover, input#submit[type="submit"]:hover, input[type="submit"]:hover {
    background: none repeat scroll 0% 0% #FF4C52;
  }
</style></b:if>

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[

// jPanelMenu 1.3.0 (http://jpanelmenu.com)
// By Anthony Colangelo (http://acolangelo.com)

// Super Grid Responsive Blogger Template
// JavaScript For Blogger Only Released On 18/8/2014

var summary_noimg=0;summaryi=0;thh=180;thw=238

function avp(a){var b=a.feed.author[0];c=b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s120$1/');document.write('<img alt="'+c+'" class="avatar avatar-80 photo avatar-default" src="'+d+'" title="'+c+'" height="80" width="80"></img>')}

var relatedTitles=new Array;var relatedTitlesNum=0;var relatedUrls=new Array;var thumburl=new Array

//]]></script>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='text/javascript'>
//<![CDATA[
(function($){'use strict';Date.now=Date.now||function(){return+new Date()};$.ias=function(g){var h=$.extend({},$.ias.defaults,g);var i=new $.ias.util();var j=new $.ias.paging(h.scrollContainer);var k=(h.history?new $.ias.history():false);var l=this;function init(){var d;j.onChangePage(function(a,b,c){if(k){k.setPage(a,c)}h.onPageChange.call(this,a,c,b)});reset();if(k&&k.havePage()){stop_scroll();d=k.getPage();i.forceScrollTop(function(){var a;if(d>1){paginateToPage(d);a=get_scroll_threshold(true);$('html, body').scrollTop(a)}else{reset()}})}return l}init();function reset(){hide_pagination();h.scrollContainer.scroll(scroll_handler)}function scroll_handler(){var a,scrThreshold;a=i.getCurrentScrollOffset(h.scrollContainer);scrThreshold=get_scroll_threshold();if(a>=scrThreshold){if(get_current_page()>=h.triggerPageThreshold){stop_scroll();show_trigger(function(){paginate(a)})}else{paginate(a)}}}function stop_scroll(){h.scrollContainer.unbind('scroll',scroll_handler)}function hide_pagination(){$(h.pagination).hide()}function get_scroll_threshold(a){var b,threshold;b=$(h.container).find(h.item).last();if(b.size()===0){return 0}threshold=b.offset().top+b.height();if(!a){threshold+=h.thresholdMargin}return threshold}function paginate(d,e){var f;f=$(h.next).attr('href');if(!f){if(h.noneleft){$(h.container).find(h.item).last().after(h.noneleft)}return stop_scroll()}if(h.beforePageChange&&$.isFunction(h.beforePageChange)){if(h.beforePageChange(d,f)===false){return}}j.pushPages(d,f);stop_scroll();show_loader();loadItems(f,function(a,b){var c=h.onLoadItems.call(this,b),curLastItem;if(c!==false){$(b).hide();curLastItem=$(h.container).find(h.item).last();curLastItem.after(b);$(b).fadeIn()}f=$(h.next,a).attr('href');$(h.pagination).replaceWith($(h.pagination,a));remove_loader();hide_pagination();if(f){reset()}else{stop_scroll()}h.onRenderComplete.call(this,b);if(e){e.call(this)}})}function loadItems(b,c,d){var e=[],container,startTime=Date.now(),diffTime,self;d=d||h.loaderDelay;$.get(b,null,function(a){container=$(h.container,a).eq(0);if(0===container.length){container=$(a).filter(h.container).eq(0)}if(container){container.find(h.item).each(function(){e.push(this)})}if(c){self=this;diffTime=Date.now()-startTime;if(diffTime<d){setTimeout(function(){c.call(self,a,e)},d-diffTime)}else{c.call(self,a,e)}}},'html')}function paginateToPage(a){var b=get_scroll_threshold(true);if(b>0){paginate(b,function(){stop_scroll();if((j.getCurPageNum(b)+1)<a){paginateToPage(a);$('html,body').animate({'scrollTop':b},400,'swing')}else{$('html,body').animate({'scrollTop':b},1000,'swing');reset()}})}}function get_current_page(){var a=i.getCurrentScrollOffset(h.scrollContainer);return j.getCurPageNum(a)}function get_loader(){var a=$('.loader');if(a.size()===0){a=$('<div class="loader">
'+h.loader+'</div>
');a.hide()}return a}function show_loader(){var a=get_loader(),el;if(h.customLoaderProc!==false){h.customLoaderProc(a)}else{el=$(h.container).find(h.item).last();el.after(a);a.fadeIn()}}function remove_loader(){var a=get_loader();a.remove()}function get_trigger(a){var b=$('.trigger');if(b.size()===0){b=$('<div class="trigger">
<a href="#">'+h.trigger+'</a></div>
');b.hide()}$('a',b).off('click').on('click',function(){remove_trigger();a.call();return false});return b}function show_trigger(a){var b=get_trigger(a),el;el=$(h.container).find(h.item).last();el.after(b);b.fadeIn()}function remove_trigger(){var a=get_trigger();a.remove()}};$.ias.defaults={container:'.blog-posts',scrollContainer:$(window),item:'.date-outer',pagination:'#blog-pager',next:'#blog-pager-older-link a',loader:'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0H5RB1tbiOC4K_AnHnApXJgphulKOLWEfmH8kZ9fmCcERZq6gAiEpwRqPyPRSylvwTecdbHiVVooc7Aiz2NP3x_g-GoqhnqbDn3xY5C7ImNdOGW-z_1HgrBlCyzN7f185PeEud-xvbv-O/s1600/loader.gif"/>',loaderDelay:2000,triggerPageThreshold:2,trigger:'Load More Posts',thresholdMargin:-500,history:true,onPageChange:function(){},beforePageChange:function(){},onLoadItems:function(){},onRenderComplete:function(){ FB.XFBML.parse(); gapi.plusone.go(); twttr.widgets.load(); _gaq.push(['_trackPageview']); },customLoaderProc:false};$.ias.util=function(){var c=false;var d=false;var e=this;function init(){$(window).load(function(){c=true})}init();this.forceScrollTop=function(a){$('html,body').scrollTop(0);if(!d){if(!c){setTimeout(function(){e.forceScrollTop(a)},1)}else{a.call();d=true}}};this.getCurrentScrollOffset=function(a){var b,wndHeight;if(a.get(0)===window){b=a.scrollTop()}else{b=a.offset().top}wndHeight=a.height();return b+wndHeight}};$.ias.paging=function(){var c=[[0,document.location.toString()]];var d=function(){};var e=1;var f=new $.ias.util();function init(){$(window).scroll(scroll_handler)}init();function scroll_handler(){var a,curPageNum,curPagebreak,scrOffset,urlPage;a=f.getCurrentScrollOffset($(window));curPageNum=getCurPageNum(a);curPagebreak=getCurPagebreak(a);if(e!==curPageNum){scrOffset=curPagebreak[0];urlPage=curPagebreak[1];d.call({},curPageNum,scrOffset,urlPage)}e=curPageNum}function getCurPageNum(a){for(var i=(c.length-1);i>0;i--){if(a>c[i][0]){return i+1}}return 1}this.getCurPageNum=function(a){a=a||f.getCurrentScrollOffset($(window));return getCurPageNum(a)};function getCurPagebreak(a){for(var i=(c.length-1);i>=0;i--){if(a>c[i][0]){return c[i]}}return null}this.onChangePage=function(a){d=a};this.pushPages=function(a,b){c.push([a,b])}};$.ias.history=function(){var e=false;var f=false;function init(){f=!!(window.history&&history.pushState&&history.replaceState);f=false}init();this.setPage=function(a,b){this.updateState({page:a},'',b)};this.havePage=function(){return(this.getState()!==false)};this.getPage=function(){var a;if(this.havePage()){a=this.getState();return a.page}return 1};this.getState=function(){var a,stateObj,pageNum;if(f){stateObj=history.state;if(stateObj&&stateObj.ias){return stateObj.ias}}else{a=(window.location.hash.substring(0,7)==='/');if(a){pageNum=parseInt(window.location.hash.replace('/',''),10);return{page:pageNum}}}return false};this.updateState=function(a,b,c){if(e){this.replaceState(a,b,c)}else{this.pushState(a,b,c)}};this.pushState=function(a,b,c){var d;if(f){history.pushState({ias:a},b,c)}else{d=(a.page>0?'/'+a.page:'');}e=true};this.replaceState=function(a,b,c){if(f){history.replaceState({ias:a},b,c)}else{this.pushState(a,b,c)}}}})(jQuery);
//]]>
</script>
</b:if>

</head>

<body>

<header id='navigation'>

<a class='menu-trigger fa fa-bars' href='#menu'/>

<nav id='menu'>

<form action='/search' id='searchform-header' method='get'>
<input class='searchbox' id='s' name='q' onblur='this.value=(this.value=='') ? 'Search' : this.value;' onfocus='this.value=(this.value=='Search') ? '' : this.value;' type='text' value='Search'/>
</form>
<div id='socialicons'>
<a class='socialicons' href='#' target='_blank'><i class='fa fa-rss'/></a>
<a class='socialicons' href='#' target='_blank'><i class='fa fa-twitter'/></a>
<a class='socialicons' href='#' target='_blank'><i class='fa fa-facebook'/></a>
<a class='socialicons' href='#' target='_blank'><i class='fa fa-google-plus'/></a>
<a class='socialicons' href='#' target='_blank'><i class='fa fa-pinterest'/></a>
<a class='socialicons' href='#' target='_blank'><i class='fa fa-linkedin'/></a>
</div>
<div class='menu-menu1-container'>
<ul id='menu-menu'>
<li class='menu-item current-menu-item'><a href='/'>Home</a></li>
<li class='menu-item'><a href='/2014_07_01_archive.html'>Archive Page</a></li>
<li class='menu-item'><a href='/search/label/slider'>Label "Slider" Page</a></li>
<li class='menu-item'><a href='/404'>Error 404 Page</a></li>
<li class='menu-item'><a href='/2014/07/laoreet-nec-massa-eu-luctus.html'>Posts Style And Comments</a></li>
<li class='menu-item'><a href='/p/about-me.html'>Learn About Us Page</a></li>
<li class='menu-item'><a href='#'>Purchase</a></li>
</ul>
</div>
<span class='copyright'>Copyright 2014 <a href='/'><data:blog.title/></a>. All Rights Reserved. By<a href='http://www.mastemplate.com/' id='mycontent' rel='dofollow' target='_blank'> Mas Template</a></span>

</nav>

<div id='logo'>
<b:section class='header' id='header' maxwidgets='1' showaddelements='no'>
<b:widget id='Header1' locked='true' title='JOKE..Joke....!! (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: "                        + data:backgroundPositionStyleStr + "; "                        + data:widthStyleStr                        + "min-height: " + data:height                        + "_height: " + data:height                        + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>

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

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'>
<span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>

</header>

<div id='wrapper'>
<div class='grid_1 clear' id='contentcontainer'>

<b:include name='error-page'/>

<div class='blog-posts hfeed'>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>

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

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<span><data:post.dateHeader/> <i class='fa fa-clock-o mi'/> <data:post.timestamp/></span></h2>
</b:if>

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
                <script type='text/javascript'>
                  google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
                  function initialize() {
                    google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                    google.annotations.createAll();
                    google.annotations.fetch();
                  }
                  google.setOnLoadCallback(initialize);
                </script>
</b:if>

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

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

</b:includable>
<b:includable id='author-box'>
<div class='notonmobile' id='entry-author-info'>

<div id='author-avatar'>
<script src='/feeds/posts/default?alt=json-in-script&callback=avp'/>
              </div>
<div id='author-description'>
                <h2>
About <data:post.author/></h2>
Here you can share some biographical information next to your profile photo. Let your readers know your interests and accomplishments.
              </div>
</div>
</b:includable>
          <b:includable id='backlinkDeleteIcon' var='backlink'>
            <span expr:class='"item-control " + data:backlink.adminClass'>
              <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
                <img src='//www.blogger.com/img/icon_delete13.gif'/>
              </a>
            </span>
          </b:includable>
          <b:includable id='backlinks' var='post'>
            <a name='links'/><h4>
<data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
                <b:loop values='data:post.backlinks' var='backlink'>
                  <div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
                      <span class='backlink-toggle-zippy'> </span>
                      <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
                      <b:include data='backlink' name='backlinkDeleteIcon'/>
                    </dt>
<dd class='comment-body collapseable'>
                      <data:backlink.snippet/>
                    </dd>
                    <dd class='comment-footer collapseable'>
                      <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
                      <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
                    </dd>
                  </div>
</b:loop>
              </dl>
</b:if>
            <p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
            </p>
</b:includable>
          <b:includable id='comment-form' var='post'>
            <div class='comment-form'>
              <a name='comment-form'/>
              <b:if cond='data:mobile'>
                <h4 id='comment-post-message'>
                  <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
                <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                <b:else/>
                <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' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
              </b:if>
              <data:post.friendConnectJs/>
              <data:post.cmtfpIframe/>
              <script type='text/javascript'>
                BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
              </script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<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>

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

<header>
<h1 class='entry-title'>
This is somewhat embarrassing, isn’t it?</h1>
</header>

<div class='entry-content'>
<p>
It seems we can’t find what you’re looking for. Perhaps searching can help.</p>
<form action='/search' class='searchform' id='searchform' method='get' role='search'>
<div>
<label class='screen-reader-text' for='s'>Search for:</label>
<input id='s' name='q' type='text' value=''/>
<input id='searchsubmit' type='submit' value='Search'/>
</div>
</form>
<div style='clear:both;'/>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
              <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == "false"'>
                <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
              </b:if>
            </b:if>
          </b:includable>
          <b:includable id='mobile-index-post' var='post'>
            <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>

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

<b:if cond='data:olderPageUrl'>
                <span id='blog-pager-older-link'>
                  <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
                </span>
              </b:if>

<b:if cond='data: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='nextprev-posts'>
            <b:if cond='data:olderPageUrl'>
              <div class='next-previous_nav next-previous_nav_previous'>
                <div class='nav-previous'>
                  <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' rel='prev'>
                    <span><data:olderPageTitle/></span>
                  </a>
                </div>
</div>
</b:if>
            <b:if cond='data:newerPageUrl'>
              <div class='next-previous_nav next-previous_nav_next'>
                <div class='nav-next'>
                  <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' rel='next'>
                    <span><data:newerPageTitle/></span>
                  </a>
                </div>
</div>
</b:if>
            <script type='text/javascript'>//<![CDATA[
              (function($){ 
                var newerLink = $('a.blog-pager-newer-link');
                var olderLink = $('a.blog-pager-older-link');
                $.get(newerLink.attr('href'), function (data) {
                  newerLink.html('<span>'+$(data).find('.post h3.post-title').text()+'</span>'); 
                },"html");
                $.get(olderLink.attr('href'), function (data2) {
                  olderLink.html('<span>'+$(data2).find('.post h3.post-title').text()+'</span>'); 
                },"html");
              })(jQuery);
              //]]></script>
</b:includable>
<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>

<b:if cond='data:blog.pageType != "index"'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
By 
<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'/>
<span itemprop='name'><data:post.author/></span>
</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='entry-meta'>
<b:if cond='data:top.showTimestamp'>
On 
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<span class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></span>
</b:if>
</b:if>
</span>
</b:if>

</div>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div class='boxes' expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<div class='entry-meta'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<span class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></span>
</b:if>
</b:if>
</div>
<script type='text/javascript'>
                      createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<div style='clear: both;'/>
</b:if>
</b:if>
<div style='clear: both;'/>

</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

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

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

<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</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='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
<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>
</div>
<b:if cond='data:blog.pageType != "index"'>

<b:include name='author-box'/>

<div class='boxes relatedpostsbox notonmobile'>
<script type='text/javascript'>
                  var maxresults=3;
                  var splittercolor="";
                  var relatedpoststitle="Related Posts";
                </script>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
                    <script type='text/javascript'>
                      removeRelatedDuplicates_thumbs();
                      printRelatedLabels_thumbs("<data:post.url/>");
                    </script>
</div>
<div style='clear:both'/>
</b:if>
</div>
<b:include name='nextprev-posts'/>

</b:if>

</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.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.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.showDummy'><div class='goog-inline-block dummy-container'>
<data:post.dummyTag/></div>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'>
<data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
                BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
              </script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![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 replybox = null;
                var replyUrlParts = null;
                var replyParent = undefined;

var hash = (window.location.hash || '#').substring(1);
                var startThread, targetComment;
                if (/^comment-form_/.test(hash)) {
                  startThread = hash.substring('comment-form_'.length);
                } else if (/^c[0-9]+$/.test(hash)) {
                  targetComment = hash.substring(1);
                }

// Configure commenting API:
                var configJso = {
                  'maxDepth': config.maxThreadDepth
                };
                var provider = {
                  'id': config.postId,
                  'data': items,
                  'loadNext': paginator,
                  'hasMore': hasMore,
                  'getMeta': getMeta,
                  'onReply': onReply,
                  'rendered': true,
                  'initComment': targetComment,
                  'initReplyThread': startThread,
                  'config': configJso,
                  'messages': msgs
                };

var render = function() {
                  if (window.goog && window.goog.comments) {
                    var holder = document.getElementById('comment-holder');
                    window.goog.comments.render(holder, provider);
                  }
                };

// render now, or queue to render when library loads:
                if (window.goog && window.goog.comments) {
                  render();
                } else {
                  window.goog = window.goog || {};
                  window.goog.comments = window.goog.comments || {};
                  window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
                  window.goog.comments.loadQueue.push(render);
                }
              })();
              // ]]>
            </script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>
<data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

<b:section class='sidebar-section' id='section-1'>
<b:widget id='PopularPosts1' locked='false' title='Popular Joke' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2>
<data:title/></h2>
</b:if>
<div class='widget-content popular-posts'>
<ul><b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'>
<data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'>
<data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>     </ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<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>

<b:section class='sidebar-section' id='section-2'>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='Widgetized' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<b:section class='sidebar-section' id='section-3'>
<b:widget id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='Widgetized' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

</div>
<div class='clear'/>

</div>
</div>

<div class='notonmobile' id='footerwidgets'>
<div class='container_16 containermargin' id='footer-widget-area'>

<b:section class='footer-widget-area grid_4' id='first'>
<b:widget id='HTML6' locked='false' title='Video' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

<b:section class='footer-widget-area grid_4' id='second'>
<b:widget id='HTML8' locked='false' title='Free Software' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

<b:section class='footer-widget-area grid_4' id='thirdf'>
<b:widget id='HTML9' locked='false' title='Gallery Wallpapers' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

<b:section class='footer-widget-area grid_4' id='fourth'>
<b:widget id='HTML7' locked='false' title='Aneka Resep' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

</div>
</div>

<div id='footer'>
<div class='container_16 containermargin' id='colophon'>
<div id='footer-info'>

<div id='copyright'>
© 2013 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></div>
<div class='menu footernav'>
<ul class='menu' id='menu-footer'>
<li><a href='/'>Home</a></li>
<li><a href='/2014/07/laoreet-nec-massa-eu-luctus.html'>Archive</a></li>
<li><a href='/404'>Error 404</a></li>
<li><a href='/2014/07/laoreet-nec-massa-eu-luctus.html'>Sample Post</a></li>
</ul>
</div>
<div style='clear:both;'/>

</div>
</div>
<div style='clear:both;'/>
</div>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
  var jPM = $.jPanelMenu();
  jPM.on();
  var str=location.href.toLowerCase();
  $("#menu-menu li a").each(function() {
    if (str.indexOf(this.href.toLowerCase()) > -1) {
      $("#menu-menu li.current-menu-item").removeClass("current-menu-item");
      $(this).parent().addClass("current-menu-item");
    }
  });
  jQuery(".next-previous_nav").addClass("hide-nav");
  jQuery(window).scroll(function () {
    if (jQuery(this).scrollTop() < 300) {
      jQuery(".next-previous_nav").addClass("hide-nav");
    } else {
      jQuery(".next-previous_nav").removeClass("hide-nav");
    }
  });
  jQuery.ias();
});
//]]>
</script>

</body>
</html>

Author

Hi, Its me Hafeez. A webdesigner, blogspot developer and UI/UX Designer. I am a certified Themeforest top Author and Front-End Developer. I'am business speaker, marketer, Blogger and Javascript Programmer.