Sunday, March 27, 2011

How to Add a YouTube Video to Your Blog

Video is a great way to add more content to your website. This doesn’t mean you need to spend lots of money on professional videos. You can incorporate other videos that you see around the internet and add your reaction to them.

YouTube is the largest video site in the world. There is already so much content there. If you haven’t done it before, watch the video below to learn how to take videos from YouTube and add the player directly on to a page of your website or your blog. These instructions are specifically for YouTube but other sites like Vimeo have embed options as well, so these instructions should help with other video players as well.

How to Add a YouTube Video to Your Website

  1. Find a video you want to add to your website
  2. Click on the Embed button
  3. Personalize the video to the correct size and specifications you need
  4. Copy the HTML code
  5. Go over to the HTML side of your blog or website
  6. Paste the copied embed code
  7. Publish
  8. Voila – you have embedded a video to your website

Monday, March 14, 2011

How do you add your photo to your profile?

To add a photo to your profile, choose an image from your computer or the web.
  1. Sign in to your Blogger Dashboard.
  2. Click the Edit Profile link.
  3. Click "Browse" and locate the desired image on your computer.
  4. If your desired image is located on the web, enter the URL of your image next to From the web.
  5. Save your profile.
Note:
  • The image must be 50k or smaller in size.

How do you post pictures?

You can now upload photos to your blog(s) using Blogger Images; just click the image icon in the post editor's toolbar.

When you click this icon, you'll get a window that allows you to select an image or multiple images from your computer. Click the Browse button to locate the ones you want. Alternatively, you can enter the URL of an image that's already online and insert it into your post.
If you click the link to choose a layout, you can customize the way your images will appear in your post:
The left, center and right options determine how the text of your post flows around the pictures. The size option lets you scale the pictures to different sizes within this posting area. Note that the picture will still be uploaded in its full size; this option just determines how it's scaled within the content of your post.
Alternatively, you can post images to your blog using Mail-to-Blogger. This feature allows you to email posts with image attachments directly to your blog. For more information about Mail-to-Blogger, please see this article

Thursday, March 10, 2011

How to create 125 by 125 Ad Banner Widget For Blogger/Blogspot Blogs?

The Simplest Secret of 125 by 125 Ad Banner

In many blogs, you may see several 125 by 125 affiliate links. These affiliate links may help you to earn more money easily. These affiliate marketing ads are really valuable and you may use them besides Google AdSense program. If you successfully implement these 125 by 125 affiliate links then you can earn much money easily when visitors follow those online affiliate marketing links. Most of the blogs or websites add these online affiliate marketing links in the sidebar or other convenient places. These online affiliate marketing links are represented through 125 by 125 Ad Banner Widget.It is very easy to implement 125 by 125 Ad Banner Widget to your blog. This hubpage shows you the steps to build 125 by 125 Ad Banner Widget for your Blogger / Blogspot blogs.

Steps to Add 125 by 125 Ad Banner Widget for Blogger

Adding 125 by 125 ad banner widgets of you blogspot blog or website is very easy and simple. Just follow the following steps to add 125 by 125 ad banner widget for your blogger blog:

Step 1: Login and accessing blogspot template layout

First, log in your blogspot account by using your user name and password. After this you will be redirected to your blogspot Dashboard page. Select the blog which template you want to modify or customize. You will find a link named as Layout. Click on that link.
You soon redirected to your desired blog's main Layout panel. Now, click on the Page Elements tab link and you will find the original template's page element panel where you will see the graphical arrangement of your template

Step 2: Adding a Gadget for 125 by 125 Ad Banner Widget

To add 152 by 125 ad banner widget, you have to add a gadget of your blog template. Just click Add a Gadget and you will find a gadget lists. From the gadget list, choose HTML/JavaScript gadget by simply clicking that gadget.
After adding that gadget, you have to add some of the html codes to that widget. Don't fear. I will tell you the step by steps solution to do this. Now, look the following code segment. Just look.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div align="center">
<table border="0">
    <tbody>
  
        <tr>
  
            <td>
                <center>
                            Your_Codes_Go_Here
                </center>
            </td>
              
        </tr
    </tbody>
