Grid Template JKC Edited ~ Template Blogger Selected

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='All About Photo, Wallpapers, poster, gallery, pictures, images, art photo, celebrity photo, animal photo, automotive photo and more, for your collections' name='description'/>
<meta content='free wallpapers, download art photo, photography, wallpapers, art of photo, photo collections, gallery, automotive gallery, movie galleries, art gallery, celebrity photo galleries, games photo gallery' name='keywords'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<meta content='-dVGyAGg6UZaL_AgJZjlt_3LlQilAK4tuyV3wInrlzk' name='google-site-verification'/>
<meta content='All About Photo' name='author'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='never' name='expires'/>
<meta content='all' name='webcrawlers'/>
<meta content='all' name='spiders'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='article' property='og:type'/>
<meta content='All About Photo | Wallpapers | Gallery | Pictures| Photography | Free' property='og:site_name'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.jokuci.blogspot.com/atom.xml' rel='alternate' title='all cyber - Atom' type='application/atom+xml'/>
<link href='http://www.jokuci.blogspot.com/rss.xml' rel='alternate' title='all about different photo collections- RSS' type='application/rss+xml'/>
<link href='http://www.jokuci.blogspot.com/rss.xml' rel='alternate' title='ll about different photo collections  Feed' type='application/rss+xml'/>

<b:include data='blog' name='all-head-content'/>
<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/> | <data:blog.title/>
</b:if>
</title>
<b:skin><![CDATA[/*
===================================================

Template name: MADkassar
Version:1.0
Developed by: PixelOplosan.com

===================================================
*/

/* Variable definitions
   ====================
   <variable name="header.font" description="Font: blog title"
             type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial,Verdana, Sans-serif" value="normal normal 38px Pacifico">
<variable name="header.description.font" description="Font: blog description"
             type="font" default="normal normal 11px 'Trebuchet MS', Trebuchet, Arial,Verdana, Sans-serif" value="normal normal 16px Cambria">
*/

/* ========================
general
======================== */
@media screen and (min-width: 320px) and (max-width: 799px) {
#header {
width: 100%;
margin: 0%;
text-align: center;
padding: 2%;
background: rgba(0,0,0,0.1);
height: 50px;
}

#content-wrapper {
border: none;
margin: 1%;
padding: 1%;
min-width: 200px;
width: 100%;
}

.box {
background: #ffffff;
width: 92%;
padding: 2%;
display: inline-block;
vertical-align: top;
border: 1px solid transparent;
margin: 0 0 15px 0px;
}

.image-box {
float: left;
padding: 0% 2% 2% 0%;
max-width: 100px;
}

h1 {
text-align: center;
font-size: 25px;
letter-spacing: 0;
}
}
body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBAh9lUfmvciGrCwusaKnnh43GcvNlk93PBDnVLeuCoN2fgzjsx7ml-aR_T667Odb8QwhSRy1rzy2hBp-rFhTH82dKJmE1Zf0kUHrjO1qjy4idfh-l8lVu1gZd2ejMeLEtCRE1aaJiHg/s1600/bgdgrd.jpg) repeat-x fixed top center;;
margin:0;
padding:0;
color:#898989;
}

#outer-wrapper, .out-container {
width: 1070px;
text-align:left;
font:normal normal 12px Helvetica, Arial, Tahoma, FreeSans, sans-serif;
margin:0 auto;
background:#FFF;
}

#content-wrapper {
padding-top:20px
}

#grid-1 {
margin-bottom:10px;
background:#FFF;
}

#grid-2 {
margin-top:10px;
background:#fff;
}

#grid-3 {
margin-top:10px;
background:#fff;
}

#wrap2 {
width: 1030px;
margin:0 auto;
}

a:link {
color:#5378b3;
text-decoration:none;
}

a:visited {
color:#555555;
text-decoration:none;
}

a:hover {
color:#111111;
text-decoration:underline;
}

a img {
border-width:0;
}

#navbar-iframe,
.feed-links,
.jump-link,
.status-msg-wrap {
display:none
}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:12px;}
h5 {font-size:10px;}
h6 {font-size:8px;}
hr {
background-color:#DDD;
border:0;
height:1px;
margin-bottom:2px;
clear:both;
}

/* ========================
HEADER
======================== */
#header-wrapper {
width: 970px;
margin:0 auto;
padding:15px 0;
}

#header {
text-align: left;
overflow:hidden;
padding:15px 0;
width:40%;
float:left;
}

#header h1 {
margin:0 auto;
padding:0;
text-decoration:none;
font: $(header.font);
color:#555555;
}

#header a {
color:#555555;
text-decoration:none;
}

#header a:hover {
color:#555555;
}

#header .description {
margin:0;
padding:0;
text-decoration:none;
font: $(header.description.font);
color:#555555;
}

#header img {
margin:30px 0 0 0;
overflow:hidden;
}

/* ========================
Navigation
======================== */
#navigation {
padding:15px 0;
margin:0;
width:60%;
float:right;
}

#navigation h2 {
display:none;
padding:0;
}

#navigation ul {
list-style:none;
float:right;
width:auto;
padding-top:20px;
}

#navigation li {
text-align:left;
line-height:2em;
padding:5px 0;
margin-left:20px;
float:left;
}

#navigation li a {
font:normal normal 12px helvetica, arial, verdana, sans-serif;
color:#555555;
}

#navigation li a:hover {
color:#111111;
}

#navigation .selected {
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
}

#navigation .widget-content {
padding:0;
}

