Floyyd

Floyyd 'Zone' Blogger Template

| Creator: Themeist
| Platform: Blogger

Layout
- Full Responsive Theme
- 2 Columns: Left Post, Right Sidebar

Navigation
- Menu Glyphicon
- Search Bar
- Social Bookmark
- Error URL Redirection
- Login Support

Home
- Gallery Photography Post
- 3 Columns Post
- Post Thumbnail / Summary Text

Post
- Breadcrumb
- Related Post
- Author Profile

Original Redesign

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>

<link href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'/>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

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

<b:if cond='data:blog.pageType == "index"'>
    <b:if cond='data:blog.pageType == "item"'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | About your Blog </title>
    </b:if>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if>

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

</b:if>

<b:skin><![CDATA[

/*********************
Layout Page Starts
*********************/
body#layout {
height:800px;
}
body#layout #myNavbar  {
display:none;
}
body#layout #myCarousel {
display:none;
}
body#layout .col-sm-8{
width:70%;float: left;
}
body#layout .col-sm-4{
width:29%;float:right;
}
body#layout #floating-c{
display:none;
}
/*********************
Layout Page Ends
*********************/

/*********************
Head Social Shares Start
*********************/
.fl-right{

display:inline-block;float:right;
}
.fl-right a{
font-size:40px;
}

.fl-right a:nth-child(1):hover{

color:#33ccff ;
}
.fl-right a:nth-child(2):hover{

color:#3b5998;
}

.fl-right a:nth-child(3):hover{

color:#C92228;
}

@media screen and (max-width: 680px){
     .fl-right{

display:none;
    }

}
/*********************
Head Social Share Ends
*********************/

/************************
Comments Start
*************************/
#comments { float: left; width: 100%; }
#comments-block3 { padding: 0; margin: 0; float: left; overflow: hidden; position: relative; }
#comment-name-url { width: 465px; float: left; } #comment-date { width: 465px; float: left; margin-top: 5px; font-size: 10px; }
.avatar-image-container { background: none!important; border: none!important; ; }
.datetime.secondary-text { float: right; }
.comments .comments-content .comment-content { line-height: 20px; font-size: 14px; }
.comments .comment .comment-actions a { padding-right: 5px; padding-top: 5px; text-decoration: none; }
.comments .comments-content .comment { margin-bottom: 40px; padding-bottom: 8px; }
.user.blog-author a { font-size: 20px; text-decoration: none; }
.comment-actions a { color: #fff; }
.comment-actions { padding: 10px; margin-top: 20px; float: right; background: #E18728; margin-bottom: 10px; }
.comment-block { border: 1px solid #ddd; padding: 20px; }
.comment-header { border-bottom: 1px solid #ddd; padding-bottom: 20px; }
#comments h4 {  color: #222; text-transform: uppercase; padding: 10px; font-size: 18px; margin: 5px 0px; }
#navbar-iframe{height:0;visibility:hidden;display:none;}
/***********************
Comments End
*************************/

/*********************
General Styles Start
*********************/
body{background: #222 fixed;font:17px roboto condensed;
color:#333;
}a{
color:#000;

}

@media screen and (min-width: 1023px){
     .row{
      margin:10px; }

}

@media screen and (max-width: 500px){
     .post img{
     width:100%; }

}

@media screen and (max-width: 1023px){
     .navbar-form{
     display:none;; }

}

.titlewrapper{display: inline-block;}

.descriptionwrapper{display: inline-block;}#header{

padding: 10px;
background: ;
color: #fff;
margin: 0px 10px 10px 10px;
}

#see .widget{

border: 1px solid #DDD;
padding: 10px;
background: none repeat scroll 0% 0% #FFF;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
margin-top:10px;
}
.main{
margin-top: 10px;
padding: 0px 15px 10px 15px;

}

#see h2{

font: bold 18px roboto condensed;
font-weight: bold;
border-bottom: 5px solid #222;
}

.col-sm-4{
border-left: 1px solid #ddd;
}

.date-header span{
font: 15px roboto condensed;
background: #222;
color: white;
padding: 10px;
}

h3.post-title{
font: 30px oswald;
}

h3.post-title a{

color:white;
text-decoration:none;
}

.title a{
color:white;
}.title a:hover{
color:white;
text-decoration:none;
}
.feed-links{
display:none;
}.post-footer{
border: 1px solid rgb(221, 221, 221);
margin-bottom: 10px;
padding: 10px;
}.row{

background:#eee;
}

#comments h4 {

border-bottom: 5px solid #222;
}

