Friday, 13 June 2014
GENERIC BLOGGER TEMPLATE WITH CSS HEADER IMAGE AND PAGINATION
------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
- READ MORE BUTTON
- WITHOUT VARIABLE CODE
- SIDEBAR WITH TRANSPARENT COLOUR
<?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: GENERIC BLOGGER TEMPLATE
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
body {
background-image :
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq0giH4BZ4B35rwWpOCY9yAq4CKycowD1yRikXjAvcAiM9U81PWqH2bRmnBCGQvO3NwzuypxqfjxLo-owYGdj-vf4qiNWZkB9jHtYtnPmTHbxkvQLO79tOwKwy8PRVCsV2iAMhaI6Dr5a4/s1600/1600X1040.jpg);
background-position : Center Center;
background-attachment : fixed ;
background-repeat : repeat ;
}
/*****************************************
Global Links CSS CHANGE LINK INTO BUTTON
******************************************/
a{ color:Red; outline:none; text-decoration: none; }
a:hover { color:Green; text-decoration:none; }
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
border: 2px solid Black;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuyvDlHLCcTtMAYrmcGwuRx24CJ80LNpMOa81Vw3pvMWtFRjLoDvI8-NLD8NKivUayJg51-7zGyRfaKqs7-OTHtN5MHOipEsO5j9NRDt7rDCmATXBTWcEx6jpDfp2oRtK4w_KGhbf_9BhB/s1600/960X400.jpg) no-repeat;
height: 350px;
width:960px;
margin:0 auto 10px;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
text-align: center;
color:Gold;
background-color:Transparent;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOKoN4UljmVsRXtPCVrGLIy8qkm1esBGqEblw18eerzMOqiZ57Lyx9Q9IxZ0V2VQ8tBBHuWFbJT261cvexzXvDlXrSwDpZQzdRMnJeuoPMIWiPvZMjwWYF4D3hCCCFYAenIeNB8RwRJTwh/s1600/50X50.png);
}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font:bold
}
#header a {
color:Gold
text-decoration:none;
}
#header a:hover {
color:Red
}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: Bold
color: $textcolor;
}
#header img {
margin-left: auto;
margin-right: auto;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
border: 2px solid Black;
width: 960px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 650px;
float: left;
padding: 5px;
border: 2px solid Black;
background-color:Transparent;
background-image:url(http://ct3.pimp-my-profile.com/tp/ffc0cb-50-tp.png);
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 260px;
float: right;
padding: 5px;
border: 2px solid Black;
background-color:#transparent;
background-image:url(http://ct3.pimp-my-profile.com/tp/ffc0cb-50-tp.png);
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$pagetitlecolor;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
background-color:Transparent;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$pagetitlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}
.post-header{
font-size:12px;
line-height:20px;
}
.post-timestamp{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjamDZNTcnvvcT2-OPz0otH-0QaXuMB3gzExEWU5t-qpYqN5Q9wc5RkUPOfCsiaJXUMFa8Eho8V6G2oFFGNnodUAxCgpY9BFVEimHTM07bNUAw0xmNIqtJEKBfUA1m5_wDIzkAZIuS2DXo/h80/clock.png) no-repeat 0 2px;
margin:0px !important;
padding:2px 0 2px 20px;
}
.post-author{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBUjoWpOvNnh-hTDz0Yf_C-s2OvXiUshvxXTMiB6jKjAFw5pQKvwwDLp0vGshly_jiID76Qe_GlL4Z-1jmmk9klP6kx2dPEXnpOiUX7gOR_Yc-rfpRrQdvQVAq7EjXksr-h-HTnmXobLw/h80/author.png) no-repeat 0 0px;
margin:0 0 0 10px !important;
padding:2px 0 2px 20px;
}
.date-header{
display:none
}
.post-footer {
border:3px solid Gold;
background-color:GreenYellow;
font-size:11px;
padding:5px 10px;
position:relative;
}
.comment-link {
margin-left:.6em;
}
.post-body img {
width:600px; height:auto;
background-color:Red;
border:3px solid Blue;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:BlueViolet;
padding: 5px;
border:2px solid Gold;
background-color:Transparent;
background-image:url(http://ct3.pimp-my-profile.com/tp/ffc0cb-50-tp.png);
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
.jump-link a{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ-PYGIUKHr2yGZRy5aXviZtLRwSplB6OqooV7osNrvOGHgT2lZClpSAO7J4ObBmJTMFgMeSYQ_v1lREQAOXaT_FjqLv2D4H07JGp5WzWfCRn54pD5DDU6OwaVttiDW-LqVGN5guLySio/s1600/pblockheader.png) repeat left;
padding:8px 12px;
font-weight:bold;
font-size:12px;
border:3px solid Gold;
border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px;
color:#fff
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color:Black;
line-height: 1.5em;
}
.sidebar h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizmkSKfzfQpptjIW6iyp8d7ALdbafWDoZtEuBy5j0ROzrhCeJdR3i9BUxTJGEyqb5UEbr1F1itMfcXVFGcAVDay3Z_QTGJx2Pzq7aPx7K4XjuFeK_-FgO4eIBL9BImV2xoBTxN2JwzuDU7/s1600/Sidebar+H2.png) 0px 0 repeat no-repeat scroll transparent;
/*SIDEBAR TITLE COLOR*/
color:GOLD;
font-family:verdana, arial;
font-size:12px;
font-weight:bold;
height:33px;
margin:0;
padding:3px 0 3px 7px;
text-transform:uppercase;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
background:Transparent;
width:250px;
padding:2px;
border:2px solid Green;
margin-top: 20px;
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 2px;
box-shadow:0 0 12px Gold;
-moz-box-shadow:0 0 12px Gold;
-webkit-box-shadow:0 0 12px Gold;
}
.sidebar .widget, .main .widget {
border-bottom:1px dotted ;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid Red;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font:Bold;
color:Red;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font:12px;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
width:960px;
height:70px;
clear:both;
margin:0 auto;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
border: 2px solid Black;
background-color:Transparent;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu-GA4PodUgVFpdJ37K_Qn8kkM3zKRuescVpLSYSWejy0_1bj3FZFNoGQWqHSg9EXOPwaPO_2HnV9Hfc3DE03RfxWo2qNtDbhmZXPVcXXjvdZ6k2OCcTnVQnVEvfn5e3Wq7Tkui9eatMR2/s1600/960X70.gif);
}
]]></b:skin>
</head>
<body>
<div id='outer-wrapper'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='WhereIsMyIpAdress (Header)' type='Header'>
</b:widget>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
</b:widget>
</b:section>
</div>
<div class='clear'> </div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div>
</body>
</html>
----------------------------------------------------------------------------------------------------------------------
GENERIC BLOGGER TEMPLATE WITH CSS HEADER IMAGE AND PAGINATION
http://fbgadgets.blogspot.co.uk/2014/10/BlogPagniation.html
----------------------------------------------------------------------------------------------------------------------
<?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: GENERIC BLOGGER TEMPLATE
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
body {
background-image :
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq0giH4BZ4B35rwWpOCY9yAq4CKycowD1yRikXjAvcAiM9U81PWqH2bRmnBCGQvO3NwzuypxqfjxLo-owYGdj-vf4qiNWZkB9jHtYtnPmTHbxkvQLO79tOwKwy8PRVCsV2iAMhaI6Dr5a4/s1600/1600X1040.jpg);
background-position : Center Center;
background-attachment : fixed ;
background-repeat : repeat ;
}
/*****************************************
Global Links CSS CHANGE LINK INTO BUTTON
******************************************/
a{ color:Red; outline:none; text-decoration: none; }
a:hover { color:Green; text-decoration:none; }
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
border: 2px solid Black;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuyvDlHLCcTtMAYrmcGwuRx24CJ80LNpMOa81Vw3pvMWtFRjLoDvI8-NLD8NKivUayJg51-7zGyRfaKqs7-OTHtN5MHOipEsO5j9NRDt7rDCmATXBTWcEx6jpDfp2oRtK4w_KGhbf_9BhB/s1600/960X400.jpg) no-repeat;
height: 350px;
width:960px;
margin:0 auto 10px;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
text-align: center;
color:Gold;
background-color:Transparent;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOKoN4UljmVsRXtPCVrGLIy8qkm1esBGqEblw18eerzMOqiZ57Lyx9Q9IxZ0V2VQ8tBBHuWFbJT261cvexzXvDlXrSwDpZQzdRMnJeuoPMIWiPvZMjwWYF4D3hCCCFYAenIeNB8RwRJTwh/s1600/50X50.png);
}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font:bold
}
#header a {
color:Gold
text-decoration:none;
}
#header a:hover {
color:Red
}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: Bold
color: $textcolor;
}
#header img {
margin-left: auto;
margin-right: auto;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
border: 2px solid Black;
width: 960px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 650px;
float: left;
padding: 5px;
border: 2px solid Black;
background-color:Transparent;
background-image:url(http://ct3.pimp-my-profile.com/tp/ffc0cb-50-tp.png);
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 260px;
float: right;
padding: 5px;
border: 2px solid Black;
background-color:#transparent;
background-image:url(http://ct3.pimp-my-profile.com/tp/ffc0cb-50-tp.png);
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$pagetitlecolor;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
background-color:Transparent;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$pagetitlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}
.post-header{
font-size:12px;
line-height:20px;
}
.post-timestamp{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjamDZNTcnvvcT2-OPz0otH-0QaXuMB3gzExEWU5t-qpYqN5Q9wc5RkUPOfCsiaJXUMFa8Eho8V6G2oFFGNnodUAxCgpY9BFVEimHTM07bNUAw0xmNIqtJEKBfUA1m5_wDIzkAZIuS2DXo/h80/clock.png) no-repeat 0 2px;
margin:0px !important;
padding:2px 0 2px 20px;
}
.post-author{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBUjoWpOvNnh-hTDz0Yf_C-s2OvXiUshvxXTMiB6jKjAFw5pQKvwwDLp0vGshly_jiID76Qe_GlL4Z-1jmmk9klP6kx2dPEXnpOiUX7gOR_Yc-rfpRrQdvQVAq7EjXksr-h-HTnmXobLw/h80/author.png) no-repeat 0 0px;
margin:0 0 0 10px !important;
padding:2px 0 2px 20px;
}
.date-header{
display:none
}
.post-footer {
border:3px solid Gold;
background-color:GreenYellow;
font-size:11px;
padding:5px 10px;
position:relative;
}
.comment-link {
margin-left:.6em;
}
.post-body img {
width:600px; height:auto;
background-color:Red;
border:3px solid Blue;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:BlueViolet;
padding: 5px;
border:2px solid Gold;
background-color:Transparent;
background-image:url(http://ct3.pimp-my-profile.com/tp/ffc0cb-50-tp.png);
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
.jump-link a{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ-PYGIUKHr2yGZRy5aXviZtLRwSplB6OqooV7osNrvOGHgT2lZClpSAO7J4ObBmJTMFgMeSYQ_v1lREQAOXaT_FjqLv2D4H07JGp5WzWfCRn54pD5DDU6OwaVttiDW-LqVGN5guLySio/s1600/pblockheader.png) repeat left;
padding:8px 12px;
font-weight:bold;
font-size:12px;
border:3px solid Gold;
border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px;
color:#fff
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color:Black;
line-height: 1.5em;
}
.sidebar h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizmkSKfzfQpptjIW6iyp8d7ALdbafWDoZtEuBy5j0ROzrhCeJdR3i9BUxTJGEyqb5UEbr1F1itMfcXVFGcAVDay3Z_QTGJx2Pzq7aPx7K4XjuFeK_-FgO4eIBL9BImV2xoBTxN2JwzuDU7/s1600/Sidebar+H2.png) 0px 0 repeat no-repeat scroll transparent;
/*SIDEBAR TITLE COLOR*/
color:GOLD;
font-family:verdana, arial;
font-size:12px;
font-weight:bold;
height:33px;
margin:0;
padding:3px 0 3px 7px;
text-transform:uppercase;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
background:Transparent;
width:250px;
padding:2px;
border:2px solid Green;
margin-top: 20px;
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 2px;
box-shadow:0 0 12px Gold;
-moz-box-shadow:0 0 12px Gold;
-webkit-box-shadow:0 0 12px Gold;
}
.sidebar .widget, .main .widget {
border-bottom:1px dotted ;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid Red;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font:Bold;
color:Red;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font:12px;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
width:960px;
height:70px;
clear:both;
margin:0 auto;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
border: 2px solid Black;
background-color:Transparent;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu-GA4PodUgVFpdJ37K_Qn8kkM3zKRuescVpLSYSWejy0_1bj3FZFNoGQWqHSg9EXOPwaPO_2HnV9Hfc3DE03RfxWo2qNtDbhmZXPVcXXjvdZ6k2OCcTnVQnVEvfn5e3Wq7Tkui9eatMR2/s1600/960X70.gif);
}
]]></b:skin>
<style type='text/css'>
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
color:#a9a9a9;
font-weight: bold;
border:1px solid #ccc;
border-radius:2px;
background:#cfcfcf;
}
.showpageOf {
margin:0 8px 0 0;
color:#999;
}
.showpageNum a:hover {
border:1px solid #ccc;
border-radius:2px;
color:#045090;
font-weight: bold;
text-decoration: none;
background:#cfcfcf;
}
.showpagePoint {
color:#000000;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
border:1px solid #ccc;
background:#cfcfcf;
border-radius:2px;
text-decoration: none;
}
</style>
</head>
<body>
<div id='outer-wrapper'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='WhereIsMyIpAdress (Header)' type='Header'>
</b:widget>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
</b:widget>
</b:section>
</div>
<div class='clear'> </div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div>
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<!--Page Navigation Starts-->
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 G;5 i;5 b;5 n;1f();x 1g(15){5 6=\'\';H=I(K/2);3(H==K-H){K=H*2+1}J=b-H;3(J<1)J=1;o=I(15/j)+1;3(o-1==15/j)o=o-1;L=J+K-1;3(L>o)L=o;6+="<4 e=\'1y\'>1z "+b+\' 1A \'+o+"</4>";5 16=I(b)-1;3(b>1){3(b==2){3(i=="w"){6+=\'<4 e="1B"><a f="\'+y+\'">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">\'+M+\'</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+16+\');A B">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+16+\');A B">\'+M+\'</a></4>\'}}}1h(5 g=J;g<=L;g++){3(b==g){6+=\'<4 e="1C">\'+g+\'</4>\'}c 3(g==1){3(i=="w"){6+=\'<4 e="k"><a f="\'+y+\'">1</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">1</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+g+\');A B">\'+g+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+g+\');A B">\'+g+\'</a></4>\'}}}5 17=I(b)+1;3(b<o){3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+17+\');A B">\'+1i+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+17+\');A B">\'+1i+\'</a></4>\'}}5 C=u.1D("C");5 18=u.1E("1F-1G");1h(5 p=0;p<C.P;p++){C[p].1j=6}3(C&&C.P>0){6=\'\'}3(18){18.1j=6}}x 1a(Q){5 R=Q.R;5 1k=I(R.1H$1I.$t,10);1g(1k)}x 1f(){5 d=m;3(d.9("/r/s/")!=-1){3(d.9("?S-7")!=-1){n=d.D(d.9("/r/s/")+14,d.9("?S-7"))}c{n=d.D(d.9("/r/s/")+14,d.9("?&7"))}}3(d.9("?q=")==-1&&d.9(".6")==-1){3(d.9("/r/s/")==-1){i="w";3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l("<h T=\\""+y+"U/V/W?7-l=1&X=Y-Z-h&11=1a\\"><\\/h>")}c{i="s";3(d.9("&7-l=")==-1){j=1J}3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l(\'<h T="\'+y+\'U/V/W/-/\'+n+\'?X=Y-Z-h&11=1a&7-l=1" ><\\/h>\')}}}x N(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x O(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W/-/"+n+"?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x 1b(Q){1c=Q.R.1K[0];5 1w=1c.1x.$t.D(0,19)+1c.1x.$t.D(1L,1M);5 1d=1N(1w);3(i=="w"){5 1e="/r?S-7="+1d+"&7-l="+j+"#E="+G}c{5 1e="/r/s/"+n+"?S-7="+1d+"&7-l="+j+"#E="+G}1O.f=1e}',62,113,'|||if|span|var|html|max||indexOf||nomerhal|else|thisUrl|class|href|jj|script|jenis|postperpage|showpageNum|results|urlactivepage|lblname1|maksimal|||search|label||document|newInclude|page|function|home_page|onclick|return|false|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|mulai|numshowpage|akhir|upPageWord|redirectpage|redirectlabel|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))
//]]>
</script>
<!--Page Navigation Ends -->
</b:if>
</b:if>
<!--Page Navigation Ends -->
</body>
</html>
Related movie you might like to see :
FLICKITY SLIDER SCROLL WITH RADIO N...
FLICKITY JS CSS SLIDER
BODY JS FILE LINK IN MAGENTO
INTENSO MAGENTO QUICK VIEW BUTTON
Magento Hello World Module (Extensi...
BOOLEAN MATCHING GAME JAVASCRIPT
GET BUTTON ID AFTER CLICK IN JAVA S...
JAVA SCRIPT LOOP
QUIZY MEMORY CARD GAME
CTX STYLE
IMAGE SRC ARRAY IN JAVA SCRIPT
QUIZ ACTIVITY MAKER
MEMORY GAME WITH UPPER HIDDEN CARD
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
Related Post for GENERIC BLOGGER TEMPLATE WITH CSS HEADER IMAGE AND PAGINATION
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE
RELATED POST WIDGET LIST SHAPE
DRAG AND DROP WITH JQUERY AND HTML TUTORIAL
DRAG AND DROP PRACTICE GAME WITH IMAGE
HOW TO GET MALWARE ADD POPUP WITHOUT SOFTWARE
How to open a .DLL or .EXE file in Resource Editor
HTML SYNTAX HIGHLIGHTER
WORD PRESS PARTS
FLASH 8 DOWNLOAD
JAVA COLOR PICKER WITH
NOTE PAD ++ SYNTAX HIGHLIGHTER FOR BLOGGER POST
AUTOMATION ANY WEBSITES
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE
ONLINE ZIP OPNER
IMAGE UPLOAD WITH JAVA WITH PHP CODE
Recommended Post Slide out for Blogger
DRAG AND DROP WITH IMAGE
WHACK A RAT CSS GAME
Drag and Drop Practice Game With Image
SYNTAX HIGHLIGHTER ON LINE FOR BLOGGER 
CSS SYNTAX HIGHLIGHT CHANGE IN NOTEPAD++ SYNTAX HIGHLIGHTER
Related PostWidget WithFirst Big Thumbnail
Sprite Sheet Animation
GENERIC BLOGGER TEMPLATE WITH CSS HEADER IMAGE AND PAGINATION
SCREEN TO GIF
HTML CSS GREEN COMMENTS NOTEPAD++
DINO PAIRS MATCHING GAME.jpg)
INSTALL WORD PRESS TEMPLATE
IMAGE UPLOAD WITH JAVA WITHOUT PHP CODE
FANCY BOX JS FIDDLE
EDIT IMAGE IN NOTEPAD++
WEBSITE TRANSLATOR AND THUMBNAIL
IMAGE SCROLL BOX WITH MOUSE CURSOR
FLASH PLAYER SWF FILE DOWNLOAD ARCHIVES
RELATED POST WIDGET LIST WITHOUT THUMBNAIL
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE
NOTEPAD++ REMOVE UNWANTED LINES
UnityAssetsExplorer
Subscribe to:
Post Comments (Atom)
.png)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.