/* ===========================
Crosscol
=========================== */
#crosscol-wrapper {
clear:both;
width:100%;
padding:20px 0;
}
#crosscol {
font:normal normal 12px Helvetica, Arial, Tahoma, FreeSans, sans-serif;
float:left;
width:50%;
}

#crosscol h2 {
display:none
}

#crosscol .widget-content {
padding:0 30px
}

#crosscol ul {
list-style:none;
padding:10px 0;
overflow:auto;
}

#crosscol li {
float:left;
margin-right:20px;
}

/* ===========================
Search
=========================== */
#searchbar {
font:normal normal 12px Helvetica, Arial, Tahoma, FreeSans, sans-serif;
float:right;
width:50%;
text-align:right;
}

#searchbar h2 {
display:none
}

#searchform {
margin-right:30px;
}

#searchform #s{
background:#FFF; 
color:#898989; 
margin:15px 10px 0 0; 
width:175px; 
padding:6px 7px; 
border:1px solid #DDD;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#searchform #searchsubmit{
background:#DDD;
box-shadow:none;
border:none;
padding:6px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

/* ===========================
Primary Content
=========================== */
#main-wrapper {
width:1030px;
margin:0;
float:right;
text-align: left;
}

#main {
padding:30px;
}

.main .Blog {
border-bottom-width: 0;
}

.post {
margin:0;
padding-bottom:10px;
line-height:1.8em;
border-bottom:3px double #DDD;
}

.post h3 {
margin:0;
padding:0;
}

.post-title-2 {
margin-top:10px!important
}

h3.post-title-2 a, h3.post-title-2 a:visited, h3.post-title-2 strong {
width:100%;
font:normal bold 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-decoration:none;
color:#818181;
}

h3.post-title-2 strong, h3.post-title-2 a:hover {
color:#111111;
}

.duplicate-title-element h3 {
overflow:hidden;
padding:0;
margin-bottom:10px;
font:normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-decoration:none;
color:#fff;
}

.snip {
color:#999!important;
height:70px;
font:normal normal 11px Helvetica, Arial, Tahoma, FreeSans, sans-serif;
overflow:hidden;
}

.post-body {
margin:0 0 .75em;
padding-top:35px;
}

.post-body blockquote {
line-height:1.6em;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjPGsTs29K8lKW4QbLbTsxqOj2wpB6lzEU5HehhLNTBndrRQuZr2ynWVvxpm9M7NOZFKQBT9fBQb-VFiNomIQIs3yW6JuQFrQdnT-pRalaKWeavrD38vMe437u-C1smhxgHxRvBaDAsVHz/s0/quote.png) no-repeat left top;
padding:0 20px 5px 50px;
font-style:italic;
font-size:18px;
font-family:georgia, 'times new roman', serif;
}

.post blockquote {
margin:1em 20px;
}

.post blockquote p {
margin:.75em 0;
}

.post-footer-line-1, .post-footer-line-3 {
margin: 10px 0 0;
padding:15px 0 0;
color:#898989;
font:normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}

.comment-link {
margin-left:.6em;
}

.post img, table.tr-caption-container {
max-width:720px;
height:auto;
overflow:hidden;
}

table.tr-caption-container {
background:#f8f8f8;
}

.tr-caption-container img {
border: none;
padding: 0;
}

/* ====================
Entry meta
==================== */
.post-header-line-1 {
clear:both;
margin:10px 0 0 0;
padding:0;
font:normal normal 11px Helvetica, Arial, Tahoma, FreeSans, sans-serif;
}

.rmlink {
font-size:11px;
font-weight:bold;
margin-top:17px;
}

.rmlink a {
color:#2dcf12;
}

.post-author-vcard,
.entry-date,
.post-labels {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCHffdp3arVv6nUmmRb41Ykc4kNmY2bs0J7k_gj5GOEFls2Y97gjMnLYPilC2nbLWhFinQfgkNeLMhal-9v5pEOjhR1TxdMPtZzGmrGBn7FVgdHmhZs5FWio5uO3g7AM1pZng2GppKZ-Yo/s0/icon_meta_data.png) no-repeat;
padding-left:18px;
}

.post-author-vcard {
background-position:left center;
margin-right:15px;
}

.entry-date {
background-position:left top;
margin-right:15px;
}

.post-labels {
background-position:left bottom;
margin-right:15px;
}

.post-share-buttons {
padding-left:1px!important;
}

/* ==============================
Thumbnail sliding when hover
============================== */
.thumbs {
background: #222;
position: relative;
font-size:11px;
line-height:1.6em;
margin-top:-35px;
padding:0px;-moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;border: 2px solid #ffffff;
}

.thumbs a {
display: block;
position: relative;
overflow: hidden;
height: 160px;
width: 220px;
color:#555555;
}

.thumbs a:hover {text-decoration:none}

.thumbs img {
position: absolute;
top: 0;
left: 0;
border: 0;
}

.thumbs-hovering {
padding:20px;
}

/* =======================
Comments Content
======================= */
#comments h4 {
font:normal bold 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color:#818181;
clear:both;
}

.comment-header .user {
font-size:14px;
font-weight:bold;
}

.comment-header .datetime {
font-size:11px;
}

.comment-thread li .comment-block {
border-bottom:1px solid #DDD;
padding-bottom:10px;
}

.comment-content {
margin:0;
padding:0;
}

.comments blockquote {
margin-bottom:20px;
line-height:1.8em;
padding:10px 0;
}

#comment-holder .comment-block .comment-actions a {
font-size:11px;
margin-right:10px;
}