blockquote{
background: none repeat scroll 0% 0% rgb(34, 34, 34);
color: rgb(238, 238, 238);
padding: 10px;
border-top: 20px solid rgb(225, 135, 40);
border-left: 0px none;
margin-top: 5px;
padding-bottom: 10px;}

.top-s{

background: none repeat scroll 0% 0% #FFF;
border: 0px none;
box-shadow: none;
border-radius: 0px;
width: 100%;
padding: 6px;
color: #000;
}

/*********************
General Styles Ends
*********************/

/*********************
Navbar Starts
*********************/
.navbar-nav  .home{

border-top:3px solid  #E18728;

}.navbar-nav  .home:hover{
background:#E18728;;
}.navbar-nav  .page1{

border-top:3px solid  #BE4C39

}

.navbar-nav  .page1:hover{

background: #BE4C39 ;

}

.navbar-nav  .page2{

border-top:3px solid   #9351A6;

}

.navbar-nav  .page2:hover{

background: #9351A6;

}

.navbar-nav  .page3{

border-top:3px solid   #4472B9;

}.navbar-nav  .page3:hover{

background: #4472B9;

}

.navbar-nav  .page4{

border-top:3px solid    #4CA454;

}

.navbar-nav  .page4:hover{

background: #4CA454;

}.navbar-nav  .page5{

border-top:3px solid    #D49B00;

}.navbar-nav  .page4:hover{

background: #4CA454;}.navbar-nav  .page5{

border-top:3px solid    #D49B00;

}

.navbar-nav  .page5:hover{

background:#D49B00;

}

.navbar-nav  .page6{

border-top:3px solid    #E18728;

}

.navbar-nav  .page6:hover{

background:#E18728;

}

.navbar-nav  .page7{

border-top:3px solid    #BE4C39;

}

.navbar-nav  .page7:hover{

background:#BE4C39;

}

.navbar-nav  .page8{

border-top:3px solid    #9351A6;

}

.navbar-nav  .page8:hover{

background:#9351A6;

}
 
.navbar-nav  .page9{

border-top:3px solid    #4472B9;

}

.navbar-nav  .page9:hover{

background:#4472B9;

}

.navbar-nav  .page10{

border-top:3px solid    #FF9898;

}

.navbar-nav  .page10:hover{

background:#FF9898;

}
/*********************
Navbar Ends
*********************/

/*********************
Popular Posts Start
*********************/
.item-snippet{
display:none;
}

#PopularPosts1 ul {list-type:none;list-style-type:none;}
#PopularPosts1 ul{margin-left:-37px;}
#PopularPosts1 ul li{
padding: 10px;
color:#222;

}
#PopularPosts1 ul li a{color:#222;}
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none;}

#PopularPosts1 ul li:nth-child(1){border-left:3px solid #E18728;}
#PopularPosts1 ul li:nth-child(2){border-left:3px solid #BE4C39;}
#PopularPosts1 ul li:nth-child(3){border-left:3px solid #9351A6;}
#PopularPosts1 ul li:nth-child(4){border-left:3px solid #4472B9;}
#PopularPosts1 ul li:nth-child(5){border-left:3px solid #D49B00;}
#PopularPosts1 ul li:nth-child(6){border-left:3px solid #4472B9;}
#PopularPosts1 ul li:nth-child(7){border-left:3px solid #E18728;}
#PopularPosts1 ul li:nth-child(8){border-left:3px solid #BE4C39;}
#PopularPosts1 ul li:nth-child(9){border-left:3px solid #9351A6;}
#PopularPosts1 ul li:nth-child(10){border-left:3px solid #D49B00;}#PopularPosts1 ul li:nth-child(1):hover{background:#E18728;}
#PopularPosts1 ul li:nth-child(2):hover{background:#BE4C39;}
#PopularPosts1 ul li:nth-child(3):hover{background:#9351A6;}
#PopularPosts1 ul li:nth-child(4):hover{background:#4472B9;}
#PopularPosts1 ul li:nth-child(5):hover{background:#D49B00;}
#PopularPosts1 ul li:nth-child(6):hover{background:#4472B9;}
#PopularPosts1 ul li:nth-child(7):hover{background:#E18728;}
#PopularPosts1 ul li:nth-child(8):hover{background:#BE4C39;}
#PopularPosts1 ul li:nth-child(9):hover{background:#9351A6;}
#PopularPosts1 ul li:nth-child(10):hover{background:#D49B00;}

