How to add a badge to a blog made with Blogger

<b>This article is about how to add a badge that someone else gives you to a blog made with Blogger.</b><br /><br /><br /><div style="clear: both;"></div><a name="more"></a><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP1NWtB9pYvr3cVloA3dgh5F6lN7b9j9Pe6RCv1vNiE2V5SNVpk6GeAwWzAZPxmL28Ey5U64zXIepMlAlziWnEJrw6WTN8cZheffVn0lNC8cDUiCaNWLkYd2Erw5IpxsL4Vase8nBxYXbP/s720/install-badge-to-blogger-blog-hosted-blogspot.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP1NWtB9pYvr3cVloA3dgh5F6lN7b9j9Pe6RCv1vNiE2V5SNVpk6GeAwWzAZPxmL28Ey5U64zXIepMlAlziWnEJrw6WTN8cZheffVn0lNC8cDUiCaNWLkYd2Erw5IpxsL4Vase8nBxYXbP/s720/install-badge-to-blogger-blog-hosted-blogspot.png" width="280" /></a></div>Sometimes, blog-owners run a blog-a-thon or a similar circle-of-blogs event.<br /><br />One aspect of taking part is by <b>showing a badge for the event on your own blog</b>, so that your visitors are invited to take part and to view other participants' blogs too.<br /><br />Usually who-ever is hosting the event gives you the code for the badge, and tells you to install it into your own blog.   Sometimes they even tell you how to install it to your Wordpress blog - <a href="http://michellerafter.com/2014/05/30/grab-2014-flxwordcount-blogathon-logo/" target="_blank">like this</a>. <br /><br />Fortunately, installing a badge to a blog made with Blogger is equally easy. <br /><br /><br /><h2>Installing a badge to Blogger</h2><b><br /></b> <b>Decide where</b> you want to put the badge.   Traditionally badges go into the sidebar, but you could choose to put it into the header or footer, into the space above or below your posts, or even into an individual post.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEkfCeCXBlC8YWuvLfzf44tUBatNn91KSUtMp_Drr3xX20uKVXxRg58vSV4aurraJMnO-1HO-lzmYTUTRrj8E_Xj8eo6AojZq57jFVFMY10_e0Kk73seGffB06HZUolj6t6TOk_ErNr5KP/s640/areas-to-install-gadget-to-blog-header-footer-sidebar-above-below-post-body-of-post.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEkfCeCXBlC8YWuvLfzf44tUBatNn91KSUtMp_Drr3xX20uKVXxRg58vSV4aurraJMnO-1HO-lzmYTUTRrj8E_Xj8eo6AojZq57jFVFMY10_e0Kk73seGffB06HZUolj6t6TOk_ErNr5KP/s640/areas-to-install-gadget-to-blog-header-footer-sidebar-above-below-post-body-of-post.png" width="90%" /></a></div><br /><br /><b>Get the HTML code</b> for the badge.<br /><i>NB   If the other party doesn't give you the code, or if their code is neither HTML or Javascript, then you may need to make it yourself using the approach described in <a href="http://blogger-hints-and-tips.blogspot.ie/2010/10/creating-button-that-links-to-your-blog.html">How to make a Button for your Own Blog</a>.   But 99.99% of the time, they provide it.</i><br /><br /><br /><b>Install the code</b> into your blog <a href="http://blogger-hints-and-tips.blogspot.com/2010/10/putting-html-code-from-third-party-into.html">the same way you would put any other 3rd party HTML or Javascript into it</a>.  <br /><br />In most cases, this involves adding a HTML/Javascript gadget, pasting the code in, and then positioning it where you want it.   But There are some cases when you will need to edit your template.<br /><br /><br /><b>Job Done!</b><br />Yes, it really is that simple.    A badge is simply a picture, and a piece of code which says "when this picture is clicked, go there"   The hard work is in making the picture for the badge - installing it is usually very simple  (unless you do something complicated and try to put the button in the middle of your post headers and footers.<br /><br /><br /><h2>A thought about copyright</h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhETCx0GGzk0G1ShmLZ-eq6_mYM71GKH1VUeZkGitQSj68KL2FL7GyBawJ12cslr21EDZzZYZSL6uD4BZcb7TDwLwX0_k3hyphenhyphencFW-O5EPbiX0eAnuLAToS33KBduWcGvpmI7SB0uDLbGtV-2/s276/196px-Copyright_click.svg.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhETCx0GGzk0G1ShmLZ-eq6_mYM71GKH1VUeZkGitQSj68KL2FL7GyBawJ12cslr21EDZzZYZSL6uD4BZcb7TDwLwX0_k3hyphenhyphencFW-O5EPbiX0eAnuLAToS33KBduWcGvpmI7SB0uDLbGtV-2/s200/196px-Copyright_click.svg.png" width="141" /></a></div>As I've said before, <a href="http://blogger-hints-and-tips.blogspot.com/2010/10/copyright-blogs-and-bloggers.html">copyright law applies to blogs</a>, just like it applies to all created things.  So of course it applies to badges, and the images used on badges.<br /><br />However, because you are installing a badge which someone else has provided the code for and told you to use, it's safe to <b>assume that you have their permission </b>to use the image that they have provided on your blog.<br /><br />But it's probably not a good idea to modify the badge code too heavily - for example to change the size of the image drastically, or to use a different picture.<br /><br /><br /><br /><hr /><h2>Related Articles: </h2><a href="http://blogger-hints-and-tips.blogspot.com/2010/10/putting-html-code-from-third-party-into.html">Putting 3rd party HTML into your blog</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/10/copyright-blogs-and-bloggers.html">Copyright, blogs and bloggers</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.ie/2010/10/creating-button-that-links-to-your-blog.html">How to make a Button for your Own Blog</a>

How to add a badge to a blog made with Blogger

This article is about how to add a badge that someone else gives you to a blog made with Blogger. Sometimes, blog-owners run a blog-a-thon o...

Read more »