#comments-block .avatar-image-container {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjf2sQ7JCThbJmI7gTXaiJgLFWvR8mfPknz9VfwE8rkjJypK2FYHs5ueHlFrIy4qxmPMUOafSD7mJLPo_hVc8s5qAY-UzRTFs7jqGtMRHVxFWGLohlCghuFGrbxSiXQqYiw7e3KKXUPvWv/s0/gravatar.png) no-repeat center center;
position:absolute;
left:0;
width:35px;
height:35px;
}

#comments-block .avatar-image-container img {
border:medium none;
height:35px;
width:35px;
}

#comments-block.avatar-comment-indent  {
position:relative;
margin:0 auto;
}

/* ========================
Page navigation
======================== */
#blog-pager {
text-align:center;
padding-top:20px!important;
clear:both;
}

#blog-pager-newer-link, #blog-pager-newer-link a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzK_jyxh6jd41ulOrjEWE7S9WPU5WCSOWxwlunLELwJDB1s03N7m8SYiVkpb76Oqglas9Flst63e6URMEdCdMkQxtKM67jJ6UZ2qTts9l5_a8sPdtJDfvfaMO44-mvwDNniFyL_PdCsCV2/s0/pagenav.png) no-repeat right bottom;
float: right;
text-indent:-8000px;
width:26px;
height:26px
}

#blog-pager-newer-link a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzK_jyxh6jd41ulOrjEWE7S9WPU5WCSOWxwlunLELwJDB1s03N7m8SYiVkpb76Oqglas9Flst63e6URMEdCdMkQxtKM67jJ6UZ2qTts9l5_a8sPdtJDfvfaMO44-mvwDNniFyL_PdCsCV2/s0/pagenav.png) no-repeat right top
}

#blog-pager-older-link, #blog-pager-older-link a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzK_jyxh6jd41ulOrjEWE7S9WPU5WCSOWxwlunLELwJDB1s03N7m8SYiVkpb76Oqglas9Flst63e6URMEdCdMkQxtKM67jJ6UZ2qTts9l5_a8sPdtJDfvfaMO44-mvwDNniFyL_PdCsCV2/s0/pagenav.png) no-repeat left bottom;
float: left;
text-indent:-8000px;
width:26px;
height:26px
}

#blog-pager-older-link a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzK_jyxh6jd41ulOrjEWE7S9WPU5WCSOWxwlunLELwJDB1s03N7m8SYiVkpb76Oqglas9Flst63e6URMEdCdMkQxtKM67jJ6UZ2qTts9l5_a8sPdtJDfvfaMO44-mvwDNniFyL_PdCsCV2/s0/pagenav.png) no-repeat left top
}

/* ========================
Admin Profile
======================== */
.profile-img { 
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid #DDD;
}

.profile-data {
margin:0;
font:normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #898989;
}

.profile-datablock { 
margin:.5em 0 .5em;
}

.profile-textblock { 
margin: 0.5em 0;
}

.profile-link { 
font:normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}

/* ====================
Widget area
==================== */
#bottom {
width:970px;
margin:0 auto;
padding:20px 0;
font:normal normal 12px Helvetica, Arial, Tahoma, FreeSans, sans-serif;
line-height:1.6em;
color:#818181;
clear:both;
}

#bottom a,
#bottom a:visited {
color:$(widget.link.color)!important
}

#bottom a:hover {
color:$(widget.link.hover)!important
}

#bottom h2 {
font: normal bold 15px 'Trebuchet MS', helvetica, arial, sans;
margin: 0 0 15px 0;
padding: 4px 0;
color: $(widget.title.color);
}

#bottom ul {
list-style:none;
margin:0;
padding:0;
}

#bottom li {
margin:0;
padding:.5em 0;
line-height:1.5em;
border-bottom:1px solid #DDD;
}

#left-bottom {
width:200px;
margin-right:15px;
float:left;
overflow:hidden;
}

#center-bottom-1, #center-bottom-2 {
width:350px;
float:left;
margin:0 15px;
overflow:hidden;
}

#right-bottom {
width:350px;
float:left;
margin-left:15px;
overflow:hidden;
}

.bottom .widget {margin-bottom:30px}

/* =======================
Footer
======================= */
#footer-wrapper {
width: 970px;
padding:5px 0;
margin: 0 auto;
color:#898989;
font:normal normal 11px Helvetica, Arial, Tahoma, FreeSans, sans-serif;
overflow:auto;
}

#footer-wrapper a,
#footer-wrapper a:visited{
text-decoration: none;
color:$(widget.link.color);
}

#footer-wrapper a:hover {
color:$(widget.link.hover);
}

.footer-left {
width:20%;
float:left;
text-align:left;
overflow:hidden;
}

.footer-right {
width:30%;
float:right;
text-align:right;
overflow:hidden;
}

/*** zoom gambar ***/
.zoom {
padding:0px;-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;transition: all 0.1s ease;border: 11px solid #ffffff;
-webkit-transition: all 1s ease-in-out; /* Transisi untuk Chrome dan Safari */
-moz-transition: all 1s ease-in-out;  /* Transisi untuk Firefox */
-o-transition: all 1s ease-in-out;  /* Transisi untuk Opera */
position:center;
}
.zoom:hover {
-webkit-transform: scale(5); /* Zoom 2x untuk Chrome dan Safari */
-moz-transform: scale(5); /* Zoom 2x untuk Firefox */
-o-transform: scale(5);   /* Zoom 2x untuk Opera */
}

/*** label dengan thumbneil ***/
img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width:90%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}

