Tuesday, 17 June 2014
PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG


------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
RED JAVA CODE AND JAVA FILE LINK PAGE NAVIGATION CODE
------------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="UTF-8" ?>
<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/
----------------------------------------------- */
]]></b:skin>
<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>
<!-- = / conditional statement / = -->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
.post {
float:left;
max-width: 100%;
width:280px;
height: auto;
float:left;
margin:10px 15px 0 5px;
overflow:hidden;
position:relative;
border: 1px solid #9B1212;
}
.post h1,.post h2 {
background-color:Black;
font-family: '
Oswald',sans-serif,Segoe UI,Arial,Tahoma;font-size: 150%;
line-height: 1.2em;
color: #333;
margin: .0em 0 0;
padding: 4px 0;
font-weight: normal;
text-transform: uppercase;
}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong {
display: block;
text-decoration: none;
color: RED
}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover {
color: GREEN
}
.post img {
background-repeat:no-repeat;
background-position: bottom center;
height:180px;
margin-bottom:8000px;
margin-left:15px;
margin-top:0;
border: none;
padding-bottom:3px;
width:250px;
}
.post-body {
font-size: 0px;
overflow:hidden;
height:180px;
}
.post-footer {
line-height: 1.4em;
font-size: 0.9em;
margin:12px;
border-top:1px solid #bbb;
}
</style>
</b:if>
</b:if>
</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'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='"Read more to " + data:post.title' rel='bookmark' target='_blank'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='"Read more to " + data:post.title' rel='bookmark' target='_blank'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<BR/>
<div class='post-body'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.firstImageUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCuR6q9-11iuF0bnE-bfiy-V3V0FpS6Z2wMf4Z8p_Hmv1AT83TJz8YY-TcFpyi2camx3QHoMa5-bzIF6Og_WtE6o_F8_gj6Dq90H9LSQYRk0dn3KJ4iWtG5UPJhn8mCJDwB_NaPeCgpll/s1600/FBGadgets.jpg'/></a>
</b:if>
</b:if>
</b:if>
<data:post.body/>
</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>
<div class='clear'> </div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div>
</body>
</html>
------------------------------------------------------------------------------------------------------------
OR USE THIS CODE RED CODE IMPORTANT
IN THIS CODE U NEED SAME POST HTML CODE,PAGER OLD NEW HTML CODE
U NEED JAVA CODE BEFORE HEAD TAG
------------------------------------------------------------------------------------------------------------
<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 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>
<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[
$(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>
</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 CODE
----------------------------------------------------------------------------------------------------------------
<?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: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[
$(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>
<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>
</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'>
<div class='post'>
<div class='post-body'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
</h3>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='post-thumbail'>
<div class='linkhover'><a expr:href='data:post.url'><data:post.title/></a></div>
<data:post.body/>
</div>
<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>
<data:post.body/>
</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>
</div>
<div class='clear'> </div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>
---------------------------------------------------------------------------------------------------------
READ MORE:
http://fbgadgets.blogspot.co.uk/2014/07/page-navigation-with-title-and.html
---------------------------------------------------------------------------------------------------------
Related movie you might like to see :

MOUSE COORDINATES IN JAVA SCRIPT

RELATED POST WIDGET LIST WITHOUT TH...

DYNAMIC VIEWS BLOGGER TEMPLATE

FLASH PLAYER SWF FILE DOWNLOAD ARCH...

WHACK A RAT CSS GAME

GOOGLE FILTER BUTTON IN IMAGE SEARC...

POST DATE THUMBNAIL IN BLOG

POST DATE HEADER IN BLOG

HTML SYNTAX HIGHLIGHTER

HTML CSS GREEN COMMENTS NOTEPAD++

EDIT IMAGE IN NOTEPAD++

NOTEPAD++ REMOVE UNWANTED LINES

BODY JS FILE LINK IN MAGENTO

INTENSO MAGENTO QUICK VIEW BUTTON

Magento Hello World Module (Extensi...

FEATURE POST WIDGET IN BLOG

IMPORT SQL CSV FILE ON PHPMYADMIN

Direct Link Generator CODE

Direct Links to your Files on Googl...

PHP CONTACT FORM WITH CAPTCHA
?
+
X
Recommended for you
Loading..
Related Post for PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
Direct Link Generator CODE ----------------------------------------------------------------------------------------------------- CODE: -------------------------------------------------------------------…
BLOG FILE HOSTING GOOGLE PROJECT WITH TORTOISE SVN SOFTWARE EDIT HTML PAGE IN GOOGLE - YouTube ▶ 4:19 https://www.youtube.com/watch?v=Q4yfMqPFSYE 16 mins ago - Uploaded by SAVE MONEY http://fbgadgets.blogspot.co.uk/2016/09/…
Facebook App With or Without SSL Certificate How to Make Your Facebook App SSL Secure Facebook recently determined that they wanted to go all “SSL-Only.†This shouldn't be new news to anyone but has…
RENAME ADAPTER FOLDER IN PRESTASHOP ----------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME adapter To APPLE…
RENAME CSS FOLDER IN PRESTASHOP ----------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME css To CAT 1) BEFO…
POST LOADER TEMPLATE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE --------------------------------------------…
PRESTA CSS JS FILE LINKS REMOVE BY DELETE FILES ------------------------------------------------------------------------------------------------------------------ YOU TUBE LINK https://youtu.be/UbE4O--D9i4?list=PL4AC2C4F0F53…
AMAZON CLOUD DRIVE 4. Upload or Create a Book Cover https://kdp.amazon.com/title-setup/AE765ZNTFBBPJ https://kdp.amazon.com/help?topicId=A3CDGNR40RY9I9&ref_=k…
SHOPPING CART IN SIDEBAR TEMPLATE METHOD HOW TO ADD POST IN THIS TEMPLATE SHOPPING CART IN SIDEBAR TEMPLATE http://fbgadgets.blogspot.co.uk/2014/08/shopping-cart-template-with-view-cart.html http://fbgadge…
AFTER INSTALL PRESTASHOP MAKE NEW FOLDERS ----------------------------------------------------------------------------------------------------------------- BEFORE INSTALL PRESTASHOP TWO BLANK FOLDERS CACHE SMARTY…
DEFAULT BOOT STRAP WORD IN 13 FILES PRESTASHOP ------------------------------------------------------------------------------------------------------------------ 1.C:\wamp\www\PrestaShop\README.md 2.&nbs…
RECAPTCHA REGISTER FORM READ MORE: http://patrickdesjardins.com/blog/how-to-add-recaptcha-to-your-asp-net-mvc4-register-form http://www.wpfreeware.com/tutorial/15-free-wordpress-rating-plugins/ …
PAGINATION IN BLOG ---------------------------------------------------------------------------------------------------------- 1- FIND BODY CLOSE TAG AND REPLACE WITH BELOW CODE READ MORE: http:/…
ABSOLUTE POPUP BOX WITH PRINT ----------------------------------------------------------------------------------------------------------------- POP BOX WITHOUT JAVA CODE 1: COPY AND PASTE BELOW CODE IN POS…
PRESTASHOP THUMBNAIL WITH HOVER EFFECT ----------------------------------------------------------------------------------------------------------- PRESTASHOP THUMBNAIL WITH HOVER EFFECT STEP1: GO INSIDE IN BELOW LIN…
SHOPPING CART IN SIDEBAR TEMPLATE ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE: REMAINING PART http://fbgadgets.blogspo…
RENAME DOWNLOAD FOLDER IN PRESTASHOP ----------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME download To DOG 1…
POST LOADER TEMPLATE ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE ---------------------------------------…
FONT LINE FIND IN PRESTA SHOP FILE SEEK SOFTWARE -------------------------------------------------------------------------------------------------------------------------- USEFULL LINKS http://alternativeto.net/software/filese…
CHANGE MENU CSS COLOR IN PRESTASHOP ---------------------------------------------------------------------------------------------------------------------- OR USE THIS CODE INSIDE FILE C:\wamp\www\PrestaShop\them…
HOME FEATURE TAB CHANGE IN PRESTASHOP ------------------------------------------------------------------------------------------------------------------ AFTER PRESTA SHOP INSTALLATION FIND REQUIRE FILE ONE…
RENAME DOCS FOLDER IN PRESTASHOP ----------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME docs To …
NEWS TICKER BLOGGER TEMPLATES ---------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODEIN BLOGGER TEMPLATE -----------------…
MAKE WODPRESS THEME ------------------------------------------------------------------------------------------------------------------------ MAKE AND SAVE ALL FILE ONE BY ONE IN SAME FOLDER -…
25 JS FILES DELETE IN PRESTASHOP ------------------------------------------------------------------------------------------------------------------ NO:1 JS FILE DELETE jquery-1.11.0.min.js FILE IN …
GENERIC BLOGGER TEMPLATE WITH CSS HEADER IMAGE AND PAGINATION ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE READ MORE BUTTON WITHOUT VARIABLE COD…
Platinum Arts Sandbox Free 3D Game Maker ----------------------------------------------------------------------------------------------------- READ MORE: ------------------------------------------------------…
RENAME CONTROLLERS FOLDER IN PRESTASHOP ------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME contr…
PAGE NAVIGATION WITH TITLE AND THUMBNAIL BY HTML/JAVA WIDGET ------------------------------------------------------------------------------------------------------- ADD HTML/JAVA WIDGET IN BLOG COPY AND PASTE BELOW CODE ---------------…
FREE SLL CERFICATE BY AZURE MICROSOFT FOR FACEBOOK READ MORE: http://azure.microsoft.com/en-us/documentation/articles/cloud-services-configure-ssl-certificate/#step1 http://azure.microsoft.com/en-us/pricing/free-trial/ …
PRESTASHOP HOME PAGE TAB BREAD CRUMBS STYLE ----------------------------------------------------------------------------------------------------------------- YOUTUBE LINK: https://www.youtube.com/watch?v=96BeqS8bueU 0) …
PHP CONTACT FORM WITH CAPTCHA ------------------------------------------------------------------------------------------------------------------ BEFORE SEND MESSAGE 1) FIRST SOVLE SMTP PROBLEM …
RENAME CACHE FOLDER IN PRESTASHOP ----------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME cache To CASH 1) G…
GOOGLE PROJECT HOSTING ------------------------------------------------------------------------------------------------------------- STEP:1 LOGIN YOUR GOOGLE ACCOUNT STEP:2 GO TO SITE https://code.…
RENAME PDF FOLDER IN PRESTASHOP ----------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME pdf To PAK 1) …
SSL WEBSITE CHECKER FOR FACEBOOK -------------------------------------------------------------------------------------------------------- READ MORE: I F YOUR WEBSITE SSL CERTIFICATE CHECK TWO THINGS &n…
SELL YOUR APPS READ MORE: http://www.chupamobile.com/app-source-code …
POPULAR POST WIDGET ADOSOSIVE STYLE -------------------------------------------------------------------------------------------------------- 1- USE THIS OR OTHER TEMPLATE Read More For Multi Colors:http://fbgadg…
RECENT OR FEATURE POST LIST BADGE WIDGET WITH GOOGLE PROJECT ----------------------------------------------------------------------------------------------------------- ADD HTML JAVA WIDGET AND PASTE BELOW CODE CHANGE BLOG URL FIND THI…
POPULAR POST SCROLL IN SIDEBAR TEMPLATE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE --------------------------------------------…
BLOGGER GRID LIST SHOPPING CART TEMPLATE ---------------------------------------------------------------------------------------------------------- READ MORE: http://fbgadgets.blogspot.co.uk/2014/08/blogger-grid-list…
PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE RED JAVA CODE AND JAVA FILE LINK PAG…
POPULAR POST WIDGET DIFFERENT STYLES ------------------------------------------------------------------------------------------------------ STYLE 1: ---------------------------------------------------------------…
RECENT/FEATURED POST THUMBNAIL IMAGE IN SIDEBAR ---------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE -----------------------------------------------------…
DRAG AND DROP MULTIPLE UPLOAD ------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE IN NOTE PAD AND SAVE IN HTML FILE -----------…
Recommended Post Slide out for Blogger ---------------------------------------------------------------------------------------------------- RECOMMENDED POST SLIDE OUT FOR BLOG - YouTube ▶ 2:50 https:/…
Popular Posts Widget for Blogger Tweak ---------------------------------------------------------------------------------------------------------- 1- ADD POPULAR POST WIDGET IN BLOG 2- ADD HTML/JAVA WIDGET IN BLOG A…
UNITY 3D DECOMPILER OBFUSCATOR Unity3d decompiler - unpack data from the compiled .unity3d project to the specified directory. This item is available for .unity3d projects (Web Player, Web Player Streamed…
BASIC TEXT OR SCROLL BOX OR IMAGE SRC HTML CODES ------------------------------------------------------------------------------------------------------ CODE 1 ------------------------------------------------------------------…
RENAME CORE FOLDER IN PRESTASHOP ----------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME Core To COAT 1) GO…
ADD POP UP REMOVER STEP 2: Remove FocusBase pop-up ads from Internet Explorer, Firefox and Google Chrome with AdwCleaner The AdwCleaner utility will scan your computer and web browser for …
BLOGGER GRID LIST SHOPPING CART TEMPLATE ---------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE READ MORE: http://fbgadgets.blogspot.co.u…
CANVAS GAMES TUTORIAL ON FACE BOOK Facebook enables game developers to add social features into their games, providing rich social interactions between players while improving virality and enabling organic growt…
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.