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 :
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
ON LINE JAVA LIBRARY
GOOGLE PROJECT HOSTING
PRESTASHOP THUMBNAIL WITH HOVER EFF...
GOOGLE CONSOLE
GOOGLE CHROME EXTENSION FILE SAVE O...
Related Post for PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
BODY JS FILE LINK IN MAGENTO
RADIO BUTTON SLIDER TO KEY FRAME SLIDER
BLOG ZOOM EFFECT THUMBNAIL
FLICKITY JS CSS SLIDER
FEATURE POST WIDGET IN BLOG
MAGENTO DWNLOAD
GOOGLE FILTER BUTTON IN IMAGE SEARCH
FLICKITY SLIDER SCROLL WITH RADIO NEXT PREV BUTTON
FIREBUG LITE USE OFFLINE
INTENSO MAGENTO QUICK VIEW BUTTON
WHACK A RAT CSS GAME
MAGENTO CUSTOM BLOCK DEVOLPMENT
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.