.popular-posts .item-thumbnail{float:left;} .popular-posts ul{padding-left:15px;} .popular-posts ul li {list-style-image: none;list-style-type: none;display:inline;} .popular-posts ul li img {padding:0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;} .popular-posts ul li img:hover {border:2px solid #ccc;-moz-transform: scale(2.3) rotate(-360deg) ;-webkit-transform: scale(2.3) rotate(-360deg) ;-o-transform: scale(2.3) rotate(-360deg) ;-ms-transform: scale(2.3) rotate(-360deg) ;transform: scale(2.3) rotate(-360deg);}

/*-----Custom Labels Cloud widget by www.MyBloggerTricks.com----*/
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out; 
-o-transition: all 0.5s ease-out; 
-webkit-transition: all 0.5s ease-out; 
-ms-transition: all 0.5s ease-out; 
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg); 
-o-transform: rotate(7deg); 
-webkit-transform: rotate(7deg); 
-ms-transform: rotate(7deg); 
transform: rotate(7deg); 
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1; 
}

.label-size a  {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover  {
text-decoration: none;
}

/* Start of Post Navigator by MBT (LIGHT Theme) ------ */
#calendarDisplay {display:none;}
/* div that holds calendar */
#blogger_calendar { margin:0px auto 0px 0px;width:100%;}
/* Table Caption - Holds the Archive Select Menu */
#bcaption {border:1px solid #C7C7C7;padding:2px;margin:10px 0 0;background:#fff;font:bold 100% Tahoma, Arial, Sans-serif}
/* The Archive Select Menu */
#bcaption select {background:#ffff;border:0 solid #C7C7C7;color:#0080ff;font-weight:bold;text-align:center;}
/* The Heading Section */
table#bcalendar thead {}
/* Head Entries */
table#bcalendar thead tr th {width:20px;text-align:center;padding:3px; border:1px solid #C7C7C7; font:bold 100% Tahoma, Arial, Sans-serif;background:#fff;color:#0080ff;}
/* The calendar Table */
table#bcalendar {border:1px solid #C7C7C7;border-top:0; margin:0px 0 0px;width:100%;background:#fff}
/* The Cells in the Calendar */
table#bcalendar tbody tr td {cursor:pointer; text-align:center; border-radius:4px; padding:3px;border:1px solid #C7C7C7; color:#666;font:bold 100% Tahoma, Arial, Sans-serif;}
/* Links in Calendar */
table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active {font-weight:bold;color:#ffffff; text-decoration:none;}
table#bcalendar tbody tr td a:hover {color:#ffffff; text-decoration:none;}
/* First Row Empty Cells */
td.firstCell {visibility:visible;}
/* Cells that have a day in them */
td.filledCell {  background:#fff;}
td.filledCell:hover {  background:#dddddd;}
/* Cells that are empty, after the first row */
td.emptyCell {visibility:hidden;}
/* Cells with a Link Entry in them */
td.highlightCell {background:#53A9FF;border:1px solid #C7C7C7}
td.highlightCell:hover {background:#72B9FF;border:1px solid #C7C7C7}
/* Table Footer Navigation */
table#bcNavigation  {width:100%;background:#fff;border:1px solid #C7C7C7;border-top:0;color:#0080ff;font:bold 100% Tahoma, Arial, Sans-serif;}
table#bcNavigation a:link {text-decoration:none;color:#0080ff}
table#bcNavigation a:hover{text-decoration:underline;}
td#bcFootPrev {width:10px;}
td#bcFootAll{text-align:center;}
td#bcFootNext {width:10px;}
ul#calendarUl {margin:5px auto 0!important;}
ul#calendarUl li a:link {}
/* End of Post Navigator by MBT (LIGHT Theme) ------ */

/* STICKY....TAMPILAN CATATAN DI ATAS  */
#mbt-stickybar{
background:#0080ff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWIrIE1GRIC-7Ckzgou12AYBEv9MzjVRcDBMjlBfPVFFnR67xctC5GdrNyZgKorlunuGOyvB3DLt19HKEQLODCklm4nPbZ7MbImbB0T0U4xi4RKWfoY3q-rU4dQF-cjy5xI0-aVzEQBm8/s400/stickybar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:0px 0;
border-bottom: 1px solid #888888;
-moz-box-shadow: #666666 0px 1px 3px;
-webkit-box-shadow: #666666 0px 1px 3px;
box-shadow: #666666 0px 1px 3px;
z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
}
#mbt-stickybar a{
text-decoration:none;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
line-height: 24px;
}
#mbt-stickybar a:hover{
text-decoration:underline;
}
#mbt-stickybar p {margin:0; list-style:none;}
#mbt-stickybar img {vertical-align: middle;
margin-right: 6px;}

.myButton {
-moz-box-shadow:inset -5px 26px 0px -42px #e67a73;
-webkit-box-shadow:inset -5px 26px 0px -42px #e67a73;
box-shadow:inset -5px 26px 0px -42px #e67a73;
background-color:#e4685d;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #ffffff;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Courier New;
font-size:28px;
font-weight:bold;
padding:6px 15px;
text-decoration:none;
text-shadow:0px 3px 0px #b23e35;
}
.myButton:hover {
background-color:#eb675e;
}
.myButton:active {
position:relative;
top:1px;
}

]]></b:skin>

<script type='text/javascript'>
$(function() {
 $('.thumbs').hover(function(){
 $(this).find('img').animate({top:'220px'},{queue:false,duration:500});
  }, function(){
 $(this).find('img').animate({top:'0px'},{queue:false,duration:500});
  });
 })
</script>

<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
#main {
 padding:15px;
}

#blog-pager {padding:0 15px}

.thumbs {
 width:220px;
 height:160px;
 overflow:hidden;
}

