Wednesday 3 September 2014

How To Customize Credit Links In Blogger Template ?

Blogger provides us some free templates that lacks some features and again one of the major issue is credit links. In blogger templates blogger gives a credit link that shows powered by Blogger, copyright year of blog and name of the template but if want to add some other links like privacy policy, disclaimer, sitemap etc. then you can not directly do it. So for doing this we need to do some editing in our blog's template editor section. Basically in this tutorial i will show you how to add your credit links at the footer of the blog and then i will also describe how to remove the blogger attribution. We do not recommend to remove the attribution but you can add powered by Blogger attribution in the footer link that you create. So if you want to customize the credit links then you can follow this tutorial.

Steps to add your customized credit links:
  • Log in to your Blogger Account.
  • Then go to Dashboard >> Template >> Edit HTML.
  • Now press CTRL +F and search the following code:
]]></b:skin>
  • Paste the below code just above ]]></b:skin>
#credit{font-size:13px;color:#777;text-align:center;text-transform:capitalize;}
.content-wrapper{position:relative;width:100%;margin:0 auto}
  • Now again search the following line of code:
<b:section class='foot' id='footer-3' showaddelement='no'>
  • Then paste the below code just above  <b:section class='foot' id='footer-3' showaddelement='no'>
<!-- credit link start-->
<div id='credit'>
<div class='content-wrapper'>
  &#169; Copyright 2014 <a class='site_name' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved | Powered by <a href='http://blogger.com/'>Blogger</a> | <a href="#">Privacy policy</a> | <a href="#">Disclaimer</a> | <a href="#">Sitemap</a>
  </div>
</div>
<!-- credit link ends-->
  • Now Save your template.

Customizations: 

  • Replace # with your URL's of required pages.
Now you have successfully added your customized footer link so the next step is to remove the Blogger Attribution from template's footer section. To do this simply follow the below link:
Also Read:

1 comment:

  1. great post! I made these changes straight away and it worked perfectly. Thank you so much :)

    ReplyDelete