Loading

Welcome to BlackID Community

BlackID Community

adalah sebuah Komunitas yang didirikan oleh sekumpulan pelajar & mahasiswa yang memiliki keingintahuan dalam dunia IT (Informatika & Teknologi) sebagai tempat untuk sharing (berbagi) / berdiskusi seputar pengalaman & pengetahuan tentang berbagai hal yang berkaitan dengan Teknologi Informatika (khususnya computer & internet) tips & trik trouble shooting dan penyelesaian seputar masalah computer, internet, networking (jaringan), installation (instalasi), programming (bahasa pemrograman), design website / blog, design graphic, dll.

Add Google Translate for Blogger

Google Translate Widget

This is to fulfill that I will discuss and explain how to install Google Translate Widget in the form of nations’ flags. This widget may be a bit different from available widgets on the internet that you have found.

The widget will be like the illustration below, please point your mouse over the flag-images so that you will find the blur effect as an attracted result:

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

If you are interested in installing the widget, then you should do the steps as follow:

  1. Login to blogger with your ID
  2. Click Layout
  3. Click Page Element tab
  4. Click Add A Gadget
    addgadget

  5. Click the sign plus (+) for HTML/JavaScript

    html

  6. Copy and paste the Google Translate Code into the available area.

    <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=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi58-oE4bnhGmqXeja7zlYq-S6h_2GFLW8a1BUeVrhOoUBQIcWFJgbIabNNa6a0ypGz7pJDm346How9x42Mi8t1yBR6WA5cYmbWUnRtO60VtyeoikDuFaqeHM-J2LIMcRz_h_W7Z6GWZHwX/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOow27wmsTkxamGL-HsZbMQ33sAPrBAwFOV8IgaUSuwRjq7E9WWH0jmE4ahBe3fLRpXod0lxY67Q0_WWF7ta4hZP2fzMhUxHEXuq2gs36zozTEltZBogQLAR7xKU7-edib2iHdMccL04Bv/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
    <br/><br/>
    <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqY_5UZmyIGhkZZEOGhuCMxi1Aab93YyDFWNx3YsvsC77Kt5mpJRA7thNvIk52M2U6r_IQtKP-aWwOuarlf3MgkdvJK-MkRRVwgXRznfZo1V2xhkLzHWZnYk1yzuLymDBlYn8qNyjtaeJe/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>

    </div><div style="font-size:10px;margin:10px 0px 3px 0px">

    by : <a href="http://www.blogspottutorial.com">BTF</a>
    </div>


  7. Click Save button
  8. Done

It is very easy, isn’t it?

Happy enjoying your Google Translate widget! ^_^

Thanks to visit us,,
Please Leave a Comment or Exchange Link & Banner with us,,

Regards,,
Author BlackID Community

http://blackid-community.blogspot.com (blog)
http://www.facebook.com/group.php?gid=131305236057 (Group Facebook)

StumbleDeliciousTechnoratiTwitterFacebookReddit

0 comments:

Free Register CZ.CC

Total Blog Posts and Comments

articles have been written
comments entry
Traffic Visitor
Since August, 21st 2009



Your Name isn't Here?
--<Give more Comments Now,,!>--



Widget edited by BlackID

Change Language

Exchange Banner


Please Confirm on Comment Form



Web Hosting By Arvixe

Langganan Artikel


Leave Comment Here!!



blogger3 Photobucket Photobucket Photobucket

You're Visitor

Free Hit Counter



BlackID Community

Random Posts

Loading..

Please Wait..


Donation

Widgets By : Adrianz