.post {
 width:220px;
 height:160px;
 float:left;
 margin:15px;
 padding:0;
 border:none;
}

.post-header-line-1,
.entry-date,
.post-footer {
 display:none
}
</style>
</b:if>

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
.main {
 margin:15px!important;
}

.post-body,
.post-title-2 {
 display:block
}

.post-footer,
.post-header-line-1,
.rmlink {
 display:none;
}

.post-body {
 padding:15px 0!important
}

.post,
.post-body {
 width:100%;
 height:auto;
 background:none;
 opacity:1;
 margin:0;
 padding:0;
}

.post-entry-title, .post-header {
 display:none
}

.post-body:hover .post-entry-title {
 display:none
}
</style>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;

}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #585858;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#00000f;
background-color:#FDF2BF;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://sastrablog.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip6eTYVMlM4r4azd83VTQrtfIHGjWWVhyphenhyphenW1wB1rbvPmJHDi4RXgqI2kB7SMwjFvNXNBv8574aXLudFH4RYBhyvCQF_KA5ngix4ArbPdOmfGDQlCzttDQc51WIrza6EMEptl9rqnuZT2nHl/';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('
<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b>
');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('
');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>
');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>
');}
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
var bcLoadingImage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb_dIxuJiZXHTN_I53wYRtXiflqCJy2DFPtBtebHOkw271doSMjTCDkLwlNQWAl_OX8KlXyPh1el6GTsvbnNWTlZ6TL-hGqOr7jy_haCjyHajVpRY9Um9zUEQxj_aH_cw7101ceESf1tQ/s400/loading-trans.gif.png";
var bcLoadingMessage = " Loading....";
var bcArchiveNavText = "View Archive";
var bcArchiveNavPrev = '◄';
var bcArchiveNavNext = '►';
var headDays = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
var headInitial = ["Su","Mo","Tu","We","Th","Fr","Sa"];
// Nothing to configure past this point ----------------------------------
var timeOffset;
var bcBlogID;
var calMonth;
var calDay = 1;
var calYear;
var startIndex;
var callmth;
var bcNav = new Array ();
var bcList = new Array ();
//Initialize Fill Array
var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"];
function openStatus(){
   document.getElementById('calLoadingStatus').style.display = 'block';
   document.getElementById('calendarDisplay').innerHTML = '';
  }
function closeStatus(){
   document.getElementById('calLoadingStatus').style.display = 'none';
  }
function bcLoadStatus(){
   cls = document.getElementById('calLoadingStatus');
   img = document.createElement('img');
   img.src = bcLoadingImage;
   img.style.verticalAlign = 'middle';
   cls.appendChild(img);
   txt = document.createTextNode(bcLoadingMessage);
   cls.appendChild(txt);
  }
function callArchive(mth,yr,nav){
// Check for Leap Years
  if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) {
      fill[2] = '29';
   }
  else {
      fill[2] = '28';
   }
   calMonth = mth;
   calYear = yr;
   if(mth.charAt(0) == 0){
      calMonth = mth.substring(1);
      }
   callmth = mth;
   bcNavAll = document.getElementById('bcFootAll');
   bcNavPrev = document.getElementById('bcFootPrev');
   bcNavNext = document.getElementById('bcFootNext');
   bcSelect = document.getElementById('bcSelection');
   a = document.createElement('a');
   at = document.createTextNode(bcArchiveNavText);
   a.href = bcNav[nav];
   a.appendChild(at);
   bcNavAll.innerHTML = '';
   bcNavAll.appendChild(a);
   bcNavPrev.innerHTML = '';
   bcNavNext.innerHTML = '';
   if(nav <  bcNav.length -1){
      a = document.createElement('a');
      a.innerHTML = bcArchiveNavPrev;
      bcp = parseInt(nav,10) + 1;
      a.href = bcNav[bcp];
      a.title = 'Previous Archive';
      prevSplit = bcList[bcp].split(',');
      a.onclick = function(){bcSelect.options[bcp].selected = true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return false;};
      bcNavPrev.appendChild(a);
      }
   if(nav > 0){
      a = document.createElement('a');
      a.innerHTML = bcArchiveNavNext;
      bcn = parseInt(nav,10) - 1;
      a.href = bcNav[bcn];
      a.title = 'Next Archive';
      nextSplit = bcList[bcn].split(',');
      a.onclick = function(){bcSelect.options[bcn].selected = true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return false;};
      bcNavNext.appendChild(a);
     }
   script = document.createElement('script');
   script.src = 'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive';
   document.getElementsByTagName('head')[0].appendChild(script);
}
function cReadArchive(root){
// Check for Leap Years
  if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) {
      fill[2] = '29';
   }
  else {
      fill[2] = '28';
   }
    closeStatus();
    document.getElementById('lastRow').style.display = 'none';
    calDis = document.getElementById('calendarDisplay');
    var feed = root.feed;
    var total = feed.openSearch$totalResults.$t;
    var entries = feed.entry || [];
    var fillDate = new Array();
    var fillTitles = new Array();
    fillTitles.length = 32;
    var ul = document.createElement('ul');
    ul.id = 'calendarUl';
    for (var i = 0; i < feed.entry.length; ++i) {
      var entry = feed.entry[i];
      for (var j = 0; j < entry.link.length; ++j) {
       if (entry.link[j].rel == "alternate") {
       var link = entry.link[j].href;
       }
      }
      var title = entry.title.$t;
      var author = entry.author[0].name.$t;
      var date = entry.published.$t;
      var summary = entry.summary.$t;
      isPublished = date.split('T')[0].split('-')[2];
      if(isPublished.charAt(0) == '0'){
         isPublished = isPublished.substring(1);
         }
      fillDate.push(isPublished);
      if (fillTitles[isPublished]){
          fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title;
          }
      else {
          fillTitles[isPublished] = title;
          }
      li = document.createElement('li');
      li.style.listType = 'none';
      li.innerHTML = '<a href="'+link+'">'+title+'</a>';
      ul.appendChild(li);
      }
   calDis.appendChild(ul);
   var val1 = parseInt(calDay, 10)
   var valxx = parseInt(calMonth, 10);
   var val2 = valxx - 1;
   var val3 = parseInt(calYear, 10);
   var firstCalDay = new Date(val3,val2,1);
   var val0 = firstCalDay.getDay();
   startIndex = val0 + 1;
  var dayCount = 1;
  for (x =1; x < 38; x++){
      var cell = document.getElementById('cell'+x);
      if( x < startIndex){
          cell.innerHTML = ' ';
          cell.className = 'firstCell';
         }
      if( x >= startIndex){
          cell.innerHTML = dayCount;
          cell.className = 'filledCell';
          for(p = 0; p < fillDate.length; p++){
              if(dayCount == fillDate[p]){
                  if(fillDate[p].length == 1){
                     fillURL = '0'+fillDate[p];
                     }
                  else {
                     fillURL = fillDate[p];
                     }
                  cell.className = 'highlightCell';
                  cell.innerHTML = '<a href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'" title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>';
                 }
              }
          if( dayCount > fill[valxx]){
             cell.innerHTML = ' ';
             cell.className = 'emptyCell';
             }
          dayCount++;
         }
      }
    visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1;
    if(visTotal >35){
        document.getElementById('lastRow').style.display = '';
       }
  }