</table>
</div>
The above code segment is enough to design or implement 125 by 125 ad banner for your blog.
Look the above lines of code. There is a text Your_Codes_Go_Here at line 9.You just have to edit this line with the original affiliate marketing codes or banner codes. All of the affiliate banner codes are ready to your affiliate account. You don't have to edit any part of all those affiliate codes. For example, I want to add affiliate codes for cz.cc. The affiliate code may look like the following:
1
<a href=http://nic.cz.cc/index.php?ref=signupp><img src=http://nic.cz.cc/images/125x125_eng.gif></a>
If you sign up, you can see those type of affiliate code which are ready to your affiliate account. Just copy those code and replace with the line Your_Codes_Go_Here line. That's all.
So, the final code segment may look like the following code segment:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div align="center">
<table border="0">
    <tbody>
  
        <tr>
  
            <td>
                <center>
                            <a href=http://nic.cz.cc/index.php?ref=signupp><img src=http://nic.cz.cc/images/125x125_eng.gif></a>
                </center>
            </td>
              
        </tr
    </tbody>
</table>
</div>
You may add as many 125 by 125 ad banner affiliate marketing codes for your blog. You just have to repeat the code of line 7 to line 11 codes. For example, let we want to add three affiliate codes in the widget. So, we have to copy from line 7 to line 11 codes two more times. And finally the codes look like the following:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<div align="center">
<table border="0">
    <tbody>
  
        <tr>
  
            <td>
                <center>
                            Your_Codes_Go_Here
                </center>
            </td>
              
            <td>
                <center>
                            Your_Codes_Go_Here
                </center>
            </td>
              
            <td>
                <center>
                            Your_Codes_Go_Here
                </center>
            </td>
              
        </tr
    </tbody>
</table>
</div>
And finally replace the lines Your_Codes_Go_Here line with the affiliate codes. And that's all.

Step 3: Saving The Widget Code

After adding the above codes, just click the SAVE button of the HTML/JavaScript widget.

Live demo of this tutorial

Now, it's time to watch the live demo of this tutorial's effect. Simply follow the link and see the effect of this tutorial.
Click here to watch the live effect of the tutorial "How to create 125 by 125 Ad Banner Widget for Blogger/Blogspot Blogs? The Simplest Secret of 125 by 125 Ad Banner Widget."

Last Words

Adding 125 by 125 ad banner widgets for you blog is very easy and simple. Most people add these ad banner widgets to earn a little more money beside Google AdSense or others. Hope, you can easily implement this by following this tutorial. Moreover, if you face any problem to implement this, tell me in the comment section. I will try to solve the problem which you may faced.

Wednesday, March 9, 2011

How to change URL of your blog

Steps to change a blog's URL (web address) in Blogger:

