This Is A Sample Of Sticky Post


The Problem is: to do this trick, we must use HTML code to make up the text... But don't worry, if you are not capable with HTML Codes, there are simple and fast way to make your sticky post without learn it. Use your "New Post" to make a sample of your sticky post, set the display as close as your real post, use the Preview to check your sticky post display then copy-paste into your content collumn text add gadget.

Learn how to make this sticky post in http://doit2us.blogspot.com/2010/02/how-to-make-sticky-post-in-your-blogger.html

How To Make The Navigation Menu Bar On Blogspot (II)

>> Sunday, January 31, 2010

In How To Make The Navigation Menu Bar on Blogspot (I) we have discuss how to make the navigation links menu with simple HTML script. In this article we will learn how to make it more attractive with CSS.
To do so, besides displaying the menu links with the facilities of HTML/JavaScript Widget, first we must declare the CSS code for these links to set the appereance, than put this CSS in our HTML Template.

1. Simple Navigation Bar Menu.
Besides as we did in How To Make The Navigation Menu Bar on Blogspot (I) , we can create a simple navigation bar menu in the way below, although a bit busy because we have to declared the CSS Code first, but we can easily set the appereance later.

In your HTML Template (Dashboard > Layout > Edit HTML) insert this CSS between <head>...</head>, I suggest to put in under /*Header*/ or ]]></b:skin> to make it easy to remember.

#navbarmenu ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}
You can set the font size larger or smaller, you can also set the padding and the margin to set the space in between the word. If you want add a border around the word then you can set the border value at least 1 px. Don't forget to click Save Template.

The next step is create the menu links list (as we did in How To Make The Navigation Menu Bar on Blogspot (I)  but in a LIST form).
On your Dashboard > Layout > Page Elements, and click Add a Gadget on Header. and choose to add HTML/JavaScript.
 
Note : If you want to add "Add a Gadget" Widget on your Page Elements Please visit  http://doit2us.blogspot.com/2009/11/add-add-gadget-on-header-and-blog-posts.html .

Leave the Title Column empty, Copy the Script below and insert in the column content
<div id='navbarmenu'>
<ul>
<li><a href="URL of Your Home page">Home</a></li>
<li><a href="URL of Your Music page">Music</a></li>
<li><a href="URL of Your Books page">Books</a></li>
<li><a href="URL of Your Video page">Video</a></li>
<li><a href="URL of Your Profile page">About Me</a></li>
<li><a href="mailto:YOUR EMAIL ADDRESS">Contact</a></li>
</ul></div>
Change the URL Link and relevant words with yours. If you want to make link for your "Label" or "About Me", you can simply click your "Label" or "About Me" in the sidebar and look at your browser navigation bar, just copy and paste into the URL Link 
The following example are "Home", "About Me" and "Contact" of this blog..
<a href="doit2us.blogspot.com">Home</a>
<a href="http://www.blogger.com/profile/07471629071890951823">About Me</a>
<a href="mailto:mc4tur@gmail.com">Contact</a>
After Save it, you can move this link widget, try to put it under the header or above the blog posts than try to preview the template. Click SAVE after you make sure the location of your menu link widget.

2. Add a different setting of each link menu (03/02/2010)
If we want to make the different setting of each link menu (eg background color) than we must declare the setting by each link. After we made the links than we give a "class" on each.
Exactly the same steps as above, but we declare CSS for each link (so not longer in a list form). For example we call it by the numbers: newnavbar1, newnavbar2, newnavbar3 and so on.
a.newnavbar1{
font-size:100%;
list-style-type: none;
display:inline;
background:#333399;
padding:3px;
color:#ffffff;
border:0px solid;
}
a.newnavbar2{
font-size:100%;
list-style-type: none;
display:inline;

background:#ff0000;
padding:3px;
color:#ffffff;
border:0px solid;
}
a.newnavbar3{
font-size:100%;
list-style-type: none;
display:inline;

background:#339966;
padding:3px;
color:#ffffff;
border:0px solid;
}
a.newnavbar4{
font-size:100%;
list-style-type: none;
display:inline;

background:#ff6600;
padding:3px;
color:#ffffff;
border:0px solid;
}
a.newnavbar5{
font-size:100%;
list-style-type: none;
display:inline;

background:#cc99ff;
padding:3px;
color:#ffffff;
border:0px solid;
}
 And in the Column Content Configure HTML/JavaScript we make a modification by add script class="newnavbar1" for the first link (eg Home), Please match with the link you created.
