How to add your own copyright link below footer on your blog.

Using a free template? Want to add your own copyright below footer? I am saying free template because if you use a premium template then you can edit or remove their copyright link and use your copyright with ease without any problem but thats not the case with free templates. You should have knowledge of Html as well as Css to edit their codes or put your own codes and create your own copyright link for your blog.
So if your are trying or want to use your own copyright link instead of the credit link of the theme you are using then you are at the right place. So in this article i will talk about how can you put or place your own copyright link below footer on your blog.

Before using your own copyright link you have to remove the credit link of the theme you are using. It will require just 2 mins to remove the credit link of the theme. Read the article here –
 ONE OF THE EASIEST WAY TO REMOVE FOOTER CREDIT LINK FROM ANY TEMPLATE WITHOUT REDIRECTION IN 2 MINS. NO CODING REQUIRED, NEW METHOD.

Now after removing or hiding the credit link of the theme you are using. Its time to add your own credit link below footer. Now follow the steps along with codes how to do that.

If you are using blogger than go to your theme and select edit html.

Now press ctrl+f to find the tag </body>

Just above the tag </body> put this code.

<div class=”myrights” >
<h> Copyright © Your blogs name 2018.All rights reserved. </h>
</div>

Now you have to add CSS codes to design your copyright.
So now again click on theme and select customise option.
Under customise option, select advanced and further select Add CSS.

Now add the below Css code their.

.myrights{
Background:#000;
Color:#fff;
font-size:12px;
Text-align:center;
font-weight:bold;
Text-decoration:none;
Width:100%;
Border-top:3px solid #ff0000;
Border-bottom:3px solid #fff;
Padding:8px;
Overflow:hidden;
}

Watch the demo of the copyright below. A screenshot.

Now you can customise this above Css codes according to the way you like.
To change background color replace #000 with the color you want..
If you want an underline text then use
Text-decoration:underline.

Hope you liked the article.

Leave a Reply

Your email address will not be published. Required fields are marked *