The Easy Way to add Translation Links (International Flag Icons) to Blogger

By Blog Bloke March 29th, 2007 | 9 Comments Buzz thisBuzz it Share this on Facebook

English is quickly becoming a minority language as the blogosphere goes international. Probably at least half of my readers are international, so anything that will make your blog more readable and convenient for your readers is a plus.

I’ve been getting a lot of requests asking me how I was able to add translation links (flag icons) on my sidebar. Instead of answering everyone individually I might as well just post it so all of you can use it.

The method below shows instructions how to put it into a New Blogger Blog using a custom design template. The code however should also work for any type of blog platform. Your interface and method of pasting it into your template will just be a little different. So here you go:

Log into your New Blogger Dashboard and click on ‘Layout or Template‘. When you first login you should see something like this:Dashboard The Easy Way to add Translation Links (International Flag Icons) to BloggerOr, if you are already in your ‘Template‘ menu you should see something like this:Dashboard2 The Easy Way to add Translation Links (International Flag Icons) to Blogger

In this example I’ve circled “Add a Page Element” in the top Navbar area. You don’t want to add your code there. Scroll down the page further to your sidebar and you will find another “Add a Page Element” link. Choose that one.

So click on ‘Add a Page Element‘ in your sidebar and then choose ‘HTML/JavaScript‘…

Dashboard3 The Easy Way to add Translation Links (International Flag Icons) to Blogger

and copy and paste the following code into the ‘Content‘ area:

Filed under: Blog Design Tips, Blog Tips, Blog Tools Blogger, blogging tips

What Next? Read More Tips From BLOGBloke:

Sharing is Caring...

 
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • TwitThis
  • Facebook
  • GoogleBuzz
  • Digg
  • StumbleUpon
  • del.icio.us
  • FriendFeed
  • Live
  • YahooMyWeb
  • Sphinn
  • LinkedIn
  • Reddit
  • email
  • Keep in touch with BLOGBloke and don't miss another blog tip:

    Subscribe here to the Better Tips Newsfeed!   

    Follow @BLOGBloke on Twitter for Social Media Tips & News!

            Opinions? (click here to jump to the comments form)

    Ok Blokesters it's your turn to tell me what you think, ask a question or suggest a blog tip. Don't forget the comments policy and I'm looking forward to reading what you have to say.

    9 Comments so far to “The Easy Way to add Translation Links (International Flag Icons) to Blogger”

    1. Darned, I wish I had read this post before I went to all the trouble to add other ones! Now I’m gonna go off and follow your clear instructions on the rest of my blogs!

      [ Reply..]

    2. Ok…I’m back! I have the new Blogger, but I don’t see any such thing as a Page Elements! Where is it hiding anyway? Grrr…..

      [ Reply..]

    3. Ok, I’ve updated the post with some pics. Let me know if that helps Kuanyin.

      [ Reply..]

    4. Maybe Blogger is different for you folks Down Under, but for my NEW Blogger, there is no such animal as Page Elements! I wonder how you got that feature! Hmmm….and I really don’t want to hammer on Blogger because you know they take forever to respond! Mahalo for trying to help me! This is very weird.

      [ Reply..]

    5. Hi Kuanyin. You may have upgraded, but are you still using the “Classic” version of your old template. That might explain the different interface.

      [ Reply..]

    6. If your template is still in “classic” mode then you won’t see the Page Elements page. If that is the case you can still copy and paste the code the good old fashioned way.

      [ Reply..]

    7. This site realy help me find necessary and valuable information. I thank the author for granting of the given information. It would be desirable to give also the additional information on the given subjects: http://www.lifeinsure.ueuo.com

      [ Reply..]

    8. Free Online Translation offering hundreds of dictionaries and translation in more then 650 language pairs.You are also able to cross-translate sentences, paragraphs or even full texts into French, Spanish, German, Italian and other languages. Our online translator will help you to achieve the best language translation over the internet; so start your multilingual journey here…

      [ Reply..]

    9. Thanks, this is good instruction.
      We were thinking about adding a tool like this to our blog, just to show how far machine translation has come. It’s a rising issue. Of course it will never be able to replace human translation, but for getting an idea of the content it is obviously a great solution.

      [ Reply..]

    BLOGBloke AvatarAdd A Comment .. your avatar (like mine on the right) will magically appear from your social profiles like Twitter or Gravatar. You can also add a comment to your Twitter or Facebook pages by clicking on the following so-very cool buttons  Share

    Tweet This? Click Here 

    Subscribe to Better Blog Tips and the New Media Newsfeed Subscribe to comments for this post by RSS | TrackBack URL

    You can use these XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

    Subscribe to Better Blog Tips and the New Media Newsfeed Thanks for dropping by and don't forget to Subscribe to the Better TIPS Newsfeed

    Additional comments powered by BackType