And in accordance with the setting in the CSS, then we should also write the link one by one just like in the simple HTML Links  How To Make The Navigation Menu Bar on Blogspot (I)
<a href="URL of Your Home page" class="newnavbar1">Home</a>
<a href="URL of Your Music page" class="newnavbar2">Music</a>
<a href="URL of Your Video page" class="newnavbar3">Video</a>
<a href="URL of Your Profile page" class="newnavbar4">About Me</a>
<a href="mailto:YOUR EMAIL ADDRESS" class="newnavbar5">Contact</a>
To make it more attractive, you can add a visited link and hover effect, for that you must add the following script below your CSS.
a.newnavbar1:hover, a.newnavbar2:hover, a.newnavbar3:hover, a.newnavbar4:hover, a.newnavbar5:hover {
background:#41a317;
color:#ffffff;
}
a.newnavbar1:visited, a.newnavbar2:visited, a.newnavbar3:visited, a.newnavbar4:visited, a.newnavbar5:visited {
color:#57e964;
}
Click Save and try to view your colourful link..

Some people tend to choose a simple display. If you want to display your menu navigation bar background in one color only or even the same color with your background page, then you can use the CSS code in a list form like in the no. 1 above.
Here is an example of CSS script if we use the same background and just add a visited and hover effects.
#navbarmenu ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

#navbarmenu li a{
color:#dfffed;
}

#navbarmenu li a:visited {
color: #57E964;
}

#newnavbar li a:hover {
color: #F88017;
background: #ffff66;
}
And we use the same step and the same HTML/JavaScript as in no.1. Simple Navigation Bar Menu.

Search Box on Blogspot (HTML Code Search Box)

>> Monday, January 25, 2010

In a previous post we discussed how to add search box into blogger, by blogger default and use Google Adsense Search. In this post we will discuss several types of search box that can be installed in our blog in addition to the two of search box that we have mentioned earlier.

1. Common type of search box

HTML Code :

<p align="left">
<form id="searchthis" action="http://doit2us.blogspot.com/search" style="display:inline;" method="get">
<strong>SEARCH IN THIS BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>
Remember to change http://doit2us.blogspot.com to the URL or web addres of your blog. You can also change the name of your search blog "SEARCH IN THIS BLOG" with whatever you want
You can also set the width of the search box by change size="20" and change the "Search" text with "Hit" or "Go" or whatever by change value="Search".maxlenght="255" indicates that the user may enter up to 255 characters in the search box, you can change the lenght but 255 is quite enough.



SEARCH IN THIS BLOG

If we change align="left" with "center", SEARCH IN THIS BLOG with SEARCH HERE, size="20" with "30", and "Search" with "Hit"  the search box display will look like this :

SEARCH HERE


2. Type of Expert Search Box

HTML Code :
<form action="/search" id="searchform" method="get" style=" text-align:center;">
<input class="inpsearch" id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;SEARCH HERE&quot;;}" onfocus="if (this.value == &quot;SEARCH HERE&quot;) {this.value = &quot;&quot;;}" type="text" value="SEARCH HERE">
<input id="searchsubmit" type="submit" value="Search">
</form>
In Expert type, we can provide the Words or Phrases inside the search box (SEARCH HERE) that will disappear when we click on it. You can change SEARC HERE with your words, just change those "three" of SEARCH HERE


3. Google Type Search Box

HTML Code:
<form method="GET" action="http://www.google.com/search">
<input type="hidden" name="ie" value="UTF-8">
<input type="hidden" name="oe" value="UTF-8">
<table bgcolor="#FFFFFF"><tbody><tr><td>
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" /></a>
</td><td>
<input type="text" name="q" maxlength="255" value="" >
<input type="submit" name="btnG" value="Search">
<span >
<input type="hidden" name="domains" value="http://doit2us.blogspot.com">
<input type="radio" name="sitesearch" value=""> Google Page <input type="radio" name="sitesearch" value="http://doit2us.blogspot.com" checked=""> doit2us.blogspot.com
</span>
</td></tr></tbody></table>
</form>

