navigator page for bloggers 2 andrey понедельник, 22 июня 2015 г. No Comment

Instructions To Follow:
STEP #1
Log in to Blogger, go to Layout -> Edit HTML
and mark the tick box "Expand Widget Templates"

STEP #2
Now find (CTRL+F) this code in the template:

]]>

And immediately before it, paste this code:

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #919106;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjupTNdYO22uGKd53ynOOsgqdwON-GxiW0SMF0_bFNPGBKq4joh0RyeaAqHHoBuKtSiLyjueVQNYBz4wjLu6cXkkBnnk6O7GS6iB7-HYyw4oNGyM4zWYSAy2Pc38Gh19qlkHQ112QShOkw/s400/wp2.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #aeae0a;
background: #ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjupTNdYO22uGKd53ynOOsgqdwON-GxiW0SMF0_bFNPGBKq4joh0RyeaAqHHoBuKtSiLyjueVQNYBz4wjLu6cXkkBnnk6O7GS6iB7-HYyw4oNGyM4zWYSAy2Pc38Gh19qlkHQ112QShOkw/s400/wp2.jpg) 0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #919106;
background: #666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjupTNdYO22uGKd53ynOOsgqdwON-GxiW0SMF0_bFNPGBKq4joh0RyeaAqHHoBuKtSiLyjueVQNYBz4wjLu6cXkkBnnk6O7GS6iB7-HYyw4oNGyM4zWYSAy2Pc38Gh19qlkHQ112QShOkw/s400/wp2.jpg) 0 0 repeat-x;
text-decoration: none;
}

.,

STEP #3

Now find (CTRL+F) this code in the template:


And immediately before it, paste this code:

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://sites.google.com/site/testsajasite/pagenav.js' type='text/javascript'></script>

.,

Edit the number 7  on the code below to follow the number of posts on the front page of your blog.

Now click Save Template

UPDATE:  I updated some of my posts, this post I update click this link........

 

Instructions To Follow:
STEP #1
Log in to Blogger, go to Layout -> Edit HTML
and mark the tick box "Expand Widget Templates"

STEP #2
Now find (CTRL+F) this code in the template:

]]>

And immediately before it, paste this code:

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #919106;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjupTNdYO22uGKd53ynOOsgqdwON-GxiW0SMF0_bFNPGBKq4joh0RyeaAqHHoBuKtSiLyjueVQNYBz4wjLu6cXkkBnnk6O7GS6iB7-HYyw4oNGyM4zWYSAy2Pc38Gh19qlkHQ112QShOkw/s400/wp2.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #aeae0a;
background: #ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjupTNdYO22uGKd53ynOOsgqdwON-GxiW0SMF0_bFNPGBKq4joh0RyeaAqHHoBuKtSiLyjueVQNYBz4wjLu6cXkkBnnk6O7GS6iB7-HYyw4oNGyM4zWYSAy2Pc38Gh19qlkHQ112QShOkw/s400/wp2.jpg) 0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #919106;
background: #666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjupTNdYO22uGKd53ynOOsgqdwON-GxiW0SMF0_bFNPGBKq4joh0RyeaAqHHoBuKtSiLyjueVQNYBz4wjLu6cXkkBnnk6O7GS6iB7-HYyw4oNGyM4zWYSAy2Pc38Gh19qlkHQ112QShOkw/s400/wp2.jpg) 0 0 repeat-x;
text-decoration: none;
}

.,

STEP #3

Now find (CTRL+F) this code in the template:


And immediately before it, paste this code:

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://sites.google.com/site/testsajasite/pagenav.js' type='text/javascript'></script>

.,

Edit the number 7  on the code below to follow the number of posts on the front page of your blog.

Now click Save Template

UPDATE:  I updated some of my posts, this post I update click this link........

 

Tweet

by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

Tags: bloggers / navigator