Wednesday, 30 April 2014

Pagination in Blogger

Navigation as it is called is not inbuilt into Blogger.
But if you want to add this easily to your blogger blog.

So How to do this?

Ans :

1. Login to Blogger Dashboard and navigate to Template > Edit HTML
2. Find this (Using CTRL +F) ]]></b:skin>
3. Copy the following code and just paste ]]></b:skin> above it


/* Pagination style in Blogger  */
.blog-pager,#blog-pager{font-family:"Times New Roman", Times, serif;font-weight:normal;font-size:12px;width:700px;padding:17px;} 
.showpageNum a,.showpage a {background:#069; color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-style:italic;line-height:0;text-align:center;padding:12px 18px} 
.showpageNum a:hover,.showpage a:hover {background:#AE2A68; color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-style:italic;line-height:0;text-align:center;padding:12px 18px}
.showpageOf{margin:0 8px 0 0;font-family:'Coming Soon', cursive;text-decoration:none;font-size:100%;}
.showpagePoint {background: none repeat scroll 0 0 #AE2A68;
color: #FFFFFF;
font-size: 15px;
font-style: italic;
font-weight: bold;
line-height: 0;
margin-right: 0.6em;
padding: 12px 18px;
text-align: center;
text-decoration: none;}
4. Now paste the following code just Above the
tag (Search Using CTRL+F)
Pagination in Blogger (pastebin link)
Done........

No comments:

Post a Comment