ul#menu { margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; height:30px; font-size:12px; font-weight:bold; background:transparent url(http://i48.tinypic.com/2zgf4mo.jpg) repeat-x top left; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #000000; border-top:1px solid #000000; } ul#menu li { display:block; float:left; margin:0; padding:0; } ul#menu li a { display:block; float:left; color:#999999; text-decoration:none; font-weight:bold; padding:8px 20px 0 20px; } ul#menu li a:hover { color:#FFFFFF; height:22px; background:transparent url(http://i48.tinypic.com/2zgf4mo.jpg) 0px -30px no-repeat; } ul#menu li a.current { display:inline; height:22px; background:transparent url(http://i48.tinypic.com/2zgf4mo.jpg) 0px -30px no-repeat; float:left; margin:0; }
Powered By Blogger

Friday, January 7, 2011

Put google translate form icon

Put google tanslate on blogs, in addition to beautify the appearance of the blog. It is also very helpful for foreign visitors who do notaccidentally come to our blog. in addition to facilitate language translation google translate now also have a lot mentuk and alsouniqueness. One of them is google translate in the form of icons.
Then how to put google translate in the form of icons.


Put google translate form icon

It is very easy and I am sure many bloggers already knows. gaddetusual way such as adding, select the menu dasbort ----->> layout ------>> added gagdet ------>> added javacript following code intoCopas ------>> blog


<style>

 .google_translate img {
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        border:0;
        }
        .google_translate:hover img {
        filter:alpha(opacity=30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
        .google_translatextra:hover img {
        filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
  </style>

 <div>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrEA3y8zD5-aKJ-YadywcIl55yZqDfZID_PEEdit2Oo7vJeLohPixNR7AtcwWcO3KYDRWjE84SYBRRb9TEdGJ_ebQMSyuvVEyaPtQbjTqslNfpbJLbyw2K_hiQDSin1lFel1J_6wD17lU/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4PQ_R010R92BjnbGkEQaxuBAcbknWqBNT9izw1h6s16jTSr5PZWkQ30C9iX1_P6gQfDaN0Iw_azMLPNOivvmQWA-8C69lbNtaslp02Hq93eKeS-vHeHMtjSnxaYyrF2QU0jL90GRSXYE/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihepGyyDcEmLqDktNtTn2kI6j-z81LCdXvQViRd3KI3Dk5Jc1YzG98gOkwQEacdMziVn5HEj3WPEbfwnF3zMDa2r6VxUhBKcIxb63JLl-zXX4y4y0F4bshPXz4HOuSSeYO1eMSYTahZSI/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxsCcnPTuA896XlPgP0yQWIXn0WKJh8liQ_C_opaP6hO25kxXGiM6HqvLtGyRAUfpa6_ekgiOB8Kp_9w2liSVgBkFs6haGcm2lNZsG9DLnfM7rhLc0J7ma59KW_AYI1iyMrN4PmZslDc/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2tZoi7LlBjXltUjztUhve_KUrr7X8upLmNZcdXyUo75zTv253VLGGzFpRmkoqg-2nqpFmM-mcTeTTSEFCHEoG3Lxz2DgWvzUm7kx0EWYAjMUzk9QwFL3-tcJh53wYL9W-H097lZw6pbQ/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCdZgvEDLXMkWWWZoS8IwY0Qbzz4n5U2yx8AQSrxK1ev6jUKx92wBVYz1AKsjt-jVn-qxPVSI0KGGPaPsdBnrVfxIEbG-HLpDIdT-wKGKc6Kl5o2JWV8nVzsqYvKWP-MD8V5mepuGUEZc/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
      <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqhTOJKKgGqOnRR7WZF0ovWIxfpG0R-goXU6z-8Crefz-3QgYgTDtME1QaBQn2YSa8JblJwGH5BxXZHyKeDYsnqQrmTcDMd63l1Ax1T7HtUCawG30BxrRmEXkxIpwObfpw8P8Dh3vmCdg/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAA0FHRZlXf5CSIHux379ZuehXGIq9owkN0boSj2w5VLXoyJ3tamh1ZiNbGOkpIWCV9pCftMtVZzI_cASfE_anBBlKFpFx7Ch73CgcRojblanWllUkjOdu4yAgT7mpam3yPM0G-NtMReE/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhifko-aKXhBLL22R561LepQtZ5szGbGgl_SMGQ-jTfA2_djWPZGerPCvEbi6HeHIaaZuKI5UhcJAZJmuVJZCM1iW3R4da8VDUkjRvSIHL2q5cGz-QKBlXYyhxkKmegrLbvK_M496wTKMQ/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAw-hu_aQzQ_djN44YF5ZsjutFRPpYPP0fzH5DN8I0RHPwCKEhDYoGxs91Hse-z82uugE3eMT4wTghaIjbEkBL2QSX_dj35QNE4u0akV_ShyrdpJK5Nx-j2kJ_f36fFq6_EJtn52u5RXE/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoe2ZGBZP-jcyQtrwDuXk7O2WxWt5Qa9MzLJ_RZFzbenD4fa1ivqe2qzl6Bavb4qxOGbunNPIFKZ3H0z4dvzCYd4Hg0J_3LEZ99IPkJlDHPYzFlkMElUGgWAmJv2LXN2DryUcHdjHGbG8/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-0aU4pg04RlY0EM76ogpVmY_CmGjSWWV_bNEAPOePeN1ZNliC64sb5hMAJNxwrmgoggWVfPaoOBVtoVv0EvIQdtFO73wf2CT0Fe_lSgzd3AGJmYTBSgTOp5rYKiNuSvMP1dg1nzP0aHw/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>      </div>
  <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>

 <br/>

No comments:

Post a Comment