Change http://doit2us.blogspot.com to the URL or web addres of your blog. You can modify Logo, by change http://www.google.com/logos/Logo_40wht.gif with your Logo/picture web addres. You can also change the word "Search" in the search box by change Search.(ex. with Hit), "Google Page" and "doit2us.blogspot.com" in radio button by change Google Page and doit2us.blogspot.com with whatever you like, but the searching target still inside the Google and Your blog, unless You change the URL of http://www.google.com/search and http://doit2us.blogspot.com too.  





Google





Google Page doit2us.blogspot.com



Note that I intentionally let the display of google search box above is in a white background, to make a contrast. You can set it to match your web page background by change #FFFFFF in table bgcolor="#FFFFFF" (#FFFFFF=White) with your HTML code of your background color
You don't know the HTML Code of your background color? Just see it in How to change the blogger header color, you can also download a small, smart and useful tool for free in there.

Happy search... and Good Luck...!!!

How to Add a Search Box into Blogger.(Include Google Adsense Search)

>> Sunday, January 24, 2010

By default blogger already has a google search box facility, which can be installed by the following way:

  1. Login to your Blogger.
  2. On your dashboard choose (click) Layout and then Page Elements.
  3. Make a new gadget by clicking "Add a Gadget". Adjust selection of "Add a Gadget" in accordance with the "Search Box" placement as your plan. On this blog I put it in the top of my "Blog Posts". If you still don't have "Add a Gadget" facilities on Blog Posts and Header of Blogger Page Elements, Please visit Add the "Add a Gadget" facilities of Blogspot Gadget
  4. In the "Add a Gadget" windows pop up that appears, choose/click Search Box (New!).

  1. In the "Configure Search Box" Enter the title as you like on the Title column to make a name of it, and choose the Tabs as you want by checking the box (we can choose all). .


     Do not forget to saving....



 We can also install the Google Search Box facilities from Google Adsense, but you must sign up first to use this facilities.
  • Sig in to Google Adsense.
  • Click Adsense Setup then on the "Get Ads" tab, click "Adsense for Search Improved!." 



  • Fill/Choose the search box type. If you want to search just from your site, than fill your site addres into the "selected sites" box,you can also choose search from entire web. You can manage your search result more spesifically by adjust setting in "more option". Than click Continue >>. 
  • The next step is choose the search box option, you can choose the look and feel of your search box, and determine how many characters from your Text Box Lenght, click Continue >>
  •  Next, we must determine the "Search Result Type"Opening of search result page, where you can choose wether you would like your search result to open on Google or within your site. Ad Location, specified where you want the ads to be placed in relation to search results. and The display of search results, by setting/editing the palletes. Note: If you choose open your search results in the same window or in a new window, than the Ad Location will not be displayed/appear, instead you are allowed to enter your logo.  Click Continue >>
  • The last of these step is Get Search Code, check the google additional terms agreed box, Name Your Search Engine in the box, then click Submit and Get Code.
  • Just copy the script on the box. That's it, now we have a Google Adsense Search Script code so that we can display it on our blog.



1. Please login to your Blogger.
2. On your Dashboard choose (click) Layout, and then click Page Elements
3. Make a new gadget by click "Add a Gadget". Adjust selection of "Add a Gadget" in accordance with the Google Adsense Search Box's placement as your plan.
4. In the  "Add a Gadget" window pop up that appears, click HTML/JavaScript.
5. Enter the title as you like on the title column. or just leave it blank.
6. Copy the Script code you have previously obtained (above) and insert in the column content. then save.


NAME OF YOUR BLOG




In the next post we will discuss more spesific about search box and how to customized,, includes some examples of search box script that you can use it.

Lists of (English) Country Names and Code Elements + Download Flag Icons

>> Friday, January 15, 2010

This list states the country names (official short names in English) in alphabetical order as given in ISO 3166-1 and the corresponding ISO 3166-1-alpha-2 code elements.
It lists 246 official short names and code elements

Country Names             ISO 3166-1-alpha-2 Code elements                

A
 
AFGHANISTAN
AF
ÅLAND ISLANDS
AX
ALBANIA
AL
ALGERIA
DZ
AMERICAN SAMOA
AS
ANDORRA
AD
ANGOLA
AO
ANGUILLA
AI
ANTARCTICA
AQ
ANTIGUA AND BARBUDA
AG
ARGENTINA
AR
ARMENIA
AM
ARUBA
AW
AUSTRALIA
AU
AUSTRIA
AT
AZERBAIJAN
AZ
B
 
