Buat Translate Bendera

Tampilan yang pertama



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/AVvXsEgShDaIb3E6ZWTk1It3rEUYc61Lo7Y4RO9kYrKRmcWbb9i7gekww1dCyee8kObynGfhdDkDH2WL6OpSMlZfGuCgjQUkWnv7rUMgqQGHzWU1h9zCNLlnzBtc7o45eyzUSiaftQMVgp2ppk4/?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/AVvXsEjW2Z0I_7ZuiyWTH08Sa6Yy0gTbBWjS_GaaW8_EIqazDuIP2gPKhp-I47Mqt0VnuXqtMwf16E-WmKc_CZwliwQXV5kEQxkvrSjZPv1zQH4o6aEyvJ-VugQZqd7s3aV5ASaNWVETYLP_SLY/?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/AVvXsEjbH6gAK7kGfiyZXm7nnoKyxo1kVWd0mQuBwqgEiOy_R5rN_KFLPlqHqnMqOe9mPe3bTLZvkLK5BN74p95RndvQ7Sfgh48YhMtmSS63a5EfSsWxvyNB7nFu2JuXJRGjNl8wDxSm7aiMOX2J/?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/AVvXsEguSJvEe9og1sF8nVNJrizsrzKy4HHnypAelxOfPDKQ5_I8sJ-nWtaOvw5ReohjZk4KWIsf30sY4nXBEUfnqGGUAuRwcsLPL7vgFTdMLq8455JwC4Uj2InfFXeqcMjSwRch49VeJTcLv7xe/?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/AVvXsEiWOkzehaEz6P7XvcsryowXaNdtKCYuLyfUC-ubqJSBEQXZMLz2NTJM-mVINEQ2TRzV8tltMcVi1PEfPGSw21t8ajcHE5WlfvkkRBD-oITGqit16bTHdakwXkJhYXhnffnUybxnn-Z0dC4/?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/AVvXsEhjbowbWNVX54Szvl9pk74VQLY6ZB3d8WbYDJCROpfojv5myZkB4TXXApOpjvYzsG1ScIRlZVbp8qnMzuT8v-tNoYi2vZxVfArT0Eyv23yydXaj7ML7u2WpBCYyIvAY9UOwUqzhQVb9i1s/?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/AVvXsEjtDmgjqvC5uPkOOzkla_6pJ5LoSrJ6ekC6eGrBFTIs4TvcLO3ViYr4qpiq2sqtZEwO8e0NpLCcS1JOEXDigDtbB3O4SsEmoTJzwCAbbFoBt4YkyRF5MDiUXgw-mF7xx97w_Io-CVnOrzY/?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/AVvXsEg4XNKvPrZgv3R7-SI0rHIiRJjTS0o8iwUiTf44QiOWdNSNhNbTvgf_43NW4Sava3iKoRWusS2_UX5DKMaa-mE3A5XIWLUMeAhKUxtLV7WAhpDI54oZUTiujBIH3HKkytCl86Jdc94N_SQ/?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/AVvXsEikcwCfOkh3vEJCUxLlh62dTwSueKsvl_hVdtyIy9NN2_ywPvB4pJWnmclVsCThkdRfLEsY-GUGrL-La5mH1HjwxiKmUPAIc4xlkNZSpGCQhcgK8lnz30uzWHcxFGXms6F55FFPPfbZyg2W/?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/AVvXsEhZj4iSku_jpja10yojpJjiQEndfqWdb8ZntZRj3oCXdgVTUy0gChRZ5ZzXH6_WK145_kyzcsl6Amwz17BZX5CyZH3JQOFtVHVIlSpDDpcdiTMuQjy-G_VcaZ9MLRqZo7PnBKKbvIL8qUk/?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/AVvXsEg-15AkryEc8obFA5Bq9moHbDbRM94UDwSeT8ngLd6q2BwhBApntt1S8Z2G9lilKWUbqxWcEghnHbHTnizmTXe9_tY4BR0x82Aa7JeY2Efb7zDSDQSk-egCM3tRVc-um14nl91DcdBmqRc/?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/AVvXsEhQv_9MJW53fqlm85TEBuQih4vqHbOgdW6L-Q2WUFnBwO1om6N8Q28q2CK2M14CNa1UrV44_NuqvOdh27Bihi6CgOQcTKV5RK7hoAc-PM6m83R7wjNppbjiZHGyVz9ocQ7nTAbx2NBRgqs/?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 kedua




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/AVvXsEgShDaIb3E6ZWTk1It3rEUYc61Lo7Y4RO9kYrKRmcWbb9i7gekww1dCyee8kObynGfhdDkDH2WL6OpSMlZfGuCgjQUkWnv7rUMgqQGHzWU1h9zCNLlnzBtc7o45eyzUSiaftQMVgp2ppk4/?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/AVvXsEjW2Z0I_7ZuiyWTH08Sa6Yy0gTbBWjS_GaaW8_EIqazDuIP2gPKhp-I47Mqt0VnuXqtMwf16E-WmKc_CZwliwQXV5kEQxkvrSjZPv1zQH4o6aEyvJ-VugQZqd7s3aV5ASaNWVETYLP_SLY/?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/AVvXsEjbH6gAK7kGfiyZXm7nnoKyxo1kVWd0mQuBwqgEiOy_R5rN_KFLPlqHqnMqOe9mPe3bTLZvkLK5BN74p95RndvQ7Sfgh48YhMtmSS63a5EfSsWxvyNB7nFu2JuXJRGjNl8wDxSm7aiMOX2J/?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/AVvXsEguSJvEe9og1sF8nVNJrizsrzKy4HHnypAelxOfPDKQ5_I8sJ-nWtaOvw5ReohjZk4KWIsf30sY4nXBEUfnqGGUAuRwcsLPL7vgFTdMLq8455JwC4Uj2InfFXeqcMjSwRch49VeJTcLv7xe/?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/AVvXsEiWOkzehaEz6P7XvcsryowXaNdtKCYuLyfUC-ubqJSBEQXZMLz2NTJM-mVINEQ2TRzV8tltMcVi1PEfPGSw21t8ajcHE5WlfvkkRBD-oITGqit16bTHdakwXkJhYXhnffnUybxnn-Z0dC4/?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/AVvXsEhjbowbWNVX54Szvl9pk74VQLY6ZB3d8WbYDJCROpfojv5myZkB4TXXApOpjvYzsG1ScIRlZVbp8qnMzuT8v-tNoYi2vZxVfArT0Eyv23yydXaj7ML7u2WpBCYyIvAY9UOwUqzhQVb9i1s/?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/AVvXsEjtDmgjqvC5uPkOOzkla_6pJ5LoSrJ6ekC6eGrBFTIs4TvcLO3ViYr4qpiq2sqtZEwO8e0NpLCcS1JOEXDigDtbB3O4SsEmoTJzwCAbbFoBt4YkyRF5MDiUXgw-mF7xx97w_Io-CVnOrzY/?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/AVvXsEg4XNKvPrZgv3R7-SI0rHIiRJjTS0o8iwUiTf44QiOWdNSNhNbTvgf_43NW4Sava3iKoRWusS2_UX5DKMaa-mE3A5XIWLUMeAhKUxtLV7WAhpDI54oZUTiujBIH3HKkytCl86Jdc94N_SQ/?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/AVvXsEikcwCfOkh3vEJCUxLlh62dTwSueKsvl_hVdtyIy9NN2_ywPvB4pJWnmclVsCThkdRfLEsY-GUGrL-La5mH1HjwxiKmUPAIc4xlkNZSpGCQhcgK8lnz30uzWHcxFGXms6F55FFPPfbZyg2W/?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/AVvXsEhZj4iSku_jpja10yojpJjiQEndfqWdb8ZntZRj3oCXdgVTUy0gChRZ5ZzXH6_WK145_kyzcsl6Amwz17BZX5CyZH3JQOFtVHVIlSpDDpcdiTMuQjy-G_VcaZ9MLRqZo7PnBKKbvIL8qUk/?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/AVvXsEg-15AkryEc8obFA5Bq9moHbDbRM94UDwSeT8ngLd6q2BwhBApntt1S8Z2G9lilKWUbqxWcEghnHbHTnizmTXe9_tY4BR0x82Aa7JeY2Efb7zDSDQSk-egCM3tRVc-um14nl91DcdBmqRc/?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/AVvXsEhQv_9MJW53fqlm85TEBuQih4vqHbOgdW6L-Q2WUFnBwO1om6N8Q28q2CK2M14CNa1UrV44_NuqvOdh27Bihi6CgOQcTKV5RK7hoAc-PM6m83R7wjNppbjiZHGyVz9ocQ7nTAbx2NBRgqs/?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

Related Articles :