/*********************
Popular Posts Ends
*********************/

/*********************
Label Widget Starts
*********************/
.list-label-widget-content ul{margin-left:-20px;}
.list-label-widget-content li a{color:white;}

.list-label-widget-content li{

display: inline-block;
font-weight: 500;
outline: 0px none;
border-radius: 0px;
color: #FFF;
background: none repeat scroll 0% 0% #4472B9;
white-space: nowrap;
padding: 9px 16px !important;
line-height: 1.4;
border: 0px none;
position: relative;
transition: all 0.1s ease 0s;
margin-top:3px;
}
.list-label-widget-content li a:hover{text-decoration:none;}.list-label-widget-content li:nth-child(1){background:#E18728;}
.list-label-widget-content li:nth-child(2){background:#BE4C39;}
.list-label-widget-content li:nth-child(3){background:#9351A6;}
.list-label-widget-content li:nth-child(4){background:#4472B9;}
.list-label-widget-content li:nth-child(5){background:#D49B00;}
.list-label-widget-content li:nth-child(6){background:#4472B9;}
.list-label-widget-content li:nth-child(7){background:#E18728;}
.list-label-widget-content li:nth-child(8){background:#BE4C39;}
.list-label-widget-content li:nth-child(9){background:#9351A6;}
.list-label-widget-content li:nth-child(10){background:#4472B9;}

/*********************
Label widget Ends
*********************/

/*********************
Blog Pager Starts
*********************/
  #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

/*********************
Blog Pager Ends
*********************/

/************************
Footer CSS Starts
*************************/
#footer-wrapper {
text-align:left;
overflow:hidden;
background: url("http://subtlepatterns.com/patterns/footer_lodyas.png") repeat scroll 0% 0% transparent;margin:0;
padding:15px 0 0 0;
margin-top:20px;
border-top: 4px solid #fff;}
#footer-adwidget .footer-widget {
width:30.2%;
float:left;
margin-left:20px;
padding-top:10px;
padding-bottom:15px;
}
#footer-adwidget {
max-width:1000px;
overflow:hidden;
margin:0 auto;
}
#footer-wrapper h2{
border-left: 3px solid #5BC0DE;
padding: 9px 15px 10px;
width: 100%;
font-size: 18px;
background: none repeat scroll 0% 0% #F0F0F0;
border-width: 1px 1px 1px 3px;
border-style: solid;
border-color: #DDD #DDD #DDD #5BC0DE;
}
#footer-wrapper .widget-content {
text-align:left;
font-family:'
Open Sans'
,Helvetica;
margin:20px 0 15px;
color:#f9f9f9;
}
#footer-wrapper .widget-content li {
margin-left:-14px;
color:#f9f9f9}
#footer-wrapper .widget li {
margin:5px 0 0 0;
padding:5px 0 0 0;
display:block;
}
.footer li a {
padding-top:0;
padding-right:0;
line-height:2em;
font-size:13px;
font-weight:400;
color:#f9f9f9;
margin:0}
.footer li a:hover {
color:#fff;
}
#footer-last {
overflow:hidden;
background:none repeat scroll 0% 0% red;
padding:12px 5px;
margin:15px 0 0 0;
}
.cpleft {
float:left;
margin:10px;
color:#eee;
font-size:13px;
font-weight:700;
}
#ftright {
float:right;
margin:10px;
color:#eee;
font-size:13px;
font-weight:700;
}
.cpleft a,#ftright a {
color:#eee;
text-decoration:none;
}
.cpleft a:hover,#ftright a:hover {
color:#5BC0DE;
text-decoration:none;
}
.footer {
font-weight:400;
padding-bottom:.2em;
}
.footer-bottom {
min-height:40px;
}
#footx1,#footx2,#footx3 {
margin:0 .2%}
.footer {
font-weight:400;
padding-bottom:.2em;
}
.footer-bottom .adrecent-posts li{
overflow:hidden;
padding:10px 0}
.footer-bottom .adrecent-posts li:first-child{
padding-top:0}
.footer-bottom .adrecent-posts li:last-child{
border-bottom:3px}
.footer-bottom .adrecent-posts .arl-tmb{
display:block;
width:60px;
height:60px;
}
.footer-bottom .adrecent-posts .rcp-title{
font-family:'
Open Sans'
;font-size:15px;
font-weight:400;
margin:0 0 8px 0;
padding:0;
}
/************************
Footer Css Ends
*************************/

