• Add Empire Avenue Badge to Blogger.com

    by  • July 1, 2010 • Uncategorized

    This is just a quick overview on how to add the Empire Avenue Stock Badge Widget to your Blogger.com Blog.  The ideal spot for this Badge is in the sidebar, however you can place anywhere your little heart desires ;-)

    1. Login to your blogger account

    2. From your Dashboard go to Design

    Blogger - Design Link

    3. Click Add a Gadget in your Sidebar (or wherever you want to place the Badge)

    Blogger - Add Gadget

    4. Select HTML/Javascript from the Basic set of Gadgets

    5. In the Content box, paste the following code.  Make sure to Change ‘TICKER’ to your unique ticker!

    <!--- CUT AND PASTE FROM HERE -->
<script type="text/javascript" charset="utf-8">
//EDIT THE FOLLOWING VARIABLES
//enter your exact ticker
var eav_t = "DUPS";
//Size 1 is 100x100 and Size 2 is 190x167
var eav_s = 2;
//Do not edit the following:
var eav_is_ssl = ("https:" == document.location.protocol);
var eav_asset_host = eav_is_ssl ? "https://badge.empireavenue.com/" : "http://badge.empireavenue.com/";
document.write(unescape("%3Cscript src='" + eav_asset_host + "blog/?t=" + eav_t + "&l=" + escape(window.location) +"&s=" + eav_s + "' type='text/javascript'%3E%3C/script%3E"));
</script>
<!--- TO HERE -->

    Blogger - Edit Badge Script

    6. You can add a title for this Widget.. and then click Save.

    7. Save your Template and refresh your page.

    Congratulations, you should now have a working Empire Avenue Badge on your Blogger.com Blog! If you experience any issues you can ping us on Twitter @EmpireAve or shoot us an email to info@empireavenue.com

    -Aaron

    About

    Aaron is the Director Interaction Development & Design for Empire Avenue.

    http://www.aaronkwhite.com

    12 Responses to Add Empire Avenue Badge to Blogger.com

    1. Juanjo Cuéllar
      July 1, 2010 at 4:12 pm

      How about including some code that we can Select & Copy?

    2. wakowrz
      July 1, 2010 at 4:15 pm

      and where is the “copy paste” code?

    3. Ed
      July 2, 2010 at 3:53 am

      hiya
      Can we get the actual code to cut & paste rather than a screenshot?

      Cheers!

    4. Aaron
      July 2, 2010 at 1:33 pm

      I have just updated to post to include the Widget code. You can also head over to the API Docs and find it over there: http://apidocs.empireavenue.com

    5. Rose
      July 2, 2010 at 6:42 pm

      Can we get instructions on how to make the code work in WordPress? I’ve been messing with it for a while and can’t get it to display.

    6. Adam
      July 5, 2010 at 9:01 am

      WordPress.com does not and will probably never support JavaScript, so unless the code to this widget changes, we wordpress users may be out of luck.

    7. Tim
      July 8, 2010 at 10:20 pm

      I had no trouble getting it to display in WordPress. I just added a Text widget and copied the code: http://tim-osborne.com/blog/

    8. Ben Tremblay
      July 16, 2010 at 9:46 pm

      @Tim – Come again? I did just that but all I got was raw code in my sidebar. You aren’t on WordPress.com, are you.

      this is a bummer

    9. Pingback: Badges « (e)ITGeek on Empire Avenue

    10. Pingback: Los blogs salen a a bolsa… | Civilgeek

    11. Janine White
      September 10, 2010 at 8:14 pm

      I added the badge to my Office Live web site at http://janinewhite.com/EmpireAvenue.aspx. It works in Chrome, but it hangs IE8. Any suggestions?

    12. Rob Dickens
      October 20, 2010 at 6:58 pm

      Great stuff. Thanks. Just put it on my blog :)