Thursday 10 November 2011

Cara memasang Translate bendera

12:49  Ilmu Komputer  No comments

Setelah mencoba membuat translate menggunakan fasilitas google. Nah sekarang buat yang gimana caranya membuat translate berlogo bendera?. Saya coba buat dan otak2 atik sendiri ternyata lumanyan sulit, error terus. Mungkin kurang sabar aja kali ya... jadi saya mengambil milik kangrohman.
Contoh sebagai berikut:

Nah sekarang kita lihat milik kang Rohman :


Code sebagai berikut
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik7H_RyAbSA81gyiXDEENhtv7gMjrBvv5pmhEzgPcbKCeAYBa7j_IqWkCfmzG2me5hksJ5TGMJyxv4meBrk4ZwclkKeH29R_wA396hzZFncfJDXGLqG_tj12A2rEZNKlcT9ncNiM7U_6k/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2NM9-6zpL9qlIt9HkL-6Ea3KTkAPJAHXVMy8IkftKCz_jVo0-AD8ug1WFXBqY0Rd5nGXDOWuWZhaGA1wAnehfPAxdOqcUCk4plSDDEXOXXnICO0wceIhS0kn4pOw5ulaGLGbyHqQtXC8/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEiq99Ln_DoC_Qjeb8cMUDyzapdZtWBZn1obBb8TY_YchPBsHOwZyZ9D8urUkjMZe2bMXebiGYk8OM7f3uWHC6lc8DbHPpVK5McTW3BRBBfHuPUILX_pDchThbkf6dWzxw9k47MX4WWs9Ujr/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEj02dPdEP659Y0ELZnBosiWmfRORDXsE22CkXc9wToE2sbJPl_GA2L8rKzsCzUZCOWOOb0VayadXtc5Ex4mPfq3o4E6ZS7TY-uJNPY4I2NPMBRtDju8IJy9OM8ReJYl9AUiGlt9E9WQzDO3/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUPUFo8NdqVU70Rudn501olKi5sWN3UiwCsdgrZZsgWEKQ-Ldnl7UPl6gNJ3f3W1Z3c93tT2cPDBV0K3CBqm52-JKP14yAUE6y1Zp4OTrSQBOupWE2Fos_YE-cnYbOpnLOBW8EeAuVmgI/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlBgEeCzG1YOUwK5nA0wd9_8OV1yFIlHf48mUvOczs98bDlXOimgVTwzPp-2FS7lIIZDBJuqLxosnTOfzA6oUuRIv33l-hWcBJjxkP_SxwQlZx_KT689jiLp21Y1G1lIxw9iMwH7GBmGM/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv7xpiEjdxDk390gX4LkLP9NPaxaiwKECjpJOrRtoPpU2Yi7qkplrQnVMoiij23IJStpDpjyMv9x0mXzpRd1yFXprYuwdQ2C2pPzQlTL_PdPBFT_niZkfw8sX20rch8T0cmh0G88EUoyQ/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRq8rlYTLWVLgXS6RMkmIpHk34Sakv87QSaWqE7WrKEMC-MFJRwhWLl7uZrAEgB01NQYxCCopbqEUwOOqjC0Kfl1yIwJBNOytFNB2Sp0d5iMNguvawSyKi3L8PQWgJLV_5ZMtcsdpskG8/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEifohtbIBaqmA1bLxMPsdApbU5gGapEM9aIkJCa009fz5YhHibWEVCYg7Jxo75Z3JYfOCQSEo2kHzMV65O7cUgdDL22wema1ly2Vk0-cylqOwd1zNK_7msXBHhkVRSl7JkZoN1TVrWhbAEE/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsifRC1hnAOZuyRReXkpZQnDMvOqHXC9e3EOhmomif1tnkR_GLwGP6bD37Buxyavhq1FfTBZmsBQrwYs96xF8n53Ek1WnBdphdBk5Rje-jhlDPB9yy83oLYCegSrEfOiLLjUPEGLV-1z0/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvRythk5ow-1B_thysexqlMETWpxRCS9DZCw5FNwPJXPZfPwTsiwYNpLpzPUe7jxtV2qcTe2yjnV6UjddfP_ycY3ZC0jUXbxgLPZSEz0GxiSqKvMJunvhse7gpreR4_0XMbf1Ne3qkdQU/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf-IjOx81Wv6ZFmpAKKNjyRljsx-z4gmHJQiAtDyO6_s5p3DG4IeRRJe8b6dXM1cnOE1jJt-9HWiyiOYNBIyBRsLO6hpi1khq3L1L77J9a1Sr36zkn1aoZsoNqJb1WDGoSslN6aviaIUo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>


Tampilan yang ke2