/************************
 Related Posts Start
*************************/

#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #f2f2f2;}
#related-posts h2{    margin-top: 10px;
    background: none repeat scroll 0% 0% transparent;
    font: 18px roboto condensed;
    padding: 3px;
    color: #222;
border-bottom: 5px solid #222;    width: 100%;
}
#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}
#related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;}
#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}

/***********************
 Related Posts Ends
*************************/

/************************
 About Author starts
*************************/

.aboutauthor { margin-bottom: 20px;float: left; width: 100%; }
.aboutauthor img { width: 111px; height: auto; float: left; margin-right: 20px; }
.authorname { font-family: 'roboto condensed'; font-size: 23px; margin: 5px 0px!important; }
.aboutauthor p { margin: 0px; }
.aboutauthor h3 { border-bottom: 5px solid #222; color: #222; text-transform: uppercase; padding: 10px; font-size: 18px; }
.authorrank { text-transform: uppercase; margin: 0px 0px 10px 0px!important; }

/************************
 About Author ends
*************************/

]]></b:skin>

<script type='text/javascript'>
posts_no_thumb_sum = 100;
posts_thumb_sum = 100;
</script>

else {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6EDh3Dc1rPbfPJ4F_1evY3I6gdy2MmrXAsL3tm8uWKAkUif0mFaCJxJYsT4ZR4kVN7ZiHhyphenhyphenkG7LdbEENi2hcC226LxK0M5fcfDqr2Kd880dQk8kbknrV_LYzIbveVyx_1mUkpF_-Xftsn/s1600/sorry-image-not-available.png" style="margin-top: -30px;" /></a></span>';
summ = posts_thumb_sum;
}

var summary = imgtag + '<a href="'+ pURL +'"><div class="post-summary-text">' + removeHtmlTag(div.innerHTML,summ) + '</div></a>';
div.innerHTML = summary;
}
//]]>
</script>

//<![CDATA[
imgr=new Array();imgr[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhG0yTmPCNK3yKNPnKTpVf5LwZzWePEGeHWW39q_ZaC8ogy4RqlJxV2tr3BmDdTirJiWpZOfHnYTSaQwuOW_Jg7eJOniU6LFwmEv2-GxWChwrvsS2ORcKl3bYjT3Hi6fX7Xfn1N2gA5tuN/s1600/no-thumbnail.png";showRandomImg=true;aBold=true;summaryPost=400;summaryTitle=20;numposts1=12;numposts2=4;function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
  function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts2<=json.feed.entry.length){maxpost=numposts2}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;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!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';var trtd='<div class="col_maskolis"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><a href="'+posturl+'"><img class="related_img" src="'+img[i]+'"/></a><div class="clear"></div></div>';document.write(trtd);j++}}var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.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[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhG0yTmPCNK3yKNPnKTpVf5LwZzWePEGeHWW39q_ZaC8ogy4RqlJxV2tr3BmDdTirJiWpZOfHnYTSaQwuOW_Jg7eJOniU6LFwmEv2-GxWChwrvsS2ORcKl3bYjT3Hi6fX7Xfn1N2gA5tuN/s1600/no-thumbnail.png'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h2>'+relatedpoststitle+'</h2>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 4px 10px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div id="related-title">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>

</script>

//]]>
</script>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType!= "item"'>
<style>
#blog-pager {
clear:both;
}
.post {
height:auto;
width:31%;
display:inline-block;
text-decoration:none;
float:left;
margin:0 1.1% 2%;
padding:0!important;
background: url("http://subtlepatterns.com/patterns/footer_lodyas.png") repeat scroll 0% 0% transparent;height: 250px;
}
h3.post-title a {
font-size:95%;
font-family: roboto condensed, sans-serif;
text-transform:uppercase;
color:#fff;
padding:0;
text-align:center;
}
h3.post-title {
text-align:center;

}

h3.post-title{
font: 1em oswald;
}

.main{
padding:0px;

}

