This is a very cool widget that allows visitors to navigate through your blog easily.
It has 5 options:
1. Go to Older Posts
2. Go to Newer Posts
3. Reload Page
4. Home
5. Back to top
How to add this widget
Step 1. Go to Blogger Dashboard >> Design >> Edit html and find the tag below
Step 3. Now find this tag:
Step 4. Just after it, add the code below:
Please share & subscribe for more tutorials.
This is a very cool widget that allows visitors to navigate through your blog easily.It has 5 options:
1. Go to Older Posts
2. Go to Newer Posts
3. Reload Page
4. Home
5. Back to top
How to add this widget
Step 1. Go to Blogger Dashboard >> Design >> Edit html and find the tag below
]]>Step 2. Paste before/above the following code:
#float-menu{position:fixed;top:20%;left:0;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;background:#EEE}
#float-menu ul{padding:0}
#float-menu li{margin:5px;list-style-type:none}
#float-menu li,#float-menu li a{width:24px;height:24px}
#float-menu li a{float:left}
#float-menu #menu-right,#float-menu #menu-left,#float-menu li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJB7np-ANwQ_pgN30T2-AtGX5AmYGb-5NJsN84j7FPLdx6CjSxvwlbHjz0UcT9_OY9czXo-YOG0ITP0Zsss4ySd-QN1W6LUCFbG0DKNQpqTEy5kgSvgC-2hEtYTvponJkiW3Z524D_ftHc/s1600/float+menu.png)}
#float-menu #menu-right a{background-position:0 -120px}
#float-menu #menu-right a:hover,#float-menu #menu-right{background-position:-24px -120px}
#float-menu #menu-left a{background-position:0 -24px}
#float-menu #menu-left a:hover,#float-menu #menu-left{background-position:-24px -24px}
#float-menu #menu-random a{background-position:0 -48px}
#float-menu #menu-random a:hover{background-position:-24px -48px}
#float-menu #menu-home a{background-position:0 -72px}
#float-menu #menu-home a:hover{background-position:-24px -72px}
#float-menu #menu-top a{background-position:0 -96px}
#float-menu #menu-top a:hover{background-position:-24px -96px}
Step 3. Now find this tag:
Step 4. Just after it, add the code below:
I hope you like it.
Please share & subscribe for more tutorials.
It has 5 options:
1. Go to Older Posts
2. Go to Newer Posts
3. Reload Page
4. Home
5. Back to top
How to add this widget
Step 1. Go to Blogger Dashboard >> Design >> Edit html and find the tag below
]]>Step 2. Paste before/above the following code:
#float-menu{position:fixed;top:20%;left:0;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;background:#EEE}
#float-menu ul{padding:0}
#float-menu li{margin:5px;list-style-type:none}
#float-menu li,#float-menu li a{width:24px;height:24px}
#float-menu li a{float:left}
#float-menu #menu-right,#float-menu #menu-left,#float-menu li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJB7np-ANwQ_pgN30T2-AtGX5AmYGb-5NJsN84j7FPLdx6CjSxvwlbHjz0UcT9_OY9czXo-YOG0ITP0Zsss4ySd-QN1W6LUCFbG0DKNQpqTEy5kgSvgC-2hEtYTvponJkiW3Z524D_ftHc/s1600/float+menu.png)}
#float-menu #menu-right a{background-position:0 -120px}
#float-menu #menu-right a:hover,#float-menu #menu-right{background-position:-24px -120px}
#float-menu #menu-left a{background-position:0 -24px}
#float-menu #menu-left a:hover,#float-menu #menu-left{background-position:-24px -24px}
#float-menu #menu-random a{background-position:0 -48px}
#float-menu #menu-random a:hover{background-position:-24px -48px}
#float-menu #menu-home a{background-position:0 -72px}
#float-menu #menu-home a:hover{background-position:-24px -72px}
#float-menu #menu-top a{background-position:0 -96px}
#float-menu #menu-top a:hover{background-position:-24px -96px}
Step 3. Now find this tag:
Step 4. Just after it, add the code below:
I hope you like it.
Please share & subscribe for more tutorials.
by Jillur Rahman
Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.
Follow him @ Twitter | Facebook | Google Plus
No Comment