How to add Smooth 'Scroll To Top' button in Blogger
Smooth Back to top button setup has three steps. Read on-
Step 1: Add the jquery
- First, Log in to Blogger, select your Blog,
- Go to 'Template' tab, Select ' Edit Html'
- Search (using Ctrl+F or Cmd+F) into code snippet <head>
- Paste this Phrase under <head>
- Save template, Then
Step 2: Install it
- Go to 'Layout' tab, select 'add a gadget',
Step 3: Install the Button
And see your Smooth Scroll to top button in Live action.
Template compatibility and Faq-
Will work on almost every stranded structured template. Not compatible with Dynamic Templates .Also if you template already has the jquery code, don't copy paste the jquery code into template, skip step 1 just begin from Step 2 - see what happens.
Things you can do-
- If you want to change default button appearing area (default is 15px from web browser), just change 15px to whatever px you desire.
- If you want to use custom Back top top image/icon, upload you image to any third party Image host (like Tinypic etc) and copy Image location url, paste link in Image Url.