.date-header {
visibility:hidden;
height:0!important;
width:0!important;
margin:0!important;
padding:0!important;
}
.posts-thumb {
width:100%!important;
height:190px!important;
overflow:hidden;
clear:both;
}
.post-body {
border-radius:2px;
box-shadow:0 5px 4px 1px rgba(0,0,0,0.1);
position:relative;
overflow: hidden;
}
.post-body a {
text-decoration: none;
}
.post-body img {
display:block;
width:100%!important;
height:auto!important;
max-width:800px!important;
max-height:400px!important;
min-width:190px!important;
min-height:190px!important;
border:none;
outline:none;
position:relative;
margin: 0px;
padding:0;
}
.post-summary-text {
cursor: pointer;
background: url("http://subtlepatterns.com/patterns/footer_lodyas.png") repeat scroll 0% 0% transparent;color:#fff;

font-family: roboto condensed;
clear:both;
overflow:hidden;
left: 0;
padding:10px;
position: absolute;
text-align: center;
vertical-align: bottom;
top: 0;
transform: scale(1);
opacity: 0;
z-index: 10;
height: 100%;
transition: all 300ms ease-out 0s;
}

.post-summary-text:hover {
opacity: 0.9;
}
a.comment-bubble {
color:#fff;
text-decoration:none;
font-size:100%;
width: 100%;
text-align: center;
position:absolute;
top:165px;
left: 0px;
text-shadow:1px 2px 1px #333;
font-family: oswald;
z-index: 122;
}
a.comment-bubble:before {
content: "Comments: ";
}
.post-header,.post-footer {
display:none;
}

@media screen and (max-width: 500px){
     .uncustomized-post-template{
        width:100% }
}