function initCal(){
   document.getElementById('blogger_calendar').style.display = 'block';
   var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a');
   var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li');
   document.getElementById('bloggerCalendarList').style.display = 'none';
   calHead = document.getElementById('bcHead');
   tr = document.createElement('tr');
   for(t = 0; t < 7; t++){
       th = document.createElement('th');
       th.abbr = headDays[t];
       scope = 'col';
       th.title = headDays[t];
       th.innerHTML = headInitial[t];
       tr.appendChild(th);
      }
   calHead.appendChild(tr);
  for (x = 0; x <bcInit.length;x++){
     var stripYear= bcInit[x].href.split('_')[0].split('/')[3];
     var stripMonth = bcInit[x].href.split('_')[1];
     bcList.push(stripMonth + ','+ stripYear + ',' + x);
     bcNav.push(bcInit[x].href);
     }
  var sel = document.createElement('select');
  sel.id = 'bcSelection';
  sel.onchange = function(){var cSend = this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);};
  q = 0;
  for (r = 0; r <bcList.length; r++){
       var selText = bcInit[r].innerHTML;
       var selCount = bcCount[r].innerHTML.split('> (')[1];
       var selValue = bcList[r];
       sel.options[q] = new Option(selText + ' ('+selCount,selValue);
       q++
       }                  
   document.getElementById('bcaption').appendChild(sel);
   var m = bcList[0].split(',')[0];
   var y = bcList[0].split(',')[1];
   callArchive(m,y,'0');
}
function timezoneSet(root){
   var feed = root.feed;
   var updated = feed.updated.$t;
   var id = feed.id.$t;
   bcBlogId = id.split('blog-')[1];
   upLength = updated.length;
   if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";}
   else {timeOffset = updated.substring(upLength-6,upLength);}
   timeOffset = encodeURIComponent(timeOffset);
}
//]]>
</script>
<script src='/feeds/posts/summary?max-results=0&alt=json-in-script&callback=timezoneSet'/>

<body>
<div id='mbt-stickybar'>
<span style='padding-right:5px; float:right'>
<img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_49dbrPoHXaF-DZZbHwANIf5R_t-ntlkiZvzWvTHB2q5-zTxJ5KBcIo4LfAQ9eb3ikua5dwS-Freu1h0EXtNRZVOm6wfkAheTghi7k7NPrD-grxc-nLaSUBUVMTqahM5PlqZe1gajw7k/s400/cancel.png' style='cursor:hand;cursor:pointer;'/></span><a href='#'><font style='font-family: Margarine, cursive;font-weight: 400; '>Pray for our brothers in Gaza in order to survive in the world and the hereafter</font></a>
</div>
<div class='out-container' id='grid-1'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='all about photo (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>

<b:section class='header' id='navigation'>
<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>
<div class='widget-content'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>▼</span>

<b:else/>
<ul><b:loop values='data:links' var='link'>           <b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>         </b:loop>       </ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clear'>
 </div>
</div>
</div>
<div id='outer-wrapper'>
<div id='wrap2'>

<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>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">

</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">

</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div>
</div>
</b:if>
<data:adEnd/>
</div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

<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: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='250' id='comment-editor' name='comment-editor' src='' width='720'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup' style='width:100px;height:20px;'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

</p>
</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'>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>Rss: <img height='10px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1pYj9GPJEDxN8CRrAcppKF_uBRXPVOcC5I1UPUSd0mqH5wV_0SVYezsPv08ijIibXm6jx21OLgouEHtWjN49UN8VOM5oAhi9bglcAZyAPwFlWN6qYkNTvcaVp1Y2ANWX63qnR_0szIZDU/s0/mini-rss.gif'/></a>
</b:loop>
<span style='float:right'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZbmUD059BJMMB7kMon5N79xUPwBbwjUFpZI4CXES1qtY3ItIGM9QbF70ebPpR12g0j6RaAVxZyhuxAQL_ndxyLXZmv3D2WvkzuMQp7O-0U3OG5riFUDpQNhz4LdH0GB3wWZ40kok4KWE-/s0/mini-blogroll.gif'/> <a href='#' onclick='MGJS.goTop();return false;'>Top</a></span>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>

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