Code sebagai berikut:

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik7H_RyAbSA81gyiXDEENhtv7gMjrBvv5pmhEzgPcbKCeAYBa7j_IqWkCfmzG2me5hksJ5TGMJyxv4meBrk4ZwclkKeH29R_wA396hzZFncfJDXGLqG_tj12A2rEZNKlcT9ncNiM7U_6k/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2NM9-6zpL9qlIt9HkL-6Ea3KTkAPJAHXVMy8IkftKCz_jVo0-AD8ug1WFXBqY0Rd5nGXDOWuWZhaGA1wAnehfPAxdOqcUCk4plSDDEXOXXnICO0wceIhS0kn4pOw5ulaGLGbyHqQtXC8/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEiq99Ln_DoC_Qjeb8cMUDyzapdZtWBZn1obBb8TY_YchPBsHOwZyZ9D8urUkjMZe2bMXebiGYk8OM7f3uWHC6lc8DbHPpVK5McTW3BRBBfHuPUILX_pDchThbkf6dWzxw9k47MX4WWs9Ujr/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEj02dPdEP659Y0ELZnBosiWmfRORDXsE22CkXc9wToE2sbJPl_GA2L8rKzsCzUZCOWOOb0VayadXtc5Ex4mPfq3o4E6ZS7TY-uJNPY4I2NPMBRtDju8IJy9OM8ReJYl9AUiGlt9E9WQzDO3/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUPUFo8NdqVU70Rudn501olKi5sWN3UiwCsdgrZZsgWEKQ-Ldnl7UPl6gNJ3f3W1Z3c93tT2cPDBV0K3CBqm52-JKP14yAUE6y1Zp4OTrSQBOupWE2Fos_YE-cnYbOpnLOBW8EeAuVmgI/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlBgEeCzG1YOUwK5nA0wd9_8OV1yFIlHf48mUvOczs98bDlXOimgVTwzPp-2FS7lIIZDBJuqLxosnTOfzA6oUuRIv33l-hWcBJjxkP_SxwQlZx_KT689jiLp21Y1G1lIxw9iMwH7GBmGM/?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv7xpiEjdxDk390gX4LkLP9NPaxaiwKECjpJOrRtoPpU2Yi7qkplrQnVMoiij23IJStpDpjyMv9x0mXzpRd1yFXprYuwdQ2C2pPzQlTL_PdPBFT_niZkfw8sX20rch8T0cmh0G88EUoyQ/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRq8rlYTLWVLgXS6RMkmIpHk34Sakv87QSaWqE7WrKEMC-MFJRwhWLl7uZrAEgB01NQYxCCopbqEUwOOqjC0Kfl1yIwJBNOytFNB2Sp0d5iMNguvawSyKi3L8PQWgJLV_5ZMtcsdpskG8/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEifohtbIBaqmA1bLxMPsdApbU5gGapEM9aIkJCa009fz5YhHibWEVCYg7Jxo75Z3JYfOCQSEo2kHzMV65O7cUgdDL22wema1ly2Vk0-cylqOwd1zNK_7msXBHhkVRSl7JkZoN1TVrWhbAEE/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsifRC1hnAOZuyRReXkpZQnDMvOqHXC9e3EOhmomif1tnkR_GLwGP6bD37Buxyavhq1FfTBZmsBQrwYs96xF8n53Ek1WnBdphdBk5Rje-jhlDPB9yy83oLYCegSrEfOiLLjUPEGLV-1z0/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvRythk5ow-1B_thysexqlMETWpxRCS9DZCw5FNwPJXPZfPwTsiwYNpLpzPUe7jxtV2qcTe2yjnV6UjddfP_ycY3ZC0jUXbxgLPZSEz0GxiSqKvMJunvhse7gpreR4_0XMbf1Ne3qkdQU/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf-IjOx81Wv6ZFmpAKKNjyRljsx-z4gmHJQiAtDyO6_s5p3DG4IeRRJe8b6dXM1cnOE1jJt-9HWiyiOYNBIyBRsLO6hpi1khq3L1L77J9a1Sr36zkn1aoZsoNqJb1WDGoSslN6aviaIUo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>

Jika menginginka tampilan seperti di atas langkah berikut ini :
  • Silahkan login ke blogger terlebih dahulu
  • Klik Tata Letak
  • Klik tab Elemen Halaman
  • Klik Tambah Gadget
  • Pilih Tambah HTML/JavaScript
  • Kopy pastekan code translate kedalam kolom yang tersedia.
  • Save
Sumber : http://putroweb.blogspot.com/2009/04/cara-memasang-translate-bendera.html

Posted in: ,

0 comments:

Post a Comment

Enter your email address:

Delivered by FeedBurner

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More