1. log into Dashboard
2. click on the relevant blog
3. click SETTINGS tab
4. click PUBLISHING
5. edit url (see screenshot above. Place where you type the new URL is indicated by cursor (arrow) and also "Type new URL here" in red
Remember to save settings.
Your success will depend on whether the URL has already been taken up or not.

NOTE: Remember, if you changed the URL of your blog, any existing incoming links will become dead link. If your blog is relatively new, that may not be a problem, but if your blog has been on the Web for a long time, your blog will already have been indexed by search engines, and you will have to wait to be indexed by the search engines all over again, and for some time, people searching for content in your blog will get links that lead nowhere. You will lose your PageRank and will have to wait a long time to get a meaningful PageRank for blog with the new URL. People may have linked to your blog or posts and all these will become dead links. Further, there have been lots of reports of bloggers who deleted their blog or changed its URL. Sploggers grab the now available URL and use them for dubious uses the worst of which is pornography. This will be extremely embarrassing for you if your family, relatives, friends, colleagues, etc., have your old URL.

So if yours is an old blog, think very carefully before you change the URL. If you insist on doing it, I would suggest immediately try to re-register your old URL and use it to redirect the old blog to the new blog URL. See Redirect New Blogger blog to another site

Your Blog Speak More Languages


   
I speak and write English (Americanised English, for you Brits). Until this weekend, my blogs were all published in English, and in English only. Thanks to the Kaspersky fiasco of Friday (Kaspersky is a Russian product), however, I was motivated to correct that shortcoming.

This was, surprisingly, an easier task than I had anticipated. If you will examine the sidebar, you will observe my multi-lingual translator, courtesy of Google Translator. It provides on the fly translation of the currently displayed web page, and whatever web pages that are subsequently loaded from following any links. It provides translation from English, to any of (as of 12/01/2009) 54 different languages. You can see the enumeration of the available languages below, in the code, or you can move the mouse over each flag, and check out the popup tags.

The translator applet code is surprisingly compact, and expandable with additional languages. It's well defined too - "<form ... > ... </form>" is the entire package. Stretch the browser window widely enough, so you can see all of the text, please. And be very careful of any gratuitous line breaks.

<form action="http://www.google.com/translate">

<script language="javascript" type="text/javascript">

<!--

document.write ("<input name=u value="+location.href+" type=hidden>")

// -->

</script>

<noscript><input value="http://cumulus.nitecruzr.net/" name="u" type="hidden"/></noscript>

<input value="en" name="hl" type="hidden"/>

<input value="UTF8" name="ie" type="hidden"/>

<input value="" name="langpair" type="hidden"/>

<input title="Catalan | Catalan - Andorra" value="en|ca" 
src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-fM7vwhSI/AAAAAAAAHl0/ZoZkfhEb01M/s320/Andorra+-+Catalan+-+ad_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Shqipe | Albanian  " value="en|sq" src="http://3.bp.blogspot.com/_AKSZkmXmrnc/SulXteeOTLI/AAAAAAAAApU/zzVdH9EYg3Q/s320/Albania+sq_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" العربية | Arabic" value="en|ar" 
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/358406/gse_multipart12399.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Беларусь | Belarus" value="en|be" 
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StRavKvYSqI/AAAAAAAAAic/Mf3R1Dx51CY/s320/Belarus+be_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Brasileira | Brazil | Portuguese" value="en|pt" 
src="http://4.bp.blogspot.com/_AKSZkmXmrnc/StMCGF26iTI/AAAAAAAAAh0/H2FZBd1e_gw/s320/Brasil++br_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Bahasa Melayu | Malay - Brunei" value="en|ms" 
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StcYJnuvsEI/AAAAAAAAAj8/-uDiw4AdYjU/s320/Brunei+bn_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" България | Bulgarian" value="en|bg" 
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiXtQx-uLI/AAAAAAAAG6I/RuLPDhnFMXY/s320/Bulgaria+-+bg_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="中文(简体)| Chinese (Simplified)" value="en|zh-CN" 
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="中文(繁体)| Chinese (Traditional)" value="en|zh-TW" 
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/208681/gse_multipart12398.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Hrvatska | Croatian" value="en|hr" 
src="http://1.bp.blogspot.com/__v4nth5_ki0/SMhVoigYF0I/AAAAAAAAG5s/naE3NObTVZs/s400/Croatia+-+hr_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Čeština | Czech Republic " value="en|cs" 
src="http://4.bp.blogspot.com/__v4nth5_ki0/SMiX9aMIL3I/AAAAAAAAG6o/4-RYadolKWQ/s320/Czech+Republic+-+cs_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Dansk | Danish" value="en|da" 
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiX9nD1NZI/AAAAAAAAG6w/ZnIBEtLIHEw/s320/Denmark+-+da_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Eesti | Estonian" value="en|et" 
src="http://2.bp.blogspot.com/_AKSZkmXmrnc/StT4ASM2ZsI/AAAAAAAAAis/PmQSwtOQNLc/s320/Estonia+et_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Suomen | Finnish" value="en|fi" 
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiZwsOFndI/AAAAAAAAG8w/VlBr_zN32q8/s320/Finland+-+fi_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Français | French" value="en|fr" 
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/327620/gse_multipart12413.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Galitian | Galitian" value="en|gl" 
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StfhOOzBp9I/AAAAAAAAAks/qinFZhMlyd8/s320/Galicia+gl_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Deutsch | German" value="en|de" 
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/734899/gse_multipart12400.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Ελλάς | Greek" value="en|el" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_0QEsfCrY2kiCL6LcEO4I4db89msmBeo56K8sbxblQuZ2pcPtx5KyGGEZyWRDPJDvHL84ADC5pF62uH8C-h0bb4vVl8Xz7z5VebeIKEDId25waeEr0qd2ODU0DTifby4-cF9ub3XHB0M/s320/Greek+Flag+36x24.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" עברית | Hebrew " value="en|iw" 
src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-fNBP-7LI/AAAAAAAAHmE/fJeA_Sbl9w4/s320/Israel+-+il_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" हिन्दी | Hindi " value="en|hi" 
src="http://4.bp.blogspot.com/__v4nth5_ki0/SMiYu9muwaI/AAAAAAAAG7Y/lO6YgNdyHM4/s320/India+-+hi_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Magyarország | Hungarian" value="en|hu" 
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StRtqlXKToI/AAAAAAAAAik/R38R7O52aDU/s320/Hungary+hu_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Íslande | Icelandic " value="en|is" 
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/SteuRylaOeI/AAAAAAAAAkc/eRI7XsLEz34/s320/Iceland+is_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Bahasa | Indonesian" value="en|id" 
src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-fNKvGgZI/AAAAAAAAHl8/UESh2PimM5U/s320/Indonesia+-+id_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Gaeilge | Irish " value="en|ga" 
src="http://2.bp.blogspot.com/_AKSZkmXmrnc/SugR7i9pedI/AAAAAAAAAoU/HG7Sod0eQdQ/s320/Ireland+ie_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Italiano | Italian" value="en|it" 
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/306145/gse_multipart12401.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="日本語 | Japanese" value="en|ja" 
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/443122/gse_multipart12402.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Kiswahili | Kenyan " value="en|sw" 
src="http://2.bp.blogspot.com/_AKSZkmXmrnc/Sugd4gdlhQI/AAAAAAAAAok/Pyselb6uWtE/s320/Kenya+ke_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="한국어 | Korean" value="en|ko" 
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/581031/gse_multipart12403.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Latviešu | Latvian" value="en|lv" 
src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-fNX2rCXI/AAAAAAAAHmM/1LRWqh7YQBA/s320/Latvia+-+lv_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Lietuvos | Lithuanian" value="en|lt" 
src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-fNrJizVI/AAAAAAAAHmU/kdaran4uffk/s320/Lithuania+-+lt_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Македонски | Macedonian " value="en|mk" src="http://1.bp.blogspot.com/_AKSZkmXmrnc/SumJcBVBZpI/AAAAAAAAApk/kY7CqDLy-Y4/s320/Macedonia+mk_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Bahasa Melayu | Bahasa  Malay" value="en|ms" 
src="http://4.bp.blogspot.com/_AKSZkmXmrnc/StVfgdeTNAI/AAAAAAAAAjE/7Vcnxzvy0eE/s320/Malaysia+ms_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Malti | Maltese" value="en|mt" 
src="http://1.bp.blogspot.com/_AKSZkmXmrnc/StVnV4GqUAI/AAAAAAAAAjM/UUE5FAHZdyA/s320/Malta+mt_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Nederlandse | Nederlands" value="en|nl" 
src="http://1.bp.blogspot.com/__v4nth5_ki0/SMiZWUAFSOI/AAAAAAAAG74/lsNT2NI_oFI/s320/Netherlands+-+nl_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Norsk | Norwegian" value="en|no" 
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiZWYWSvEI/AAAAAAAAG8A/7sOoou7far0/s320/Norway+-+no_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" فارسی | Farsi | Persian " value="en|fa" 
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/Sul5V-oc-6I/AAAAAAAAApc/1YIKlfK7L70/s320/Iran+fa_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Tagalog | Pilipinas " value="en|tl" 
src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-f7gyN2aI/AAAAAAAAHmc/x_LSaXlHtCs/s320/Pilipnas+-+ph_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Polska | Polish" value="en|pl" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEherPnh5gixrkLNdLz9IifTnKDSjeC7KFQWUOR1CdU0KaOLXe3yXSGiJYcZ0_48j62G9SwepaqhXOHhcvosw4GKzUg2B_hYdDcYxda3dTvpCqdSbAtAg3Bp-bZrdWP5o3vZgTJn8Q_Vo8np/s320/Polish+Flag+36x24.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Português | Portuguese" value="en|pt" 
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/670301/gse_multipart12404.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Român | Romanian" value="en|ro" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyN4qevcXCq6W36jogqkrg9o_EM59Jh19z0eIs5JSxEbay6kp9nCsMNDJZWp3XZuVV4XR1T5P_2c-l_4rJlttWAgkCQpGR3MaJM0tfOSyogBwLcxS51lY24lFLYCQRtw-FVaZaJwOOhCiw/s320/Romainian+Flag+36x24.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Русский | Russian" value="en|ru" 
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/111692/gse_multipart12405.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Србија | Serbian" value="en|sr" 
src="http://3.bp.blogspot.com/__v4nth5_ki0/SP-f7_imioI/AAAAAAAAHmk/ytbpoyJHbmo/s320/Serbia+-+si_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Slovenčina | Slovak" value="en|sk" 
src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-f79KzfyI/AAAAAAAAHms/-I315jcpHN0/s320/Slovak+-+sk_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Slovenija | Slovenian" value="en|sl" 
src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-f8P0fwiI/AAAAAAAAHm0/Lzeh8mXiWvE/s320/Slovenia+-+si_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Afrikaans | South Africa " value="en|af" 
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StLizqawtEI/AAAAAAAAAhk/aGuY6R70tNw/s320/South+Africa+af_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Español | Spanish" value="en|es" 
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Sverige | Swedish" value="en|sv" 
src="http://1.bp.blogspot.com/__v4nth5_ki0/SMiZwrYspyI/AAAAAAAAG8o/uVUWBAyZkVc/s320/Sweden+-+se_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Kiswahili | Tanzania " value="en|sw" 
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/SugbcuFKJyI/AAAAAAAAAoc/8Q1rooFZtpY/s320/Tanzania+tz_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" ไทย | Thai" value="en|th" 
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StKoTKbCsMI/AAAAAAAAAg8/JfICxQ5m6yk/s320/Thailand+-+th_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Türkiye | Turkish" value="en|tr" 
src="http://2.bp.blogspot.com/_AKSZkmXmrnc/StLWW4Zyu6I/AAAAAAAAAhU/FU5iu_D0TLQ/s320/Turkish+-+tr_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Україна | Ukrainian" value="en|uk" 
src="http://3.bp.blogspot.com/__v4nth5_ki0/SP-f8Bg1AMI/AAAAAAAAHm8/b4jhQQPSvj4/s320/Ukraine+-+ua_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" tiếng Việt | Vietnamese " value="en|vi" 
src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-gZakjpuI/AAAAAAAAHnE/fwfNZkisDOA/s320/Vietnam+-+vn_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Cymraeg | Welsh " value="en|cy" 
src="http://4.bp.blogspot.com/_AKSZkmXmrnc/SugQR0g60cI/AAAAAAAAAoM/rmVA-1LvU4g/s320/Wales.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" אידיש | Yiddish " src="http://3.bp.blogspot.com/_AKSZkmXmrnc/SupeM9if5gI/AAAAAAAAAp8/1gp_kA_Mhnk/s320/Yiddish_Star.png"  onclick="this.form.langpair.value=this.value" value="en|yi" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;"width="30" name="langpair"/>

</form>

<a href="http://blogging.nitecruzr.net/2008/02/make-your-blog-speak-more-languages.html"><span style="font-weight:bold;">What Are These?</span></a>

This entry requires just 3 unique elements.
  • When you hover the mouse over the flag, you see
    العربية / Arabic
  • The definition of English to Arabic translation is
    en|ar
  • The picture of the Arabic flag, resized to 30px x 20px, in 1600 pixels resolution, is
    http://photos1.blogger.com/x/blogger2/
    6075/564571464515337/1600/z/358406/gse_multipart12399.png

Each of the other language entries, similarly, require another corresponding 3 unique elements. The array of flags are universal language symbols, that are obvious to the inhabitants of the various countries, so they need no captions.

If you want your blog to reach the world, I can't think of an easier way to encourage that to happen.
  • Add a new HTML / JavaScript gadget.
  • Highlight, Copy, then Paste the code ("<form ... > ... </form>"), exactly as presented above, directly into the Content window in the new HTML / JavaScript gadget. Do not copy anything into Notepad, or any other word processor that might have trouble with the UTF-8 character set. The code above includes UTF-8 characters, in the Asian language labels - if you try to save anything as ANSI, you will get a warning, and possible code corruption.
  • Make one simple change - correct the blog URL, to identify your blog (in this example, "myblog.blogspot.com").
    <noscript><input value="http://cumulus.nitecruzr.net/" name="u" type="hidden"/></noscript>
    change to
    <noscript><input value="http://myblog.blogspot.com/" name="u" type="hidden"/></noscript>
  • Save.
  • Test, and admire, your new world ability.

It took me several hours to write (and rewrite) this. It took me 10 minutes to set up the gadget on this blog, and 5 minutes to add this to PChuck's Network.

Having said all of that, I will note that je parle un peu de francais, and yo hablo un poco de espanol. And briefly examining (5 minutes of each) various translated pages in those two languages, I can note what I will discretely call "oddities". Both PChuck's Network and The Real Blogger Status are techie blogs, and I will bet quite heavily that not all technical terms that I use will be properly translated. But this is a start.

And next, I will note that the setup described above translates from English into other languages. If your blog is written in, let's say, French, you'll want Cumulus In Your Language. Additional languages are in progress.

For a more detailed discussion about this exciting blog accessory, see Roberto's Report: Language Translator Set-up.

For the official Google Translated Language Pairs list, see Google Translate FAQ: Language Pairs. Be advised that my applet above won't always be 100% up to date; but if you spot a new language in the Google list, that isn't in my applet, and let me know, I'll do my best to add it.