BAHAMAS
BS
BAHRAIN
BH
BANGLADESH
BD
BARBADOS
BB
BELARUS
BY
BELGIUM
BE
BELIZE
BZ
BENIN
BJ
BERMUDA
BM
BHUTAN
BT
BOLIVIA, PLURINATIONAL STATE OF
BO
BOSNIA AND HERZEGOVINA
BA
BOTSWANA
BW
BOUVET ISLAND
BV
BRAZIL
BR
BRITISH INDIAN OCEAN TERRITORY
IO
BRUNEI DARUSSALAM
BN
BULGARIA
BG
BURKINA FASO
BF
BURUNDI
BI
C
 
CAMBODIA
KH
CAMEROON
CM
CANADA
CA
CAPE VERDE
CV
CAYMAN ISLANDS
KY
CENTRAL AFRICAN REPUBLIC
CF
CHAD
TD
CHILE
CL
CHINA
CN
CHRISTMAS ISLAND
CX
COCOS (KEELING) ISLANDS
CC
COLOMBIA
CO
COMOROS
KM
CONGO
CG
CONGO, THE DEMOCRATIC REPUBLIC OF THE
CD
COOK ISLANDS
CK
COSTA RICA
CR
CÔTE D'IVOIRE
CI
CROATIA
HR
CUBA
CU
CYPRUS
CY
CZECH REPUBLIC
CZ
D
 
DENMARK
DK
DJIBOUTI
DJ
DOMINICA
DM
DOMINICAN REPUBLIC
DO
E
 
ECUADOR
EC
EGYPT
EG
EL SALVADOR
SV
EQUATORIAL GUINEA
GQ
ERITREA
ER
ESTONIA
EE
ETHIOPIA
ET
F
 
FALKLAND ISLANDS (MALVINAS)
FK
FAROE ISLANDS
FO
FIJI
FJ
FINLAND
FI
FRANCE
FR
FRENCH GUIANA
GF
FRENCH POLYNESIA
PF
FRENCH SOUTHERN TERRITORIES
TF
G
 
GABON
GA
GAMBIA
GM
GEORGIA
GE
GERMANY
DE
GHANA
GH
GIBRALTAR
GI
GREECE
GR
GREENLAND
GL
GRENADA
GD
GUADELOUPE
GP
GUAM
GU
GUATEMALA
GT
GUERNSEY
GG
GUINEA
GN
GUINEA-BISSAU
GW
GUYANA
GY
H
 
HAITI
HT
HEARD ISLAND AND MCDONALD ISLANDS
HM
HOLY SEE (VATICAN CITY STATE)
VA
HONDURAS
HN
HONG KONG
HK
HUNGARY
HU
I
 
ICELAND
IS
INDIA
IN
INDONESIA
ID
IRAN, ISLAMIC REPUBLIC OF
IR
IRAQ
IQ
IRELAND
IE
ISLE OF MAN
IM
ISRAEL
IL
ITALY
IT
J
 
JAMAICA
JM
JAPAN
JP
JERSEY
JE
JORDAN
JO
K
 
KAZAKHSTAN
KZ
KENYA
KE
KIRIBATI
KI
KOREA, DEMOCRATIC PEOPLE'S REPUBLIC OF
KP
KOREA, REPUBLIC OF
KR
KUWAIT
KW
KYRGYZSTAN
KG
L
 
LAO PEOPLE'S DEMOCRATIC REPUBLIC
LA
LATVIA
LV
LEBANON
LB
LESOTHO
LS
LIBERIA
LR
LIBYAN ARAB JAMAHIRIYA
LY
LIECHTENSTEIN
LI
LITHUANIA
LT
LUXEMBOURG
LU
M
 
MACAO
MO
MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF
MK
MADAGASCAR
MG
MALAWI
MW
MALAYSIA
MY
MALDIVES
MV
MALI
ML
MALTA
MT
MARSHALL ISLANDS
MH
MARTINIQUE
MQ
MAURITANIA
MR
MAURITIUS
MU
MAYOTTE
YT
MEXICO
MX
MICRONESIA, FEDERATED STATES OF
FM
MOLDOVA, REPUBLIC OF
MD
MONACO
MC
MONGOLIA
MN
MONTENEGRO
ME
MONTSERRAT
MS
MOROCCO
MA
MOZAMBIQUE
MZ
MYANMAR
MM
N
 