<b:if cond='data:post.embedCommentForm == "false"'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
</div>
</b:if>

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

<b:if cond='data:blog.pageType == "index"'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>
<b:include name='mobile-nextprev'/>
</b:includable>
            <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </div>
</b:if>

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

<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'>// Prev |</a>
      </span>
    </b:if>

</div>
<div class='clear'/>
</b:includable>
            <b:includable id='post' var='post'>

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
.mbt_social_floating{
    position:fixed; bottom:10%; margin-left:-90px; float:left;     width:60px;
    background-color:#f7f7f7;     padding: 5px 0 0px 0px;
     border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
z-index:9999px !important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.mbt_social_floating .mbt_side_social_button{
    margin-bottom:5px;
    float:none;
    height:auto;
    width:60px;
}
.mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{
    margin-left:5px;
}
.mbt_social_floating .st_fblike_vcount{
    margin-left:5px;
}
.mbt_social_floating .stButton_gradient{
    background:none !important;
    height:21px !important;
    padding-left:0 !important;
}
.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices {
    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBTHNBTjSG-JDZ-DEc53xlNUO1xMjHC8I-pmDPlwhVRDfw-fl-NKjRG0Z5i_wY8uO2BXTbG-3MxQ9COqdnR8rBpV7D_JK0Za_m66FWWP4ob1BBJnIZRjz2S0-5SyMJogD0jEBXY0g7IG1_/s400/gc_social_sprite.gif') no-repeat !important;
    height:19px !important;
    width:45px !important;
    padding:0 !important;
}
.st_email .chicklets{
    background-position:0 -77px !important;
    background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBTHNBTjSG-JDZ-DEc53xlNUO1xMjHC8I-pmDPlwhVRDfw-fl-NKjRG0Z5i_wY8uO2BXTbG-3MxQ9COqdnR8rBpV7D_JK0Za_m66FWWP4ob1BBJnIZRjz2S0-5SyMJogD0jEBXY0g7IG1_/s400/gc_social_sprite.gif') !important;
}
.mbt_social_floating .st_twitter_vcount .st-twitter-counter{
    background-position:0 -58px !important;
}
.mbt_social_floating  .stButton_gradient{
    border:none !important;
}
.mbt_social_floating .stBubble_count{
    width:44px !important;
    font-size: 15px !important;
    font-weight: normal !important;
    padding-top:7px !important;
    height:23px !important;
    background:none !important;
}
.mbt_social_floating .st_twitter_vcount .stBubble_count{
    color:#00a6df;
    background-color:#f8fbfc !important;
}

.st_fblike_vcount{
    margin-bottom: 0px;
    display: block;
}
.st_twitter_vcount{
    margin-bottom: 3px;
    display: block;
}

.st_email{
    margin-bottom: 5px; margin-top: 3px;
    display: block;
}
.mbt_social_floating .stBubble{
    background-position: 21px 31px !important;
    height:35px !important;
}.mbt_social_floating .st_pinterest_vcount{
    margin-left:5px;
}
.mbt_social_floating .st_pinterest_vcount .st-pinterest-counter{
    background-position:0 -19px !important;
}
.mbt_social_floating .st_pinterest_vcount .stBubble_count{
    color:#FF0505;
    background-color:#fbf8f8 !important;
}

.mbt_social_floating .st_pinterest_vcount .stBubble{
    background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg91bWP84_eBwYM6_YVFESX7Ic4_6drX6N-x7GGWOGqEW8QQ2MXvOrmnrHuYoH85DOqfXaeOUkEhU8FnFtWn8l0csy7zmc6c199hhJRltf71vHEQBr6ZGuRlXfNeZ2_EwHRUPCWhP7OMtby/s400/bubble_arrow_pinterest.png') !important;
}

.st_pinterest_vcount{
    margin-bottom: 0px;
    display: block;
}

</style>

<div class='mbt_social_floating'>
    <script type='text/javascript'>var switchTo5x=true;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
    <script type='text/javascript'>stLight.options({onhover:false});</script>
<span class='st_fblike_vcount' displaytext=''/>
<span class='st_twitter_vcount' displaytext='' st_via='fordizoo'/>
<span class='st_pinterest_vcount' displaytext=''/>
<div style='margin:0px 0 0 5px;'>
<span class='st_plusone_vcount' displaytext=''/>
</div>
<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<script type='text/javascript'>
var addthis_config = {
     ui_cobrand: "MY BLOGGER TRICKS",
ui_header_color: "#ffffff",
     ui_header_background: "#0080FF"
}
</script>
<span class='st_email' displaytext=''/>
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'>
<a href='http://www.mybloggertricks.com/2012/05/create-floating-bar-for-pinterest-other.html' style='color:#CAC8C8;'>Widgets</a></p>
</div>
</b:if></b:if>

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

<h3 class='post-title-2'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
</b:if>

</div>
</div>
<div class='post-body entry-content'>

<b:if cond='data:post.thumbnailUrl'>
<div class='thumbs'>
<a expr:href='data:post.url'>
<script type='text/javascript'>
 //<![CDATA[
 function bp_thumbnail_resize(image_url,post_title)
 {
 var image_size=220;
 var show_default_thumbnail=true;
 var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEuXsAD6o_oGiLmbRKhUUx3PPnA7xBagNhmAvJV7jxOk_fSyFLlVNCygxVTkHwnxV2R4N3R3nZxSfADxwU0a4aIeRhcOMmDPGkuwKWI6b882KE70xe_M37036IBLGFPgnzphaTjuJEIDTg/s0/default.png";
 if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
 image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="postthumb" alt="'+post_title+'"/>';
 if(image_url!="") return image_tag; else return "";
 }
 //]]>
    </script>
<script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));
    </script>

