Friday, July 24, 2015
Wednesday, July 22, 2015
ADD A “SCROLL BACK TO TOP” BUTTON TO BLOGGER
A “back to top” button can be really helpful for your readers, especially if you have a lot of posts appearing on your homepage and no sticky navigation. This post will show you how to add one that will only appear when the user begins to scroll down your blog. An example can be seen on my personal blog here.
IMPORTANT TO NOTE (CLICK TO READ)
1. HOW TO ADD A “BACK TO TOP” BUTTON TO BLOGGER
1.1. Go to Layout > Add gadget > Add HTML/Javascript Gadget and paste the following into the content section
Back to Top
1.2. Now go to Template > Edit HTML and find ]]skin. Once you have found it paste the following above it
.backtotop {
position: fixed;
bottom: 10px; /* increase value to move position up */
right: 0px; /* increase value to move position left */
color: #000000; /* color of text */
background-color: #ffffff; /* background color of button */
font-size: 12px; /* changes size of text */
padding: 10px; /* add space around the text */
text-transform: uppercase; /* change text to all caps */
letter-spacing: 1.0px; /* space between letters */
}
.backtotop:hover {
background-color: #333333; /* color of background on hover over */
color: #ffffff; /* color of text on hover over */
text-decoration: none; /* no underline */
}
1.3. Change what is shown in pink to suit your blog. The /* ... */ are comments to help you identify the code. You can leave them in, they won’t appear on your blog.
2. HOW TO ADD A “BACK TO TOP” IMAGE BUTTON TO BLOGGER
2.1. Go to Layout > Add gadget > Add HTML/Javascript Gadget and paste the following into the content section
and add the URL of the image, make sure it’s the image URL and not the page URL!
2.2. Now go to Template > Edit HTML and find ]]skin Once you have found it paste the following above it
.backtotop {
position: fixed;
bottom: 10px; /* increase value to move position up */
right: 0px; /* increase value to move position left */
color: #000000; /* color of text */
background-color: #ffffff; /* background color of button */
font-size: 12px; /* changes size of text */
padding: 10px; /* add space around the text */
text-transform: uppercase; /* change text to all caps */
letter-spacing: 1.0px; /* space between letters */
}
.backtotop:hover {
background-color: #333333; /* color of background on hover over */
color: #ffffff; /* color of text on hover over */
text-decoration: none; /* no underline */
bottom: 10px; /* increase value to move position up */
right: 0px; /* increase value to move position left */
padding: 10px; /* add space around the text */
}
2.3. Change what is shown in pink to suit your blog. The /* ... */ are comments to help you identify the code. You can leave them in, they won’t appear on your blog.
How to fix Error 0xc004d307 to maximize allowed re-arms
Tuesday, July 21, 2015
how to Disable Auto Activation feature in Windows 7 / 8
how to fix This copy of windows is not genuine
Tuesday, July 7, 2015
How to change wallpaper in Windows 7 Starter Using Regedit
Thursday, July 2, 2015
Adobe Premiere Pro CS6 - Basic Editing Introduction Tutorial
Adobe Premiere Pro CS6 - Basic Editing Introduction Tutorial
HOW TO FIX ACER ASPIRE ONE HAPPY STUCK IN SETUP IS STARTING SERVICES
How to access recovery partition in ACER Computer
HOW TO REPAIR ACER ASPIRE STUCK ON SETUP IS STARTING SERVICES
On the same error screen press SHIFT+F10 and it will open up a black Window. (a command prompt window) 2) In the black windows type the word "regedit"(without the inverted commas and hit enter. That will open the registry editor. In the Registry Editor.. Browse to.... HKLocal machine/SYSTEM/SETUP/STATUS/ChildCompletion, and after highliting childcompletion,on the right hand side check for setup.exe. if the value is 1 change it to 3.(by double clicking on setup.exe and changing the value shown in the box). Then close the registry editor and then also close the black window. Then click on OK for the error and the computer will restart and the installation may complete. just try it and let me know if it worked.
how to create GIF file using adobe ImageReady
this tutorial will teach you how to create GIF file using adobe ImageReady
how to create GIF file using adobe ImageReadyhow to block porn site
This tutorial is all about blocking porn sites in the internet so that children will be protected while surfing the internet.