NAMIBIA
NA
NAURU
NR
NEPAL
NP
NETHERLANDS
NL
NETHERLANDS ANTILLES
AN
NEW CALEDONIA
NC
NEW ZEALAND
NZ
NICARAGUA
NI
NIGER
NE
NIGERIA
NG
NIUE
NU
NORFOLK ISLAND
NF
NORTHERN MARIANA ISLANDS
MP
NORWAY
NO
O
 
OMAN
OM
P
 
PAKISTAN
PK
PALAU
PW
PALESTINIAN TERRITORY, OCCUPIED
PS
PANAMA
PA
PAPUA NEW GUINEA
PG
PARAGUAY
PY
PERU
PE
PHILIPPINES
PH
PITCAIRN
PN
POLAND
PL
PORTUGAL
PT
PUERTO RICO
PR
Q
 
QATAR
QA
R


RÉUNION
RE
ROMANIA
RO
RUSSIAN FEDERATION
RU
RWANDA
RW
S
 
SAINT BARTHÉLEMY
BL
SAINT HELENA
SH
SAINT KITTS AND NEVIS
KN
SAINT LUCIA
LC
SAINT MARTIN
MF
SAINT PIERRE AND MIQUELON
PM
SAINT VINCENT AND THE GRENADINES
VC
SAMOA
WS
SAN MARINO
SM
SAO TOME AND PRINCIPE
ST
SAUDI ARABIA
SA
SENEGAL
SN
SERBIA
RS
SEYCHELLES
SC
SIERRA LEONE
SL
SINGAPORE
SG
SLOVAKIA
SK
SLOVENIA
SI
SOLOMON ISLANDS
SB
SOMALIA
SO
SOUTH AFRICA
ZA
SOUTH GEORGIA AND THE SOUTH SANDWICH ISLANDS
GS
SPAIN
ES
SRI LANKA
LK
SUDAN
SD
SURINAME
SR
SVALBARD AND JAN MAYEN
SJ
SWAZILAND
SZ
SWEDEN
SE
SWITZERLAND
CH
SYRIAN ARAB REPUBLIC
SY
T
 
TAIWAN, PROVINCE OF CHINA
TW
TAJIKISTAN
TJ
TANZANIA, UNITED REPUBLIC OF
TZ
THAILAND
TH
TIMOR-LESTE
TL
TOGO
TG
TOKELAU
TK
TONGA
TO
TRINIDAD AND TOBAGO
TT
TUNISIA
TN
TURKEY
TR
TURKMENISTAN
TM
TURKS AND CAICOS ISLANDS
TC
TUVALU
TV
U
 
UGANDA
UG
UKRAINE
UA
UNITED ARAB EMIRATES
AE
UNITED KINGDOM
GB
UNITED STATES
US
UNITED STATES MINOR OUTLYING ISLANDS
UM
URUGUAY
UY
UZBEKISTAN
UZ
V
 
VANUATU
VU
VATICAN CITY STATE
see HOLY SEE
VENEZUELA, BOLIVARIAN REPUBLIC OF
VE
VIET NAM
VN
VIRGIN ISLANDS, BRITISH
VG
VIRGIN ISLANDS, U.S.
VI
W
 
WALLIS AND FUTUNA
WF
WESTERN SAHARA
EH
Y
 
YEMEN
YE
Z
 
ZAMBIA
ZM
ZIMBABWE
ZW 


Source : http://www.iso.org


Icon Flags




You can see / get the icon flags of all countries in the world include the name by downloading it for free at http://sites.google.com/site/blogforstorage/blog-for-us-f/famfamfam_flag_icons.zip 


As has been described in a previous posts, the country code and icon flags are two main things, if we want to add a language translator into Google Language Translator Gadget.

How to add my language translator into Google Language Translator Gadget (JavaScript)

>> Thursday, January 14, 2010

In previous posts we've discussed How to install Google Language Translator. In this post, we will discuss How to add a language translator into Google Language Translator.
To add a translation into another language (other than those already there), First we should have a country flag icon in accordance with the laguage to be added..So that our blog visitors can easily choose according to the desired language.
You can easily find the flag icon in internet and download it, just enter the keyword "download icon flag" into Google search box and you'll find so many sites that provide free flag icons.
After finish downloading, you should keep it on the server which can be accessed later. There are so many sites offering free hosting for storing our files, You can learn about it in Using Google Groups and Google Sites as web storage.
The next step, we will learn a Google Language Translation JavaScript Codes. Well, please look at the JavaScript below that I copy from " How to install Google Language Translator." the last paragraph before </form> 

