All About Blog Designing, Useful Tips and Tricks.
Add 'Back To Top' Function (Blogger)
Many Times you feel irritation to move scroll up to reach the top/Homeof your blog due to long layout or long post size. Now there are simple code for "Back To Top". If you are in footer section just click on it and reach the home position of your blog. Here is some simple code that you can add into your blog quickly, follow the instructions given below. I share some images you can use the code with URL of image. Download the desired image and upload some image hosting website for free such as Photo bucket , imageshak or you can upload your blogger and can put URL of image, but it have some transparency issue problem with .png files.
1. Log in to Blogger Dash Board.
2. Go to Design>>Add a gadget
3. Choose HML/Java Script
4. Copy the code given below and paste it into content area of gadget.
<!-BACK-TO-TOP-STARTS->
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="YOUR TITLE GOES HERE"><img onmouseover="this.src='URL OF IMAGE ON MOUSE HOVER'" src="URL OF IMAGE WITHOUT MOUSE HOVER" onmouseout="this.src=' URL OF IMAGE WITHOUT MOUSE HOVER '"/></a><!-BACK-TO-TOP-STOPS->
1. Replace YOUR TITLE GOES HERE with your desired title as "Back To Top", "UP", "HOME".
2. Replace URL OF IMAGE ON MOUSE HOVER with the image link that show only at mouse hover on it.
3. Replace URL OF IMAGE WITHOUT MOUSE HOVER with the direct source link of desired image that will show always (without mouse hover on it). Remember that you have to change the source link two times in above codes.
4. Save Gadget and done.
NOTE:-You can put same URL in step 2 & 3 if you do not want to change the image when mouse hover on it.
This image Code with same image URL will look like-
<!-BACK-TO-TOP-STARTS-><a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Home"><img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZZ1yVxGGPzo5f-CqQnNUV3wZ0tCMdR4jo-hw_ejvLegDNtbzgoDCmytrX5dGVi1owSxUzB2M6Xvft5YoDDpOM9-vOIXCrH6lbYfFzk-FnKH992th-Fnvf-bPm_kuv8wxi7r-c4S2wqJ-Z/s1600/BTT.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZZ1yVxGGPzo5f-CqQnNUV3wZ0tCMdR4jo-hw_ejvLegDNtbzgoDCmytrX5dGVi1owSxUzB2M6Xvft5YoDDpOM9-vOIXCrH6lbYfFzk-FnKH992th-Fnvf-bPm_kuv8wxi7r-c4S2wqJ-Z/s1600/BTT.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZZ1yVxGGPzo5f-CqQnNUV3wZ0tCMdR4jo-hw_ejvLegDNtbzgoDCmytrX5dGVi1owSxUzB2M6Xvft5YoDDpOM9-vOIXCrH6lbYfFzk-FnKH992th-Fnvf-bPm_kuv8wxi7r-c4S2wqJ-Z/s1600/BTT.png'"/></a><!-BACK-TO-TOP-STOPS->
Please Join this blog and receive updates regularly, after joining I will send you the download link containing complete set of images.
Baca juga
Label List
Add Beautiful Search Box in your blogger
(1)
Add Favicon icon to Blogger URL
(1)
Add Social Networking Sites Buttons beneath to Every Post (Blogger)
(1)
Add Table In Post
(1)
adsense
(1)
All Alt plus (+) keys
(1)
All Useful Shortcut Keys
(1)
Alt + Keys
(1)
Background Images
(1)
Blogger Gadgets
(1)
Blogger Help
(7)
Blogger Safety
(1)
Blogger Search Box-2
(1)
Blogger SEO
(1)
Blogger Tutorials
(5)
Blogger Widgets
(5)
blogging
(2)
Can I get original freecell back for windows 10?
(1)
Codes For Flip Text.
(1)
CSS
(1)
Customize Blog
(21)
Customize Blog. Meta Tag
(1)
Customize Feed Burner Notifications
(1)
Customize Feed Burner Settings
(1)
Customize Template
(2)
Discover More
(3)
Facebook
(3)
Facebook Tips
(10)
Feed Burner
(1)
Flip Text Generator
(1)
Footer
(1)
Free Cell Game
(1)
Free Image Hosting Sites
(1)
Gadget
(7)
Gadgets
(1)
Google Adsense Alternatives 2018
(1)
Hex Color Chart
(3)
HEX Color Code Generator
(1)
How to add flip text. Coding Tutorials
(1)
How to Add Link List of Post
(1)
HTML
(2)
HTML Image Link Code
(1)
HTML LINK
(1)
HTML/Java Script Alignment
(1)
Image Effects
(3)
Image Hyper Linked to External Site
(1)
Images
(1)
Link in Comment Box
(1)
List of HTML Tag
(1)
Marquee HTML CODE
(1)
Media.net
(1)
Old Free Cell Game XP
(1)
Old Solitaire Game.
(1)
Page Navigator
(1)
Recent Post Widget
(1)
REMOVE - SUBSCRIBE TO: POSTS (ATOM)
(1)
Remove Date Header From Blog (Blogger)
(1)
Remove Image Border (Blogger)
(1)
Resetting Free Cell
(1)
Scrolling Text Widget
(1)
Search Box Blogger
(1)
Shortcut Keys
(1)
Template Design
(1)
Whats app flip text
(1)
Widget
(1)
Windows Hack
(1)
Windows XP Game Free Cell
(1)
XML File Extension
(1)
Post a Comment
Post a Comment
Your Suggestions are valuable for me.