When one begins to have many entries in your blog becomes essential to organize a clear and simple information on a blog for better navigation for the readers. One element that helps with this is the blog page. For those who do not yet know what this is look at the picture and realize it right away.
As your blog page
1. First log into Blogger and then go to Design-> HTML editing
Do not forget to download the template as a backup
2. Then look for the following tag in the template
\u0026lt;/ body> 3. Immediately after
paste this code
\u0026lt;! - Pagination-STARTS -> \u0026lt;script type='text/javascript'>
var PageCount = 10;
displayPageNum
var = 3 ;
upPageWord
var = 'Previous';
downPageWord
var =' Next ';
\u0026lt;/ script>
\u0026lt;script src =' http://files.main.bloggerstop.net/uploads/ 3/0/2/5/3025338/pagination1.js' type = 'text / javascript' />
\u0026lt;script src = 'http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.js' type =' text / javascript '/>
\u0026lt;! - pagination-STOPS -> var PageCount = 10 is the number of entries per page and can be varied to convenience
displayPageNum var = 3 is the number of pages to be displayed in the button 4. Now we have to format it, for that we must find the next label
\u0026lt;/ head> 5. Before you label paste the following code
\u0026lt;! - Pagination-STARTS ->
\u0026lt;link href = 'http://files.main.bloggerstop.net/uploads/3/0 / 2/5/3025338/pagination2.css 'rel =' stylesheet 'type =' text / css "/>
\u0026lt;style type='text/css'>
. showpage a: hover {
color: # FFFFFF;
background-color: # 92416C;}
/ / STYLE SELECTOR
. showpagePoint
{color: # FFFFFF;
background: # 92416C;
border: 1px solid # 92416C;}
/ / STYLE NUMBERS
. showpageNum a: link,. showpage a: link
{color: # 000000! important;
background-color: # 92416C;
border: 1px solid # 92416C;}
/ / HOVER STYLE NUMBERS
. showpageNum a: hover {
color: # FFFFFF! important;
background: # 92416C! important;
border
: 1px solid # 92416C;}
/ / STYLE BUTTON AND NEXT PREV
. showpageArea
a {border: 1px solid # 92416C;}
/ / STYLE OF THE BUTTONS HOVER AND NEXT PREV
. ShowpageArea a: hover {
border: 1px solid # 92416C;
color: # FFFFFF! Important;
background: # 92416C! Important;}
\u0026lt;/ style>
\u0026lt;! - pagination-STOPS-http: / / bloggerstop.net--> the number # 92416C is the background color of the boxes in hexadecimal and can change and the same with the other colors
7. Save the changes
0 comments:
Post a Comment