</style></b:if></b:if>

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.main
{border: 1px solid #DDD;background: none repeat scroll 0% 0% #FFF;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);margin-top:10px;}
</style>
</b:if>

</head>

<body>

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

<nav class='navbar navbar-inverse' style='background: url("http://subtlepatterns.com/patterns/footer_lodyas.png") repeat scroll 0% 0% transparent;margin: 0px 10px 10px 10px;border: none;border-radius: 0px;'>
  <div class='container-fluid'>
    <div class='navbar-header'>
      <button class='navbar-toggle' data-target='#myNavbar' data-toggle='collapse' type='button'>
        <span class='icon-bar'/>
        <span class='icon-bar'/>
        <span class='icon-bar'/>
      </button>
    </div>
    <div class='collapse navbar-collapse' id='myNavbar'>
      <ul class='nav navbar-nav'>
        <li class='home'><a href='/'><span class='glyphicon glyphicon-home'/> Home</a></li>
        <li class='page1'><a href='##'><span class='glyphicon glyphicon-star'/> About US</a></li>
        <li class='page2'><a href='###'><span class='glyphicon glyphicon-cloud'/> Blog</a></li>
        <li class='page3'><a href='####'><span class='glyphicon glyphicon-th-list'/> Tutorials</a></li>
        <li class='page4'><a href='#####'><span class='glyphicon glyphicon-signal'/> Sitemap</a></li>
        <li class='page5'><a href='######'><span class='glyphicon glyphicon-fire'/> Categories</a></li>

<!--    <li class='page6'><a href='#######'>Page 6</a></li>
        <li class='page7'><a href='########'>Page 7</a></li>
        <li class='page8'><a href='#########'>Page 8</a></li>
        <li class='page9'><a href='##########'>Page 9</a></li>
        <li class='page10'><a href='##########'>Page 10</a></li>

-->

</ul>
      <ul class='nav navbar-nav navbar-right'>
        <li><form action='/search' class='navbar-form' method='get' role='search'>
        <div class='input-group'>
            <input class='form-control' id='q' name='q' placeholder='Search' type='text'/>
            <div class='input-group-btn'>
                <button class='btn btn-default' type='submit'><i class='glyphicon glyphicon-search'/></button>
            </div>
        </div>
  </form></li>
        <li><a href='#'><span class='glyphicon glyphicon-user'/> Sign Up</a></li>
        <li><a href='#'><span class='glyphicon glyphicon-log-in'/> Login</a></li>

</ul>

</div>
  </div>
</nav>

<script type='text/javascript'>
//<![CDATA[

var home=document.querySelector('.home a').href;
var page1=document.querySelector('.page1 a').href;
var page2=document.querySelector('.page2 a').href;
var page3=document.querySelector('.page3 a').href;
var page4=document.querySelector('.page4 a').href;
var page5=document.querySelector('.page5 a').href;

if (document.getElementsByClassName("page6").length){ var page6=document.querySelector('.page6 a').href;
}

if (document.getElementsByClassName("page7").length){ var page7=document.querySelector('.page7 a').href;
}

if (document.getElementsByClassName("page8").length){ var page8=document.querySelector('.page8 a').href;
}

if (document.getElementsByClassName("page9").length){ var page9=document.querySelector('.page9 a').href;
}

if (document.getElementsByClassName("page10").length){ var page10=document.querySelector('.page10 a').href;
}

if(window.location.href==home){

$(".home").css("background-color", "#E18728"); 
$(".home a").css("color", "#fff");

}

if(window.location.href==page1){

$(".page1").css("background-color", "#BE4C39"); 
$(".page1 a").css("color", "#fff");

}

if(window.location.href==page2){

$(".page2 a").css("color", "#fff");
 $(".page2").css("background-color", "#9351A6"); 
}

if(window.location.href==page3){

$(".page3 a").css("color", "#fff");
 $(".page3").css("background-color", "#4472B9"); 
}

if(window.location.href==page4){

$(".page4 a").css("color", "#fff");
 $(".page4").css("background-color", "#4CA454"); 
}

if(window.location.href==page5){

$(".page5 a").css("color", "#fff");
 $(".page5").css("background-color", "#D49B00"); 
}

if(window.location.href==page6){

$(".page6 a").css("color", "#fff");
 $(".page6").css("background-color", "#E18728"); 
}

if(window.location.href==page7){

$(".page7 a").css("color", "#fff");
 $(".page7").css("background-color", "#BE4C39"); 
}

if(window.location.href==page8){

$(".page8 a").css("color", "#fff");
 $(".page8").css("background-color", "#9351A6"); 
}

if(window.location.href==page9){

$(".page9 a").css("color", "#fff");
 $(".page9").css("background-color", "#4472B9"); 
}

if(window.location.href==page10){

$(".page10 a").css("color", "#fff");
 $(".page10").css("background-color", "#FF9898"); 
}

// ]]>
</script>

<b:if cond='data:blog.pageType == "error_page"'>
  
  
  <style>
    .status-msg-wrap{
      display:none;
    }
    .col-sm-8{
      margin-top:10px;
      background:white;
    }
    
    #blog-pager{
      display:none;
    }
  </style>
  
  
  
  <center>
    <span style='font:30px Oswald;margin-top:10px;'>
      <span class='glyphicon glyphicon-trash'>
      </span>
      OOPsss
    </span>
    
    
    <p>
      
      It looks you have visited a link that has been either changed or deleted please
      <code style='font:17px oswald'>
        check you url
      </code>
      
      <span style='font-size:100px;color: #FF9898'>
        404
      </span>
      
      
      
    </p>
    
    <div class='progress'>
      <div aria-valuemax='100' aria-valuemin='0' aria-valuenow='40' class='progress-bar progress-bar-striped active progress-bar-danger' role='progressbar' style='width:100%'>
        Redirection to Homepage in 5 seconds. 
      </div>
    </div>
    
    <a expr:href='data:blog.homepageUrl'>
      BACK TO HOME 
    </a>
    
  </center>
  
  <script>
    setTimeout(function () {
      window.location.href = "/";
      //will redirect to your blog page (an ex: blog.html)
    }
               , 5000);
    //will call the function after 2 secs.
  </script>
</b:if>

<b:section class='main' id='main' preferred='yes' showaddelement='yes'>
  <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
    <b:includable id='main' var='top'>
  <b:if cond='!data:mobile'>
    
    <div class='blog-posts hfeed'>

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

<data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
          </div></div>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          <div class="date-outer">
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          <div class="date-posts">
        </b:if>
        <div class='post-outer'>
          <b:include data='post' name='post'/>
          <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        </div></div>
      </b:if>
      <data:adEnd/>
    </div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

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

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

</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
    <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
    <b:includable id='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/>
   
  </b:if>
</b:includable>
    <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>
    <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4><data:post.commentLabelFull/>:</h4>

<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
               
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
               
          </b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'>
             
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
             
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </b:if>
        </span>
      </b:if>

<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

<p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:elseif cond='data:post.allowComments'/>
<code style='font:14px roboto condensed'>Commenting Policy - Comments are moderated by human moderators , please dont spam and post keywords in comment.</code>      </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>

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

<b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.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>

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

<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'>&lsaquo;</a>
      </div>
    </b:if>

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

</div>
  <div class='clear'/>
