Wednesday, 16 July 2014
PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
IN THIS CODE U NEED SAME POST HTML CODE,PAGER OLD NEW HTML CODE
U NEED JAVA CODE BEFORE HEAD TAG
READ MORE:
BLOG PAGER - YouTube
https://www.youtube.com/watch?v=u54p0R8tS30
4 mins ago - Uploaded by SAVE MONEY
BLOG PAGER ... how to create paging,pagination in php and display 10 records per ------------------------------------------------------------------------------------------------------------
<html>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
.home-link { display:none;}
#blog-pager-newer-link {display: block; float: none; padding: 5px 5px 5px 50px; text-align: left;}
#blog-pager-older-link {display: block; float: none; padding: 5px 5px 5px 50px; text-align: left;}
#blog-pager {
padding: 15px 0;
margin: 0;
width: 100%;
text-align: center;
font-size: 20px;
line-height: normal;
clear: both;
}
.page-nav {
float: left;
width: 50%;
background-color: #f9f9f9;
height: 120px;
}
.page-nav.left {
border-right: 1px solid #252525;
width: 49.8%;
}
.page-nav.right .thumb {
float: right;
}
.page-nav .thumb {
float: left;
width: 120px;
overflow: hidden;
}
.thumb img {
max-width: 100%;
width: 100%;
height: auto;
}
.page-nav.left .entry-content {
float: right;
}
.page-nav.right .entry-content {
text-align: right;
}
.page-nav .entry-content {
float: left;
position: relative;
background-color: #f9f9f9;
text-align: left;
}
.page-nav .cont{
display: table-cell;
width: 290px;
height: 100px;
padding: 10px 15px;
line-height: 110%;
vertical-align: middle;
}
.page-nav.left .cont {
width: 288px;
}
.page-nav.right .entry-content:after {
left: 100%;
right: auto;
border-left-color: #f9f9f9;
border-right-color: transparent;
}
.page-nav .entry-content:after {
right:100%;
top: 50%;
border: solid transparent;
content: '' ;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(238, 238, 238, 0);
border-right-color: #f9f9f9;
border-width: 11px;
margin-top: -11px;
}
.page-nav p {
margin: 0 0 30px 0;
}
.page-nav h3 {
font-size: 1.1em;
line-height:1.3;
font-weight: 500;
color: #252525;
}
*/]]></b:skin>
<style type='text/css'>
</style>
<b:if cond='data:blog.pageType == "item"'>
<style>
.post-outer{width:auto}
</style>
</b:if>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var _0xaaf6=["\x24\x28\x47\x29\x2E\x46\x28\x39\x28\x29\x7B\x28\x39\x28\x24\x29\x7B\x78\x20\x69\x3D\x24\x28\x27\x61\x2E\x45\x2D\x79\x27\x29\x3B\x78\x20\x66\x3D\x24\x28\x27\x61\x2E\x7A\x2D\x79\x27\x29\x3B\x24\x2E\x6A\x28\x69\x2E\x37\x28\x27\x6E\x27\x29\x2C\x39\x28\x68\x29\x7B\x69\x2E\x38\x28\x27\x3C\x30\x20\x31\x3D\x22\x6D\x22\x3E\x3C\x33\x20\x65\x3D\x27\x2B\x24\x28\x68\x29\x2E\x36\x28\x27\x2E\x35\x2D\x6B\x20\x33\x27\x29\x2E\x37\x28\x22\x65\x22\x29\x2E\x6C\x28\x2F\x73\x5C\x42\x5C\x64\x7B\x32\x2C\x34\x7D\x2F\x2C\x27\x73\x27\x2B\x27\x6F\x27\x2B\x27\x2D\x63\x27\x29\x2B\x27\x20\x22\x2F\x3E\x3C\x2F\x30\x3E\x3C\x30\x20\x31\x3D\x22\x77\x2D\x76\x22\x3E\x3C\x30\x20\x31\x3D\x22\x71\x22\x3E\x3C\x70\x3E\x41\x3C\x2F\x70\x3E\x3C\x62\x3E\x27\x2B\x24\x28\x68\x29\x2E\x36\x28\x27\x72\x2E\x35\x2D\x74\x27\x29\x2E\x75\x28\x29\x2B\x27\x3C\x2F\x62\x3E\x3C\x2F\x30\x3E\x3C\x2F\x30\x3E\x27\x29\x7D\x2C\x22\x38\x22\x29\x3B\x24\x2E\x6A\x28\x66\x2E\x37\x28\x27\x6E\x27\x29\x2C\x39\x28\x67\x29\x7B\x66\x2E\x38\x28\x27\x3C\x30\x20\x31\x3D\x22\x6D\x22\x3E\x3C\x33\x20\x65\x3D\x27\x2B\x24\x28\x67\x29\x2E\x36\x28\x27\x2E\x35\x2D\x6B\x20\x33\x27\x29\x2E\x37\x28\x22\x65\x22\x29\x2E\x6C\x28\x2F\x73\x5C\x42\x5C\x64\x7B\x32\x2C\x34\x7D\x2F\x2C\x27\x73\x27\x2B\x27\x6F\x27\x2B\x27\x2D\x63\x27\x29\x2B\x27\x20\x22\x2F\x3E\x3C\x2F\x30\x3E\x3C\x30\x20\x31\x3D\x22\x77\x2D\x76\x22\x3E\x3C\x30\x20\x31\x3D\x22\x71\x22\x3E\x3C\x70\x3E\x44\x3C\x2F\x70\x3E\x3C\x62\x3E\x27\x2B\x24\x28\x67\x29\x2E\x36\x28\x27\x72\x2E\x35\x2D\x74\x27\x29\x2E\x75\x28\x29\x2B\x27\x3C\x2F\x62\x3E\x3C\x2F\x30\x3E\x3C\x2F\x30\x3E\x27\x29\x7D\x2C\x22\x38\x22\x29\x7D\x29\x28\x43\x29\x7D\x29\x3B","\x7C","\x73\x70\x6C\x69\x74","\x64\x69\x76\x7C\x63\x6C\x61\x73\x73\x7C\x7C\x69\x6D\x67\x7C\x7C\x70\x6F\x73\x74\x7C\x66\x69\x6E\x64\x7C\x61\x74\x74\x72\x7C\x68\x74\x6D\x6C\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x7C\x68\x33\x7C\x7C\x7C\x73\x72\x63\x7C\x6F\x6C\x64\x65\x72\x4C\x69\x6E\x6B\x7C\x64\x61\x74\x61\x32\x7C\x64\x61\x74\x61\x7C\x6E\x65\x77\x65\x72\x4C\x69\x6E\x6B\x7C\x67\x65\x74\x7C\x62\x6F\x64\x79\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x74\x68\x75\x6D\x62\x7C\x68\x72\x65\x66\x7C\x31\x33\x30\x7C\x7C\x63\x6F\x6E\x74\x7C\x68\x31\x7C\x7C\x74\x69\x74\x6C\x65\x7C\x74\x65\x78\x74\x7C\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x65\x6E\x74\x72\x79\x7C\x76\x61\x72\x7C\x6C\x69\x6E\x6B\x7C\x6F\x6C\x64\x65\x72\x7C\x4E\x65\x78\x74\x7C\x7C\x6A\x51\x75\x65\x72\x79\x7C\x50\x72\x65\x76\x69\x6F\x75\x73\x7C\x6E\x65\x77\x65\x72\x7C\x72\x65\x61\x64\x79\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x7307x1,_0x7307x2,_0x7307x3,_0x7307x4,_0x7307x5,_0x7307x6){_0x7307x5=function (_0x7307x3){return (_0x7307x3<_0x7307x2?_0xaaf6[4]:_0x7307x5(parseInt(_0x7307x3/_0x7307x2)))+((_0x7307x3=_0x7307x3%_0x7307x2)>35?String[_0xaaf6[5]](_0x7307x3+29):_0x7307x3.toString(36));} ;if(!_0xaaf6[4][_0xaaf6[6]](/^/,String)){while(_0x7307x3--){_0x7307x6[_0x7307x5(_0x7307x3)]=_0x7307x4[_0x7307x3]||_0x7307x5(_0x7307x3);} ;_0x7307x4=[function (_0x7307x5){return _0x7307x6[_0x7307x5];} ];_0x7307x5=function (){return _0xaaf6[7];} ;_0x7307x3=1;} ;while(_0x7307x3--){if(_0x7307x4[_0x7307x3]){_0x7307x1=_0x7307x1[_0xaaf6[6]]( new RegExp(_0xaaf6[8]+_0x7307x5(_0x7307x3)+_0xaaf6[8],_0xaaf6[9]),_0x7307x4[_0x7307x3]);} ;} ;return _0x7307x1;} (_0xaaf6[0],43,43,_0xaaf6[3][_0xaaf6[2]](_0xaaf6[1]),0,{}));
//]]></script>
</head>
<body>
<div id='outer-wrapper'>
<div class='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
<b:include name='nextprev'/>
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:newerPageUrl'>
<a class='page-nav newer-link left' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a class='page-nav older-link right' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</b:if>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</b:if>
</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'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h1>
</b:if>
</b:if>
<div class='post hentry'>
<b:if cond='data:blog.pageType == "item"'>
<div class='the-brief'><data:post.timestamp/> by <a expr:href='data:blog.homepageUrl' rel='author' title='Posts by BadWeather'>Author</a></div>
<!-- social share buttons -->
<div class='post-social'>
<!-- share facebook -->
<div class='par'>
<a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'>
<i class='fa fa-facebook'/> Facebook</a>
</div>
<!-- share twitter -->
<div class='par'>
<a class='twitter' expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'>
<i class='fa fa-twitter'/> Twitter</a>
</div>
<!-- share google + -->
<div class='par'>
<a class='google' expr:href='"https://plus.google.com/u/0/share?url=" + data:post.url' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'>
<i class='fa fa-google-plus'/> Google</a>
</div>
</div>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div class='entry-conatiner'>
<a class='image' expr:href='data:post.url' expr:title='data:post.title'>
<script type='text/javascript'>
document.write(image_plugin("<data:post.thumbnailUrl/>","<data:post.title/>"));</script>
</a>
</div>
<div class='box'>
<div class='box-left'>
<div class='bw-date'>
<script type='text/javascript'>
var timestamp = "<data:post.timestamp/>";
if (timestamp != "") {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<strong class='post-day'><script type='text/javascript'>document.write(date_dd);</script></strong>
<span class='post-month'><script type='text/javascript'>document.write(date_mmm);</script></span>
</div>
<i class='bwd fa fa-file-text-o'/>
</div>
<div class='box-right'>
<h3><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></h3>
<!-- labels -->
<b:if cond='data:post.labels'>
<em><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:loop>
</em>
</b:if>
<p><data:post.snippet/></p>
</div>
</div>
</b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == "item"'>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == "item"'>
</b:if>
</div>
<div class='post-footer-line post-footer-line-2'>
</div>
<div class='post-footer-line post-footer-line-3'>
</div>
</div>
</b:if>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>
</div>
<div class='clear'> </div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>
-----------------------------------------------------------------------------------------------------------
OR USE THIS BRIEF POST CODE
----------------------------------------------------------------------------------------------------------
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h1>
</b:if>
</b:if>
<div class='post hentry'>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div class='box'>
<div class='box-right'>
<h3><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></h3>
<p><data:post.snippet/></p>
</div>
</div>
</b:if>
</b:if>
<div style='clear:both'/>
</div>
</div>
</b:includable>
---------------------------------------------------------------------------------------------------------
OR USE THIS CODE
--------------------------------------------------------------------------------------------------------
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h1>
</b:if>
</b:if>
<h3><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></h3>
<div class='post'>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>
</b:if>
</div>
</div>
</b:includable>
----------------------------------------------------------------------------------------------------------
OR USE THIS CODE
---------------------------------------------------------------------------------------------------------
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h1>
</b:if>
</b:if>
<div class='post hentry'>
<b:if cond='data:blog.pageType == "item"'>
<div class='the-brief'><data:post.timestamp/> by <a expr:href='data:blog.homepageUrl' rel='author' title='Posts by BadWeather'>Author</a></div>
<!-- social share buttons -->
<div class='post-social'>
<!-- share facebook -->
<div class='par'>
<a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'>
<i class='fa fa-facebook'/> Facebook</a>
</div>
<!-- share twitter -->
<div class='par'>
<a class='twitter' expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'>
<i class='fa fa-twitter'/> Twitter</a>
</div>
<!-- share google + -->
<div class='par'>
<a class='google' expr:href='"https://plus.google.com/u/0/share?url=" + data:post.url' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'>
<i class='fa fa-google-plus'/> Google</a>
</div>
</div>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div class='entry-conatiner'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUXkJZM9srOl1bE07HoNGpONGGjUrG9aDQJjZIJB9TatneHsJ9ZK5HXASZYZys8Os2x0hlAgL7-JC_9nde0MkJE9e0CGGmAWifhZqvLQ8eEARh8ug-y1QqJeS0ETtMaD0QoEv4JcxP3sam/s1600/FBGadgets.png'/></a>
</b:if></b:if></b:if>
</div>
<div class='box'>
<div class='box-left'>
<div class='bw-date'>
<script type='text/javascript'>
var timestamp = "<data:post.timestamp/>";
if (timestamp != "") {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<strong class='post-day'><script type='text/javascript'>document.write(date_dd);</script></strong>
<span class='post-month'><script type='text/javascript'>document.write(date_mmm);</script></span>
</div>
<i class='bwd fa fa-file-text-o'/>
</div>
<div class='box-right'>
<h3><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></h3>
<!-- labels -->
<b:if cond='data:post.labels'>
<em><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:loop>
</em>
</b:if>
<p><data:post.snippet/></p>
</div>
</div>
</b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == "item"'>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == "item"'>
</b:if>
</div>
<div class='post-footer-line post-footer-line-2'>
</div>
<div class='post-footer-line post-footer-line-3'>
</div>
</div>
</b:if>
</div>
</b:includable>
------------------------------------------------------------------------------------------------------------
OR USE THIS CODE WITH PAGINATION THUMBNAIL VIDEO WITH IMAGE
------------------------------------------------------------------------------------------------------------
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h1>
</b:if>
</b:if>
<div class='post'>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUXkJZM9srOl1bE07HoNGpONGGjUrG9aDQJjZIJB9TatneHsJ9ZK5HXASZYZys8Os2x0hlAgL7-JC_9nde0MkJE9e0CGGmAWifhZqvLQ8eEARh8ug-y1QqJeS0ETtMaD0QoEv4JcxP3sam/s1600/FBGadgets.png'/></a>
<b:else/>
</b:if>
</div>
</div>
</b:includable>
------------------------------------------------------------------------------------------------------------
CHANGE POST HTML CODE
-----------------------------------------------------------------------------------------------------------
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h1>
</b:if>
</b:if>
<div class='post hentry'>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div class='box'>
<div class='box-right'>
<h3><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></h3>
<p><data:post.snippet/></p>
</div>
</div>
</b:if>
</b:if>
</div>
</div>
</b:includable>
---------------------------------------------------------------------------------------------------------
OR USE THIS CODE
--------------------------------------------------------------------------------------------------------
<b:includable id='post' var='post'>
<h1 class='post-title entry-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h1>
<h3><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></h3>
<div class='post'>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
</div>
</div>
</b:includable>
---------------------------------------------------------------------------------------------------------------------
OR USE THIS CODE
----------------------------------------------------------------------------------------------------------------------
<html>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
.home-link {
display:none;}
#blog-pager-newer-link
{display: block; float: none; padding: 5px 5px 5px 50px; text-align: left;}
#blog-pager-older-link
{display: block; float: none; padding: 5px 5px 5px 50px; text-align: left;}
#blog-pager
{
padding:
15px 0;
margin: 0;
width: 100%;
text-align:
center;
font-size:
20px;
line-height:
normal;
clear: both;
}
.page-nav {
float: left;
width: 50%;
background-color:
#f9f9f9;
height:
120px;
}
.page-nav.left
{
border-right:
1px solid #252525;
width:
49.8%;
}
.page-nav.right
.thumb {
float:
right;
}
.page-nav
.thumb {
float: left;
width:
120px;
overflow:
hidden;
}
.thumb img {
max-width:
100%;
width: 100%;
height:
auto;
}
.page-nav.left
.entry-content {
float:
right;
}
.page-nav.right
.entry-content {
text-align:
right;
}
.page-nav
.entry-content {
float: left;
position:
relative;
background-color:
#f9f9f9;
text-align:
left;
}
.page-nav
.cont{
display:
table-cell;
width:
290px;
height:
100px;
padding:
10px 15px;
line-height:
110%;
vertical-align:
middle;
}
.page-nav.left
.cont {
width:
288px;
}
.page-nav.right
.entry-content:after {
left: 100%;
right: auto;
border-left-color:
#f9f9f9;
border-right-color:
transparent;
}
.page-nav
.entry-content:after {
right:100%;
top: 50%;
border:
solid transparent;
content: ''
;
height: 0;
width: 0;
position:
absolute;
pointer-events:
none;
border-color:
rgba(238, 238, 238, 0);
border-right-color:
#f9f9f9;
border-width:
11px;
margin-top:
-11px;
}
.page-nav p
{
margin: 0 0
30px 0;
}
.page-nav h3
{
font-size:
1.1em;
line-height:1.3;
font-weight:
500;
color:
#252525;
}
]]></b:skin>
<!-- PAGER WIDGET JS CODE START -->
<b:if cond='data:blog.pageType == "item"'>
<style>
.post-outer{width:auto}
</style>
</b:if>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function()
{
(function($)
{
var newerLink=$('a.newer-link');
var olderLink=$('a.older-link');
$.get(newerLink.attr('href'),function(data)
{
newerLink.html('<div
class="thumb"><img src='+$(data).find('.post-body img').attr("src").replace(/s\B\d
{ 2,4 } /,'s'+'130'+'-c')+' "/></div><div
class="entry-content"><div
class="cont"><p>Next</p><h3>'+$(data).find('h1.post-title').text()+'</h3></div></div>')
}
,"html");
$.get(olderLink.attr('href'),function(data2)
{
olderLink.html('<div class="thumb"><img
src='+$(data2).find('.post-body img').attr("src").replace(/s\B\d {
2,4 } /,'s'+'130'+'-c')+' "/></div><div
class="entry-content"><div
class="cont"><p>Previous</p><h3>'+$(data2).find('h1.post-title').text()+'</h3></div></div>')
}
,"html")
}
)(jQuery)
}
);
//]]>
</script>
<!-- PAGER WIDGET JS CODE END -->
<body>
<div id='outer-wrapper'>
<div class='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
<b:include name='nextprev'/>
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<!-- PAGER WIDGET HTML CODE START -->
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:blog.pageType ==
"item"'>
<b:if cond='data:newerPageUrl'>
<a class='page-nav newer-link left' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId +
"_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a class='page-nav older-link right' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId +
"_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</b:if>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId +
"_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId +
"_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</b:if>
</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>
<!-- PAGER WIDGET HTML CODE END -->
<b:includable id='post' var='post'><b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h1>
</b:if>
</b:if>
<div class='post hentry'>
<b:if cond='data:blog.pageType == "item"'>
<div class='the-brief'><data:post.timestamp/> by <a expr:href='data:blog.homepageUrl' rel='author' title='Posts by BadWeather'>Author</a></div>
<!-- social share buttons -->
<div class='post-social'>
<!-- share facebook -->
<div class='par'>
<a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'>
<i class='fa fa-facebook'/> Facebook</a>
</div>
<!-- share twitter -->
<div class='par'>
<a class='twitter' expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'>
<i class='fa fa-twitter'/> Twitter</a>
</div>
<!-- share google + -->
<div class='par'>
<a class='google' expr:href='"https://plus.google.com/u/0/share?url=" + data:post.url' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'>
<i class='fa fa-google-plus'/> Google</a>
</div>
</div>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div class='entry-conatiner'>
<a class='image' expr:href='data:post.url' expr:title='data:post.title'>
<script type='text/javascript'>
document.write(image_plugin("<data:post.thumbnailUrl/>","<data:post.title/>"));</script>
</a>
</div>
<div class='box'>
<div class='box-left'>
<div class='bw-date'>
<script type='text/javascript'>
var timestamp = "<data:post.timestamp/>";
if (timestamp != "") {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<strong class='post-day'><script type='text/javascript'>document.write(date_dd);</script></strong>
<span class='post-month'><script type='text/javascript'>document.write(date_mmm);</script></span>
</div>
<i class='bwd fa fa-file-text-o'/>
</div>
<div class='box-right'>
<h3><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></h3>
<!-- labels -->
<b:if cond='data:post.labels'>
<em><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:loop>
</em>
</b:if>
<p><data:post.snippet/></p>
</div>
</div>
</b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == "item"'>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == "item"'>
</b:if>
</div>
<div class='post-footer-line post-footer-line-2'>
</div>
<div class='post-footer-line post-footer-line-3'>
</div>
</div>
</b:if>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>
</div>
<div class='clear'> </div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>
----------------------------------------------------------------------------------------------------
OR USE THIS CODE WITH RESPONSIVE BLOGGER TEMPLATE
0) SHOW 3 POSTS ON LANDING PAGE
1) SHOW 1 POST ON LANDING PAGE SHOW PAGER ON LANDING PAGE
2) REPLACE THE NEXT PREV INCLUDABLE WIDGET
3) REPLACE THE POST INCLUDABLE WIDGET
4) OR ONLY CHANGE IN POST INCLUDABLE WIDGET H3 TAG TO H1 TAG
----------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="UTF-8" ?>
<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>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: BTheme Blogger Template
Designer: Kumar
URL:
www.bloggertheme.net
Version: 1.0
----------------------------------------------- */
/* Use this with templates/template-twocol.html */
body {
background: White;
color: Black;
font: 12px Verdana;
margin:0;
text-align:center;
}
a:link,a:visited {
color:#1C4991;
text-decoration:none;
}
a:hover {
color:#C00;
text-decoration:underline;
}
/*---------------- Header -------------------*/
#header-wrapper {
border: 2px solid Black;
}
#header-inner {
border: 2px solid Black;
}
#header {
border: 2px solid Black;
}
.title {
border: 2px solid Green;
background-color:Yellow;
color:red;
}
/*---------------- Outer-Wrapper -----------------
*/
#outer-wrapper {
width: 970px;
margin: 0 auto;
text-align:left;
border: 2px solid Black;
}
#main-wrapper{
width: 640px;
float: left;
word-wrap: break-word;
overflow: hidden;
}
/*---------------- Posts ---------------------*/
h2.date-header {
margin:1.5em 0 .5em;
display:none;
}
/*---------------- Sidebar Content
------------------ */
#sidebar-wrapper {
width: 330px;
float: right;
word-wrap: break-word;
overflow: hidden;
}
.sidebar {
color: #000;
line-height: 1.5em;
font-size:12px;
text-transform: uppercase;
}
.sidebar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.sidebar li {
background:transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_LVrjpTo2Z8FjsauoOceipjUIakj0APYVJVPn7GupCZVVBP45KzBxtG89aUrVLtThouB-SzYhLJhwrqnhwEBm86TJQzxOBs8TlGypg5DwBv2kTjVCW29nvBDZk1IKTfroBoCgnz3OAE4m/s1600/bullet_star.png)
no-repeat scroll left center;
line-height:1.5em;
margin:0;
padding:0 0 0.25em 15px;
}
.sidebar ul li a {
color:#1C4991;
text-decoration: none;
}
.sidebar ul li a:hover {
color: #C00;
text-decoration: underline;
}
.sidebar .widget {
border: 1px solid #bbbbbb;
background-color: #ffffff;
margin-bottom: 10px;
-moz-box-shadow: 0px 2px 10px #989898;
-webkit-box-shadow:0px 2px 5px #989898;
}
.sidebar .widget-content {
padding:5px 15px 5px 15px;
}
.sidebar h2 {
background: #ddd;
padding: 11px 10px;
margin:0;
font-size: 12px;
color:#000;
font-weight:bold;
text-transform: uppercase;
}
.main .Blog {
border-bottom-width: 0;
}
/*---------------- Footer---------------- */
#footer{
border: 2px solid Green;
background-color:Yellow;
color:Red;
height:33px;
overflow: hidden;
}
.cookie-choices-inner{display:none;}
]]></b:skin>
</head>
<body>
<div id='outer-wrapper'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='General Magic (Header)' type='Header' version='1' visible='true'>
</b:widget>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
<b:include name='nextprev'/>
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<!-- REPLACE NEXT PREV WIDET CODE -->
<b:includable id='nextprev'>
<style>
.home-link { display:none;}
#blog-pager-newer-link {display: block; float: none; padding: 5px 5px 5px 50px; text-align: left;}
#blog-pager-older-link {display: block; float: none; padding: 5px 5px 5px 50px; text-align: left;}
.page-nav.right .thumb {
float: right;
}
.page-nav .thumb {
float: left;
width: 120px;
overflow: hidden;
}
.thumb img {
max-width: 100%;
width: 100%;
height: 100px;
}
.page-nav.left {
float: left;
border-right:1px solid Black;
width: 50%;
height:114px
}
#blog-pager-newer-link {display: block; float: none; padding: 5px 5px 5px 50px; text-align: left;}
#blog-pager-older-link {display: block; float: none; padding: 5px 5px 5px 50px; text-align: left;}
.page-nav.right .thumb {
float: right;
}
.page-nav .thumb {
float: left;
width: 120px;
overflow: hidden;
}
.thumb img {
max-width: 100%;
width: 100%;
height: 100px;
}
.page-nav.left {
float: left;
border-right:1px solid Black;
width: 50%;
height:114px
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function()
{
(function($)
{
var newerLink=$('a.newer-link');
var olderLink=$('a.older-link');
$.get(newerLink.attr('href'),function(data)
{
newerLink.html('<div
class="thumb"><img src='+$(data).find('.post-body img').attr("src").replace(/s\B\d
{ 2,4 } /,'s'+'130'+'-c')+' "/></div><div
class="entry-content"><div
class="cont"><p>Next</p><h3>'+$(data).find('h1.post-title').text()+'</h3></div></div>')
}
,"html");
$.get(olderLink.attr('href'),function(data2)
{
olderLink.html('<div class="thumb"><img
src='+$(data2).find('.post-body img').attr("src").replace(/s\B\d {
2,4 } /,'s'+'130'+'-c')+' "/></div><div
class="entry-content"><div
class="cont"><p>Previous</p><h3>'+$(data2).find('h1.post-title').text()+'</h3></div></div>')
}
,"html")
}
)(jQuery)
}
);
//]]>
</script>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:newerPageUrl'>
<a class='page-nav newer-link left' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId +
"_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a class='page-nav older-link right' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</b:if>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</b:if>
</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>
<!-- REPLACE POST H3 TAG TO H1 WIDET CODE -->
<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: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'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link or (data:post.url and data:blog.url
!= data:post.url)'>
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" :
"description ") + "articleBody"'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</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>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.url.canonical' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>
<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in
{"item","static_page"} and
data:post.allowComments' data='post' name='comment_count_picker'/>
</span>
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType not in
{"item","static_page"} and
data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</span>
<span class='post-icons'>
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<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-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:top.showPostLabels and data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
</b:loop>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation and data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</span>
</div>
<b:if cond='data:post.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorPhoto.url'>
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
</b:if>
<div>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div> <!-- end main-wrapper -->
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' visible='true'>
</b:widget>
</b:section>
</div>
<div style='clear: both;'/>
<div id='footer'>
<b:section class='footer' id='footer-3' name='Footer' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'>
</b:widget>
</b:section>
</div>
</div> <!-- end outer-wrapper -->
</body>
</html>
READ MORE:
http://fbgadgets.blogspot.co.uk/2014/07/page-navigation-with-title-and_17.html http://fbgadgets.blogspot.co.uk/2014/06/page-navigation-with-title-and_17.html
http://fbgadgets.blogspot.co.uk/2014/04/blog-pager-with-newer-older-home-post.html
---------------------------------------------------------------------------------------------------------
Related movie you might like to see :
IMPORT SQL CSV FILE ON PHPMYADMIN
Direct Link Generator CODE
Direct Links to your Files on Googl...
PHP CONTACT FORM WITH CAPTCHA
ON LINE JAVA LIBRARY
GOOGLE PROJECT HOSTING
PRESTASHOP THUMBNAIL WITH HOVER EFF...
HTML SYNTAX HIGHLIGHTER
HTML CSS GREEN COMMENTS NOTEPAD++
EDIT IMAGE IN NOTEPAD++
NOTEPAD++ REMOVE UNWANTED LINES
NOTE PAD ++ SYNTAX HIGHLIGHTER FOR ...
GOOGLE CONSOLE
GOOGLE CHROME EXTENSION FILE SAVE O...
OPEN DESKTOP TEXT FILE BY COMMAND P...
CSS SLIDER WITHOUT JS
FLICKITY SLIDER SCROLL WITH RADIO N...
FLICKITY JS CSS SLIDER
RADIO BUTTON SLIDER TO KEY FRAME SL...
BUTTON PADDING CHANGE HEIGHT WIDTH
Related Post for PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
RENAME CONTROLLERS FOLDER IN PRESTASHOP
ONLINE CSS UNMINIFIER CODE
SEARCH BOX WITHOUT JAVA CODE
HTML CSS JAVA COMPRESSOR
JavaScript Compressor Packer
RENAME CORE FOLDER IN PRESTASHOP
COMPRESS HTML
CLIP BOARD EXAMPLES CODE
RENAME PDF FOLDER IN PRESTASHOP
TRANSLATE IN JAVA SCRIPT
URL ENCORDER DECODER
CLIP BOARD EXAMPLES CODE
MAKE WODPRESS THEME
ONLINE CSS UNMINIFIER.jpg)
INSTALL WORD PRESS TEMPLATE
CODE OR TEXT WRITING BOX
RENAME DOCS FOLDER IN PRESTASHOP
EDIT IMAGE IN NOTEPAD++
RENAME CACHE FOLDER IN PRESTASHOP
COMMENTS REMOVER CODE
SCRIPT TUTORIALS CSSO CSS COMPOSER 
RENAME DOWNLOAD FOLDER IN PRESTASHOP
RENAME CSS FOLDER IN PRESTASHOP
URL ENCORDER DECODER CODE
WORD PRESS PARTS
CSS AUTHOR COM
RENAME ADAPTER FOLDER IN PRESTASHOP
HTML CSS JAVA COMPRESSOR CODE
SCRIPT TUTORIALS CSSO CSS COMPOSER CODE
CLIP BOARD EXAMPLES CODE
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.