</b:if>
<b:if cond='data:post.jumpLink != 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>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>

<div id='jobmiddlenew'>
<data:post.body/>
</div>
<b:if cond='data:blog.pageType == "item"'>
<style>
#addcodemiddle{display: none;}
</style>
<div id='addcodemiddle'>

<script type=text/javascript>
username="airputihmanis"
</script>
<script type=text/javascript src="http://adsppperv.com/ads.js"></script>

</div>
<script type='text/javascript'>

var str1=document.getElementById("jobmiddlenew").innerHTML;
var str2=str1.length;
var str3=str2/2;
var substr = str1.substring(str3, str2);

var n = substr.search("<br>");
if(n<0)
{
n = substr.indexOf('.');
if(n<0)
{
n=0;
}
var firsthalf = str1.substring(0, str3+n+1);
var secondhalf = str1.substring(str3+n+1, str2);

}
else
{

var firsthalf = str1.substring(0, str3+n+4);
var secondhalf = str1.substring(str3+n+4, str2);
}
var addcode="<center>
"+document.getElementById("addcodemiddle").innerHTML+"</center>
";

var newbody=firsthalf+addcode+secondhalf;

var strnew=document.getElementsByClassName("post-body entry-content");
strnew[0].innerHTML=newbody;

document.getElementById("addcodemiddle").innerHTML="";
     
</script>

</b:if>

</b:if>
</div>

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

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=11"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=11;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div>
<div style='clear:both'/>
</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>

<b:include data='post' name='postQuickEdit'/>
</span></div>
<div class='post-footer-line-2'>

<b:if cond='data:top.showReactions'>
<span class='reaction-buttons'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>     <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>     <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>    </tr>
</table>
</span>
</b:if>
</div>
<div class='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>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://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.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
</a></b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'>
<data:post.dummyTag/></div>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'>
<data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![CDATA[
      feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
      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': maxThreadDepth
      };
      var provider = {
        'id': 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>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

<div class='out-container' id='grid-2'>
<div id='bottom'>
<b:section class='bottom' id='left-bottom' preferred='yes'>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container">
</div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\075374186580048448967\46blogName\75all+about+photo\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://jokuci.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://jokuci.blogspot.com/\46vt\75-4706796193989633417',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
<b:widget id='HTML8' 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:section>
<b:section class='bottom' id='center-bottom-1' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
<b:include cond='data:style == "FLAT"' data='data' name='flat'/>
<b:include cond='data:style == "MENU"' data='data' name='menu'/>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<div id='bloggerCalendarList'>
<ul><b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>   </ul>
</div>
<div id='blogger_calendar' style='display:none'>
<table id='bcalendar'><caption id='bcaption'> </caption>  <thead id='bcHead'/>   <tbody>
<tr><td id='cell1'> </td><td id='cell2'> </td><td id='cell3'> </td><td id='cell4'> </td><td id='cell5'> </td><td id='cell6'> </td><td id='cell7'> </td></tr>
<tr><td id='cell8'> </td><td id='cell9'> </td><td id='cell10'> </td><td id='cell11'> </td><td id='cell12'> </td><td id='cell13'> </td><td id='cell14'> </td></tr>
<tr><td id='cell15'> </td><td id='cell16'> </td><td id='cell17'> </td><td id='cell18'> </td><td id='cell19'> </td><td id='cell20'> </td><td id='cell21'> </td></tr>
<tr><td id='cell22'> </td><td id='cell23'> </td><td id='cell24'> </td><td id='cell25'> </td><td id='cell26'> </td><td id='cell27'> </td><td id='cell28'> </td></tr>
<tr><td id='cell29'> </td><td id='cell30'> </td><td id='cell31'> </td><td id='cell32'> </td><td id='cell33'> </td><td id='cell34'> </td><td id='cell35'> </td></tr>
<tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr>
</tbody> </table>
<table id='bcNavigation'>
<tr> <td id='bcFootPrev'/>
<td id='bcFootAll'/>
<td id='bcFootNext'/>
</tr>
</table>
<div id='calLoadingStatus' style='display:none; text-align:center;'>
<script type='text/javascript'>bcLoadStatus();</script>
</div>
<div id='calendarDisplay'/>
</div>
<script type='text/javascript'> initCal();</script>
</b:includable>
<b:includable id='interval' var='intervalData'>
Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format
</b:includable>
<b:includable id='menu' var='data'>
Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format
</b:includable>
<b:includable id='posts' var='posts'>

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

</b:includable>
</b:widget>
</b:section>

<b:section class='bottom' id='right-bottom' preferred='yes'/>
<div class='clear'>
 </div>
</div>

</div>
<div class='out-container' id='grid-3'>

<div id='footer-wrapper'>
<div class='footer-left'>
© <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>, Design by <a href='http://pixeloplosan.com' title='blogger template club'>Pixel Oplosan</a>, Proudly powered by <a href='http://blogger.com'>Blogger</a></div>
<div class='footer-right'>
<a expr:href='data:blog.homepageUrl'>Home</a> / <a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts</a> / <a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a> / <a href='#'>Top</a>
</div>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</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.