<input onclick="this.form.langpair.value=this.value" title="Español/Spanish" value="en|es" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png" width="30" name="langpair"/>

Español/Spanish     .....  This title will apear when we put our mouse cursor above the Flag Icon.
en|es                                  .....  This script is meant to translate command from English to Espanol /Spanish (country code)
20                                       .....  Height of the Flag Icon

30                                       ..... Weight of the Flag Icon.
http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png   ..... Flag Icon Image address


So if you want to add a new translater into Google Language Translator (Indonesia for Example):
1. Log in to Blogger .
2. On your Dashboard, select the Layout menu, and click the Page Element.
3. Click Edit link your Google Language Translator Gadget.
4. Copy the last paragraph of your JavaScipt before </form> and paste right after it.

5. Replace Español/Spanish with Indonesian/Indonesia, en|es with en|id and http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png with Indonesian's flag icon image address that we've stored before. In this case I change the image addres with http://sites.google.com/site/blogforstorage/blog-for-us-f/id.png 
6. If you feel your image flags are to small or to large, you can set it by changing the value of  20 and 30.
7. Don't forget to Save it...


You can find / get the "(english) country code" and "icon flags" of all countries in the world in http://doit2us.blogspot.com/2010/01/lists-of-english-country-names-and-code.html

How to Install Google Language Translation along with The Flag Icon on Blogger

>> Monday, January 4, 2010

It would be nice if we put translation facilities into various language on our blog, so that our blog/site can be accessed by entire population of the word.
There are several popular tools online intepreter that's pretty good and free too... Altavista Bable Fish's Translator and Google Language Translator for example.
In this discussion we will learn how to install Google Language Translator along with the flag icon on blogger blog. Google Language Translator is able to translate content into English, Arabic, Chinese, French, Germany, Italian, Japanese, Korean, Portuguese, Russian and Spanish.


Google Language Translator using JavaScript that can be applied to most of blog sites like Blogspot and Wordpress. The core of this tool is a JS Script it self. So for anyone who want to use it, just copy the script below.

If You are Blogger then do as follows:
1. Please login to your Blogger.
2. On your Dashboard choose (click) Layout, and then click Page Elements
3. Make a new gadget by click "Add a Gadget". Adjust selection of "Add a Gadget" in accordance with the Google Language Translator's placement as your plan, (on this blog I put it in the right sidebar on the top).
4. In the windows "Add a Gadget" that appears later, click HTML/JavaScript.
5. Enter the title as you like on the title column. example : Google Language Translation
6. Copy the JavaScript code below and insert in the column content.
<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://doit2us.blogspot.com/" name="u" type="hidden"/></noscript>

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

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

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


<input onclick="this.form.langpair.value=this.value" title="Arabic" value="id|ar" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/358406/gse_multipart12399.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#20013;%u6587%uFF08%u7B80%u4F53%uFF09/Chinese (Simplified)" value="id|zh-CN" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#20013;%u6587%uFF08%u7E41%u4F53%uFF09/Chinese (Traditional)" value="id|zh-TW" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/208681/gse_multipart12398.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Fran&#231;ais/French" value="id|fr" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/327620/gse_multipart12413.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Deutsch/German" value="id|de" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/734899/gse_multipart12400.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Italiano/Italian" value="id|it" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/306145/gse_multipart12401.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#26085;%u672C%u8A9E/Japanese" value="id|ja" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/443122/gse_multipart12402.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#54620;%uAD6D%uC5B4/Korean" value="id|ko" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/581031/gse_multipart12403.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Portugu&#234;s/Portuguese" value="id|pt" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/670301/gse_multipart12404.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#1056;%u0443%u0441%u0441%u043A%u0438%u0439/Russian" value="id|ru" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/111692/gse_multipart12405.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Espa&#241;ol/Spanish" value="id|es" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png" width="30" name="langpair"/>

</form>

7. After finished, change blog addres http://doit2us.blogspot.com into yours. And don't forget to save it.

Congratulations, You have your blog intepreter facilities now...!!! To add translation into another language (eg English) along with the flag icons than we must have a little knowledge about the JavaScript codes that used, Do not imagine a complex code, it is very simple and we will discuss further in How to add a Language Translator into Google Language Translator.

 

  © New Blogger Tips For Us Free Blogger Template by Mc 2010.

Back to TOP