Tuesday's Tips - Creating a Design Credit Link

If you take a look at the very bottom of my blog, there is a line of text giving me the credit for my blog design. It is a simple way to give credit where credit is due. ;)

Find this code:

#footer {

and copy/paste this after that section of code:

/* Design Credit
----------------------------------------------- */
#credit-link {
  color:$textcolor;
  text-align: center;
  padding-top:  0px;
  font-size:14px;
letter-spacing: 2px;
font-variant: small-caps;
font-family: arial;
  }

Feel free to tweak it using CSS.


Next, search for this code:

 <!-- end outer-wrapper -->

and copy/paste this code above that section of code:

<div id='credit-link'>YOUR TEXT HERE</div>

Replace YOUR TEXT HERE with what you want in your credit link. You can include links in it. For example, my code is below:

<div id='credit-link'>designed and coded with love by <a href='http://emilygrace-blog.blogspot.com'>emily grace</a>.</div>  

note: if you used my tutorial on how to create a lowerbar, make sure this is below the lowerbar section of code.