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 :
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
ON LINE JAVA LIBRARY
GOOGLE PROJECT HOSTING
PRESTASHOP THUMBNAIL WITH HOVER EFF...
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
INPUT BUTTON VALUE SWAP
CSS SYNTAX HIGHLIGHT CHANGE IN NOT...
Related Post for PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
RELATED POST WIDGET LIST WITHOUT THUMBNAIL
RAINBOW RANDOM POST CODE WITH BLOG URL BUT NO IMAGE
BUTTON CHANGE INTO DROPDOWN MENU
LINK CHANGE INTO BUTTON
FLASH 8 DOWNLOAD
FLASH PLAYER SWF FILE DOWNLOAD ARCHIVES
NOTE PAD ++ SYNTAX HIGHLIGHTER FOR BLOGGER POST
SCREEN TO GIF
BLOCK JAVA SCRIPT BY GOOGLE CHROME
NOTEPAD++ REMOVE UNWANTED LINES
IMAGE UPLOAD WITH JAVA WITH PHP CODE
MULTI COLOR
HTML CSS GREEN COMMENTS NOTEPAD++
TEXT COMPARE OR DUPLI TEXT FINDER
ARROW BUTTON
BOOTSNIPP LOGIN SIGNUP FORM
DRAG AND DROP WITH IMAGE
MULTI COLOR LABEL CLOUD WIDGET
IMAGE UPLOAD WITH JAVA WITHOUT PHP CODE
CSS SYNTAX HIGHLIGHT CHANGE IN NOTEPAD++ SYNTAX HIGHLIGHTER
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.