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
tag (Search Using CTRL+F)
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 Pagination in Blogger (pastebin link)
Done........
No comments:
Post a Comment