after traveling around can eventually made his tips are good for the navigation page numbers at the bloggers.
following his tips:
find this code ]]></ b: skin> css script below just above the ]]></ b: skin>
. showpageArea a {
text-decoration: underline;
}
. showpageNum a {
text-decoration: none;
border: 1px solid # cccccc;
margin: 0 3px;
padding: 3px;
}
. showpageNum a: hover {
border: 1px solid # cccccc;
background-color: # cccccc;
}
. showpagePoint {
color: # 333;
text-decoration: none;
border: 1px solid # cccccc;
background: # cccccc;
margin: 0 3px;
padding: 3px;
}
. showpageOf {
text-decoration: none;
padding: 3px;
margin: 0 3px 0 0;
}
. showpage a {
text-decoration: none;
border: 1px solid # cccccc;
padding: 3px;
}
. showpage a: hover {
text-decoration: none;
}
. showpageNum a: link,. showpage a: link {
text-decoration: none;
color: # 333333;
}
then later look for the code </ body>, put the script below just above the code </ body>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
pageCount var = 5;
displayPageNum var = 5;
var upPageWord = 'Previous';
var downPageWord = 'Next';
</ script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</ b: if>
Finally save the template, and see its results will be mounted on the blog.
following his tips:
find this code ]]></ b: skin> css script below just above the ]]></ b: skin>
. showpageArea a {
text-decoration: underline;
}
. showpageNum a {
text-decoration: none;
border: 1px solid # cccccc;
margin: 0 3px;
padding: 3px;
}
. showpageNum a: hover {
border: 1px solid # cccccc;
background-color: # cccccc;
}
. showpagePoint {
color: # 333;
text-decoration: none;
border: 1px solid # cccccc;
background: # cccccc;
margin: 0 3px;
padding: 3px;
}
. showpageOf {
text-decoration: none;
padding: 3px;
margin: 0 3px 0 0;
}
. showpage a {
text-decoration: none;
border: 1px solid # cccccc;
padding: 3px;
}
. showpage a: hover {
text-decoration: none;
}
. showpageNum a: link,. showpage a: link {
text-decoration: none;
color: # 333333;
}
then later look for the code </ body>, put the script below just above the code </ body>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
pageCount var = 5;
displayPageNum var = 5;
var upPageWord = 'Previous';
var downPageWord = 'Next';
</ script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</ b: if>
Finally save the template, and see its results will be mounted on the blog.
Label: blogging
0 komentar: