SUBSCRIBE TO GET FREE UPDATES
RSSRSSEmailEmail
       "Keep learning ~~ keep smiling ~~ keep sharing"     

Saturday, October 17, 2009

Add copyright notice to a web page

It is strongly recommended that you protect your work online from copyright infringement, by placing copyright notices to them.

Screen shot of a copyright notice in my blog

In this article, I'd like to just share on how to include a copyright notice to your blogs or web pages, one on every page will suffice.

To do that, you'll need to add the copyright symbol © besides other text. The usual format would be to include the following in sequence:
  1. the word, Copyright
  2. the copyright symbol, ©
  3. the year of publication
  4. the copyright owner's name
  5. the statement (this is optional). An example of a simple cover all statement will be 'All rights reserved'.

Well, the best way to add the copyright symbol to a web page is to use a HTML character entity.
  • Just type the character entity name, © (ampersand+copy+semi-colon) at the place where you want the copyright symbol to be.
  • The other better and reliable alternative is to use the character entity number, © (ampersand+#169+semi-colon).
  • Tip: take note that some browsers may not support this character entity name, so best to use the entity number, © instead.
An example of the copyright notice to be typed is : Copyright © 2009 Jacq's Blogger Tips.

And, that will give the following display : Copyright © 2009 Jacq's Blogger Tips.

Okay, next is to learn how to place the copyright notice at the bottom of your web page or blog's footer section. Blogger.com has made it so easy for us bloggers, with little or no technical knowledge.

It can be done in 2 easy ways in Blogger's Layouts feature, either via the Page Elements tab or Edit HTML tab. Choose the former which is the easier way if you do not know much about HTML.

A. Here's how-to use the Page Elements tab to add the copyright notice :
  1. Go to Layout | Page Elements tab in Blogger
  2. Click on Add a Gadget tab (choose the one at the bottom of the page for the footer). A pop-up window appears with the list of available gadgets. Select the HTML/JavaScript widget by clicking on its thumbnail or the blue + sign at the right

    Screen capture on Layout|Page Elements Screen capture on the pop-up window of 'Add a gadget'

  3. The Configure HTML/JavaScript window will appear. Type the following sample text (mustard-coloured) in the Content box as shown in the picture below:
    Copyright © 2009 Jacq's Blogger Tips. (Replace the year of publication and author's name to those of yours)

    Screen capture on Configure HTML/JavaSript, a page element

  4. Click Save and then View Blog. (Take note that font-size and text alignment of your created copyright notice is already catered for by your blog's template, though you can change them if you know the relevant html codes. Just click the related Page Element gadget to edit, if so desired).
B. Or, you can use the Edit HTML tab (hehe...not for the faint-hearted!) :
  1. Go to Layout tab and click on the Edit HTML sub-tab
  2. This will open the Edit Template HTML for you to edit the contents of your template
  3. Scroll down to the very bottom of content box. Insert the following sample text (mustard-coloured) between the footer-wrapper and outer-wrapper as seen in the image below:
    <p class='fineprint' style='text-align:center'>Copyright © 2009 Jacq's Blogger Tips.</p> (Replace the year of publication and author's name to those of yours)

    Screen shot on a page-section of Edit Template

  4. Click the Preview tab to have a look at the result. If satisfied, click the Save Template tab. Otherwise, click the Clear Edits tab and try again, probably to amend the HTML codes of font-size and text alignment or reposition the inserted text. Then, Preview again and if still unsatisfactory, Clear Edits and try again. Finally click the Save Template tab when all is done.
I'm not an expert on HTML, but one who aspires to improve, and having tried it out on 3 of my Blogger blogs, thought it best to record my experience here so that others may benefit.

I'm delighted that having attempted to Edit HTML/Template for the purpose of adding the copyright notice/symbol, it enabled me to choose which way best suits which blog of mine. Happy too that in researching to do this article, my knowledge about copyright and html has increased in depth. :-D

Other related links:
Go on...add a copyright notice to your blog! It's really simple!

