Tutorial [教程] • 24 SEPTEMBER 2015
I am having problem with page navigation on my blog. It must be the javascript error or something else, I could not go to the next page by pressing page 1, 2, 3. I don't know what is going wrong. I am glad to find out this post that add Add Floating Newer & Older Post Button's in Blogger. Its a cool widget. So now I can click on the button to older and newer post. Great!
1. Open Blogger > Template > Edit HTML.
2. Press Ctrl + F & search for ]]>
tag & paste below code above it.
.arrowLeft a{-moz-transition:.2s ease-in;-o-transition:.2s ease-in;-webkit-transition:.2s ease-in;left:-5px;padding:25px 20px;position:fixed;top:45%;transition:.2s ease-in;z-index:100}.arrowLeft a:hover{-moz-transition:.2s ease-in;-o-transition:.2s ease-in;-webkit-transition:.2s ease-in;color:#fff;left:0;transition:.2s ease-in}.arrowRight a{-moz-transition:.2s ease-in;-o-transition:.2s ease-in;-webkit-transition:.2s ease-in;padding:25px 20px;position:fixed;right:-5px;top:45%;transition:.2s ease-in;z-index:100}.arrowRight a:hover{-moz-transition:.2s ease-in;-o-transition:.2s ease-in;-webkit-transition:.2s ease-in;color:#fff;right:0;transition:.2s ease-in}.arrowNav a{background:#000;color:#fff;font-size:25px;text-decoration:none}3. Now search for
4. Now just select all code from
and replace it with below code.
5. Save Template and refresh your blog to see these buttons floating with left and right arrow.
Credited to Hackinguniversity.in