</b:includable>
    <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
        <b:if cond='data:blog.pageType != "static_page"'>
    <b:if cond='data:blog.pageType != "item"'>
        <div expr:id='"summary" + data:post.id'>
            <data:post.body/>
        </div>
        <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>");</script>
        <b:if cond='data:post.allowComments'>
            <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                <data:post.numComments/>
            </a>
        </b:if>
    </b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
    <data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
    <data:post.body/>
</b:if>
            <div style='clear: both;'/> 
          </div>

</div>
        </div>

<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link' style='display:none;'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

<b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link' style='display:none;'>
      <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='post' var='post'>
  <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

<b:if cond='data:blog.pageType == "item"'>
      <div class='breadcrumbs' style='margin-top:4px;'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
       <span>>></span><a href='/'>Home > </a>

<b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'> > <span class='glyphicon glyphicon-check'/></b:if>
          </b:loop>
        </b:if>
      </span>
      </div>
    </b:if>

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

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

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

<div class='post-share-buttons goog-inline-block'>
        <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
      </div>

</div>

<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
  <b:if cond='data:blog.pageType != "static_page"'>
    <b:if cond='data:blog.pageType != "item"'>
        <div expr:id='"summary" + data:post.id'>
            <data:post.body/>
        </div>
        <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>");</script>
        <b:if cond='data:post.allowComments'>
            <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                <data:post.numComments/>
            </a>
        </b:if>
    </b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
    <data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
    <data:post.body/>
</b:if>
      <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: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=5"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="<b>Related Posts:</b>";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if>
</b:if>

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

<div class='aboutauthor'>
        <h3><span class='glyphicon glyphicon-user'/>  About the Author</h3>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht0TfhXc_gTFUkG_GfMveyVomN9x69rHd93Ge-qT0KfX_VsU-NwQNgONBd-xwhfyMFFVqENP7Uj1VSE-3WMHT-8-eyGcmaeuRDe_DasJDoYwF5usiYt-If3Fut4vblSF_4AmCYMn4bqkKv/s1600/user.jpg'/>
<p class='authorname'>Wasim Ahmad</p>
<p class='authorrank'>Blogger</p>
<p>I am the founder of this blog if you like my tuts , follow me  <a href=''> <i class='fa fa-facebook'/></a><a href=''> <i class='fa fa-twitter'/><a href=''> <i class='fa fa-google'/></a></a>
  </p>
</div>

</b:if>

</div>
</b:includable>
    <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='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.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>

<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='col-sm-4'>
<b:section class='secti' id='see' maxwidgets='20' showaddelement='yes'>
  <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:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          
          <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
</b:section>
  </div>

</div>
  </div>

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=9;
    var numPages=6;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/

/*<![CDATA[*/
    if (typeof firstText == "undefined") firstText = "First"; 
    if (typeof lastText == "undefined") lastText = "Last";
    var noPage;
    var currentPage;
    var currentPageNo;
    var postLabel;
    pagecurrentg();

function totalcountdata(root) {
        var feed = root.feed;
        var totaldata = parseInt(feed.openSearch$totalResults.$t, 10);
        looppagecurrentg(totaldata)
    }

function redirectpage(numberpage) {
        jsonstart = (numberpage - 1) * perPage;
        noPage = numberpage;
        var nameBody = document.getElementsByTagName('head')[0];
        var newInclude = document.createElement('script');
        newInclude.type = 'text/javascript';
        newInclude.setAttribute("src", home_page + "feeds/posts/summary?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");
        nameBody.appendChild(newInclude)
    }

function redirectlabel(numberpage) {
        jsonstart = (numberpage - 1) * perPage;
        noPage = numberpage;
        var nameBody = document.getElementsByTagName('head')[0];
        var newInclude = document.createElement('script');
        newInclude.type = 'text/javascript';
        newInclude.setAttribute("src", home_page + "feeds/posts/summary/-/" + postLabel + "?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");
        nameBody.appendChild(newInclude)
    }

</script>

</b:if>
</b:if>

<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
<div class='cpleft'>
        Copyright © 2015 
        <a expr:href='data:blog.homepageUrl' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'>
<data:blog.title/>
</span>
</a>
        All Right Reserved
<a href='http://www.themeist.blogspot.com' id='mycredit'>Designed By Themeist</a> <a href="https://syamszone.blogspot.com/">Zone</a>
</div>
</footer>

</body>
</html>

SyamsZone

Floyyd

Floyyd 'Zone' Blogger Template