72 comments:

  1. Jacqueline, just to let you know, I now know how to put the copyright symbol, thanks to your tips. I have been trying to figure the out for a long long time how to type this into my photos. It is very a useful symbol to have. Now I can do it already! Thank you very much.

    ReplyDelete
  2. Thanks for sharing your success, I'm happy for you, Autumn Belle!
    The pleasure is all mine...I do really enjoy sharing my knowledge!
    Cheers!

    ReplyDelete
  3. Thank you so much for the concise, helpful information. I was able to add the copyright symbol to my blog.

    ReplyDelete
  4. You're most welcome, Angela! Delighted to know the tutorial helped you.

    ReplyDelete
  5. Thanks for the information. I spent some time looking how to do this and you had the easiest explanation I cound find.

    ReplyDelete
  6. You're most welcome, Edwin! Thanks for the thumbs-up! :-)

    ReplyDelete
  7. Hi Jacqueline, thanks to you, I now have a copyright symbol on my blog! And to think I was curious and irritated to see that symbol on the other blogs before. Do you mind me adding your link at my blog, so that other bloggers might benefit from you?

    ReplyDelete
  8. You're welcome...I'm happy for you, happydaily! Go ahead and add the link, after all the tips are to be shared worldwide. Thanks, I appreciate your thoughtful gesture.

    ReplyDelete
  9. Jacqueline thanks a lot for your tips and tricks.. I could just get that Copyright Info in a jippy thru ur blog .. thank you very much ...

    ReplyDelete
  10. So happy for you, Sri Vidya!
    And thanks for showing your appreciation in your kind comments.

    ReplyDelete
  11. Hey friend, thank you so much for this valuable tip :)

    ReplyDelete
  12. My pleasure, Avinash! Glad you've found it helpful.

    ReplyDelete
  13. Jacqueline , thanks for your post. I 'm going to implement this in my blog.

    ReplyDelete
  14. Great to know that! Thanks for your appreciation, Melissa!

    ReplyDelete
  15. Thank you so much for posting this - great information, clearly presented. Just what I needed tonight! :-)

    ReplyDelete
  16. You're most welcome, Toni Watts! Thanks for positive feedback...much appreciated.

    ReplyDelete
  17. Thank you so much for the copyright tips. The directions were super easy to follow and I just added my copyright notice to my blog!

    ReplyDelete
  18. Thanks for your thanks and positive thoughts, ladymoxie! Glad you're happy with the new addition.

    ReplyDelete
  19. I appreciate your clear directions; thanks for helping out!

    ReplyDelete
  20. Thank you very much for the excellent tutorial. I just put it on my bloggs.

    ReplyDelete
  21. Thank you for the excellent instructions!

    ReplyDelete
  22. Thanks for the lovely compliment, Sevilay! Much appreciated.

    ReplyDelete
  23. As simple as this sounds, I can't located outer-wrapper or footer-wrapper even after expanding the widget template. I want to insert my copyright and My Live Signature at the end of each blog post but have had no luck in trying to do so. I just switched my Blogger to a new template, and of course, I didn't back up the original ;( Any help would be appreciated, thank you!!

    ReplyDelete
  24. I saw that all's well at your blog now, Connie. That's great!

    ReplyDelete
  25. Thanks Jacqueline, staying up until 3am sometimes has it's benefits ;)

    ReplyDelete
  26. Gud information,bookmarking your site now

    ReplyDelete
  27. Thanks for the post! This was very helpful.

    ReplyDelete
    Replies
    1. You're most welcome, Jessica. Thanks for your positive comment.

      Delete
  28. Thank you so much this was really helpful to a non techy person like me

    ReplyDelete
    Replies
    1. Thanks for your appreciation... I love sharing, Telefan!

      Delete
  29. Hello, I did everything like you said, but it's not showing up when I hit preview. :( I deleted the attribution earlier, so could that be why? Please help as I really want to add the copyright notice at the bottom.

    Thanks!

    ReplyDelete
    Replies
    1. Elinka, I'd suggest that you choose option A as described in the above tutorial, that is, by going to Layout and Add a Gadget at the footer section. This is easier than option B where you need to edit your template's html.
      Hope this helps.

      Delete
  30. Thank you for the information... I've been looking for this information all morning, and so far this is the only place I've located it. Got my copyright notice posted now using the HTML option. Thanks again!

    ReplyDelete
    Replies
    1. You're most welcome. Great to know you've got what you desired, Missphoenix!

      Delete
  31. Hi Jacq, I was thinking about how to do this and so I give thanks to you made this guide made it clearer than crystal. Take care x

    ReplyDelete
    Replies
    1. You're most welcome, nukes&knives. Thanks for your much appreciated positive comment!

      Delete
  32. Thank you Jacqueline, very helpful article. I am now copyright protected! :)

    ReplyDelete
    Replies
    1. I'm delighted to know you're happy with the result and appreciate you taking the trouble to pen your kind thoughts.

      Delete
  33. Thanks a lot! :) Simple and clearly explained.

    ReplyDelete
    Replies
    1. Thank you for your thanks and appreciation, Torque.

      Delete
  34. Thanks to you I've added a copyright to my blog and I was able to add an archive page based on your tips. Very helpful site one of the best and very easy to follow.

    Jae Mac, I'm Just Sayin'...(Damn!)

    ReplyDelete
    Replies
    1. I'm glad for you, Jae Mac! You've made my day by your generous compliment about my site. :)

      Delete
  35. Replies
    1. A warm welcome, Ankita.
      Just scroll right down to the footer section where the icon of all my site followers are displayed. Then just above them at the left corner you'll see a link 'Join the site' with the Google Friend Connect icon. Click on it and a window pops up... then follow through instructions to sign in.

      Delete
  36. Thank you very much, I was searching for this and finally I got it. going to book mark this page. thanks one again.

    ReplyDelete
  37. Jacqeline, Thnx alllloooooooooooot for this awesome post...

    Actually I search it on many other sites, but all of them are kinda complicated and not working...

    but its just easy to understand N working perfectly....

    once again.....Thnx sloooot,deae
    ©©©©©©©©©©©©©©©©©©©©©©©©©©

    ReplyDelete
    Replies
    1. You're most welcome, Ajay! Great to know you're delighted with the results. :)

      Delete
  38. thanks man good post i have a very problem with copyright dmca. i have a website 10000 traffic. i copied from torrent site. then google remove my site from search results. how to protect this? i search on google about it i cannot find please help

    ReplyDelete
    Replies
    1. So sorry, Iqbal... I'm unable to help as it's out of my league.

      Delete
  39. Jacqueline, can I get ur private e-mail ID?


    coz,, I wanna ask u aloooot douts about blogging (sory, Im a starter, thats y)

    ReplyDelete
    Replies
    1. Sorry, Ajay... I don't give private tutoring. Kindly explore all my tutorials at Archives Page which may help your blogging doubts.

      Delete
  40. (I'm Ajay Mathew)-sorry, now I signout from that account)

    Ooops! But it's k.


    but plzzzzz help me by giving answer to the given below question...

    How I can add option in the head of my blog!?, I mean how to add something like
    "About, Archives , TOC , privacy etc." at the top of my blog!? (u did that)

    is that's with html!, if yes, plz gimme that codes...



    help in advance...

    ReplyDelete
    Replies
    1. Ajay... it would have been great if you had made an effort to explore my Archives Page as suggested earlier. Nevertheless, to help you further, I've appended below some of my tutorials that you can apply. Actually you need to add PAGES to your blog to get what you desire :
      1. http://jacqsbloggertips.blogspot.com/2010/07/create-pages-in-blogger-blogs-with-ease.html
      2. http://jacqsbloggertips.blogspot.com/2010/05/create-table-of-contents-or-archives.html
      3. http://jacqsbloggertips.blogspot.com/2010/05/create-table-of-contents-or-sitemap-for.html
      Hope these help.

      Delete
  41. i am not see between the footer-wrapper and outer-wrapper like this code

    ReplyDelete
    Replies
    1. Aman Sarda... I'd suggest that you choose option A as described in the above tutorial, that is, by going to Layout and Add a Gadget at the footer section. This is easier than option B where you need to edit your template's html.
      Hope this helps.

      Delete
  42. Hey, how did you add links to the copyright bar, like home about sitemap, etc? can you please help me do that?

    http://fictionparker.blogspot.com/

    ReplyDelete
    Replies
    1. Hi Fiction Park. Edit your copyright widget at Layout, and add the related HTML links you desire with a space between each link. Check my tutorial on how to create such links. Hope this helps.

      Delete
  43. thanks a lot, very useful.
    www.shplww.blogspot.com

    ReplyDelete
    Replies
    1. You're most welcome, Rhoderick. Great to know you've found it useful. Have a nice day.

      Delete
  44. very helpful for beginner like me, thank you so much.. keep it up <3

    ReplyDelete
    Replies
    1. Nice to know you've found it helpful. Thanks for the encouragement, Kryzzaesumaoang!

      Delete

Welcome! Kindly leave your comments which are very much appreciated with a thankful heart.

Custom Search