Nih Cara Memasang Widget Translate Bendera Di Blog

Hai ...


Widget translate memang perlu untuk blog kita. Kalau misalnya ada orang luar negeri yang mengunjungi blog kita.

Dan kalau mereka tidak bisa bahasa indonesia, widget translate ini bisa sangat membantu mereka.


Karena kita tahu ...

... mungkin saja beberapa kalimat atau kata di blog kita sesuai dengan keyword yang mereka cari, sehingga mereka bisa "nyasar" sampai ke blog kita.


Kali ini aku akan membagikan 2 tipe widget translate dengan disertai bendera 12 negara. Kalian bisa memilih mau memasang tipe yang mana. Terserah.

// Cara memasang

Sebelum aku menunjukkan kodenya, tentu kalian harus tau cara memasangnya terlebih dahulu.

Kalau kalian sudah terbiasa dengan blogger, mungkin bisa memasangnya dengan mudah. Tapi ada beberapa teman-teman blogger yang belum terlalu paham.

Akan aku tunjukkan cara memasang widget, bukan cuma widget ini saja, tapi sebagian besar widget cara memasangnya sama.


Caranya ...

Step 1:

Login blogger - layout - add a gadget (Tambahkan Gadget), terserah di bagian mana.

Step 2:

Pilih HTML/Javascript

Step 3:

Masukkan judul, lalu paste kodenya di bagian content

Nah ...

... kode yang kalian paste, adalah kode yang ada di bawah ini.


Seperti yang aku bilang tadi, ada 2 tampilan, kalian bisa memilih tampilan pertama atau kedua, terserah. Fungsinya sama saja, hanya tata letak yang berbeda.

// Tampilan 1

Untuk tampilan pertama seperti ini.

[info title="Code" icon="code"]
<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/AVvXsEgrFbX892rF8YQeH5xGaq2cKkgxksdOmotbgWTapP3HJENzEkAeTQ8k_F5G4EWm1kUJN-dQXjKOQMnPnzoDTi1_yWL8yVm5HWMvMi2WtuuHYVi90H-JO0dR6yDXd6kEeM_w72VQ4XFsSRM/?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/AVvXsEgpnKcn6m0Gft1-1neaLWwdOEkBUiHtWccGfdGNabpB3cn8pGs5QmzLn72Nn54bYCsuqWoafgRGEb78tZMmbYAGhKkEQ9s43PClxDw6-MwavI4HxWghRv3WwdjCcZmFmmyOXl35n-351Qo/?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/AVvXsEiD3MOKZ_oKZ3Ni_mVncMLpcQLTpXQsXk7tExGimnePis8aWcer7iTiaL-UYrQloiW27ceyQkScPU6pI8eGnnPEvVyBwrXggOV2eq4XzrWqnXZJcWMKi92QRLqA90xHHWfFM_pEQer_i2or/?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/AVvXsEiAmR3MkDGMrLZUECFZMmV0sN2ka9stilCVKit3F1iJPgIO57MYZFD4Ti_g_R9P_zAhMKqIGxFSyu3HnGKyB-VTM9S0wWNda4w6s4QXsK0ywBJ7Rz98w29nh5dERYzgIDIzsYZeeXO-g17Q/?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/AVvXsEik5jG8yjCeOXNzc4nFxlWQWieVCYR2YyCRmlcvmxamOLMwPCFPY9trpxHCvJze0zLE65N3kGxY26eFWH8MNiGEb1vVdEma-YUnErkA3wA29ueXX1wxFCjzjJ_HIqrwpMtLHpsJ8sWGZ-I/?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/AVvXsEjre8fhsD9gkfy0fcRIsbwxzbL-DQkTid2sFdSqEJBC5KNFpzA2-H8NMOwlSyRCQluc4UU_OpLY7nBzz6O270oABEwp-ici8MEpRCR4Zk5XWlH3Vzd8PQF9dqvlRpG79thrYmFDn4hIdDo/?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/AVvXsEgURobR4iU_XgCj6wSQMpGeEBK81prB337UJWHy83uxesPMuI6OVi5mWiUG97ExkZicjDFy9yCC_heYEXqdxUx-fgPiA-ODmfJRA9_mMI6gLOgXmtiDmfarSEWKrUQxLgyP4CkmKYUkisw/?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/AVvXsEjTZ5dUk03p8ynlQeQzQKN9vQ9X8F7w2B8h6LsMbrtsCrCIfhffpsjC_ZN2dxxab7nlwCyZX7PVcFNnO7u3mvpzLuemlCDa5bn3bKey6BfEjKc2OcjN-mupWYPVc8FaVV1nAjAs_I5r5zI/?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/AVvXsEgyGh38ahlmajvikWcNfGUThIpQqBwJJd9qE0i1mH4tbHByjPu9dThNcxiMR5MB3ocJv_SCzIU6JMMKxWG_zJng3WuENfclfK1GDxe44j_InCteMpymHePaFA8YM8TGBHZjynLScR97Y-Ap/?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/AVvXsEhl_jKMYhE-JnN6S_hc1vKwjwVLqpyX43D-eWZ7HhjdHpj5G8HIEez_sz88GlLtur1wdIpiZaywdlehRZ_yot8mc9bFTzwta8uN_PR0JsrPp3ZbuYcPUjh0Ev__YDzKg251d3nO4vbeFAk/?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/AVvXsEhjNM-LXu3rHImgAMHhRuJF0QEqrC6OxAUzlkVE-bCjpHm2hyphenhyphenb7wOPo3b0pnsE2h7EuIy-Set9JF2aaLUx7zd27E10b3fvuLnQECplvgt1e4BMBJhTwfbuCmMWo2jNF4QriX0lgyVUgqG8/?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/AVvXsEjIn4XTxglPl1EoRk6qzEF30WIvi8pkhrKw4ZVKmCNgvqvfFNhcHXCa5Whjv5UGn5HpLQNI1ESLMtO6ooq3JwOz3hw9s-y143cl24dbpF-HiRLIpSjl0QjLODsGvWPhyphenhyphen8n5KqonNSJ2gCQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=font-size:10px;margin:8px 0px 3px 0px>
<a href="https://markasbiner.blogspot.com/2014/12/nih-cara-memasang-widget-translate.html">Get This Widget</a>
</div>

[/info]

// Tampilan 2

Untuk tampilan kedua, Seperti ini.

[info title="Code" icon="code"]
<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/AVvXsEgrFbX892rF8YQeH5xGaq2cKkgxksdOmotbgWTapP3HJENzEkAeTQ8k_F5G4EWm1kUJN-dQXjKOQMnPnzoDTi1_yWL8yVm5HWMvMi2WtuuHYVi90H-JO0dR6yDXd6kEeM_w72VQ4XFsSRM/?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/AVvXsEgpnKcn6m0Gft1-1neaLWwdOEkBUiHtWccGfdGNabpB3cn8pGs5QmzLn72Nn54bYCsuqWoafgRGEb78tZMmbYAGhKkEQ9s43PClxDw6-MwavI4HxWghRv3WwdjCcZmFmmyOXl35n-351Qo/?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/AVvXsEiD3MOKZ_oKZ3Ni_mVncMLpcQLTpXQsXk7tExGimnePis8aWcer7iTiaL-UYrQloiW27ceyQkScPU6pI8eGnnPEvVyBwrXggOV2eq4XzrWqnXZJcWMKi92QRLqA90xHHWfFM_pEQer_i2or/?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/AVvXsEiAmR3MkDGMrLZUECFZMmV0sN2ka9stilCVKit3F1iJPgIO57MYZFD4Ti_g_R9P_zAhMKqIGxFSyu3HnGKyB-VTM9S0wWNda4w6s4QXsK0ywBJ7Rz98w29nh5dERYzgIDIzsYZeeXO-g17Q/?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/AVvXsEik5jG8yjCeOXNzc4nFxlWQWieVCYR2YyCRmlcvmxamOLMwPCFPY9trpxHCvJze0zLE65N3kGxY26eFWH8MNiGEb1vVdEma-YUnErkA3wA29ueXX1wxFCjzjJ_HIqrwpMtLHpsJ8sWGZ-I/?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/AVvXsEjre8fhsD9gkfy0fcRIsbwxzbL-DQkTid2sFdSqEJBC5KNFpzA2-H8NMOwlSyRCQluc4UU_OpLY7nBzz6O270oABEwp-ici8MEpRCR4Zk5XWlH3Vzd8PQF9dqvlRpG79thrYmFDn4hIdDo/?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/AVvXsEgURobR4iU_XgCj6wSQMpGeEBK81prB337UJWHy83uxesPMuI6OVi5mWiUG97ExkZicjDFy9yCC_heYEXqdxUx-fgPiA-ODmfJRA9_mMI6gLOgXmtiDmfarSEWKrUQxLgyP4CkmKYUkisw/?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/AVvXsEjTZ5dUk03p8ynlQeQzQKN9vQ9X8F7w2B8h6LsMbrtsCrCIfhffpsjC_ZN2dxxab7nlwCyZX7PVcFNnO7u3mvpzLuemlCDa5bn3bKey6BfEjKc2OcjN-mupWYPVc8FaVV1nAjAs_I5r5zI/?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/AVvXsEgyGh38ahlmajvikWcNfGUThIpQqBwJJd9qE0i1mH4tbHByjPu9dThNcxiMR5MB3ocJv_SCzIU6JMMKxWG_zJng3WuENfclfK1GDxe44j_InCteMpymHePaFA8YM8TGBHZjynLScR97Y-Ap/?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/AVvXsEhl_jKMYhE-JnN6S_hc1vKwjwVLqpyX43D-eWZ7HhjdHpj5G8HIEez_sz88GlLtur1wdIpiZaywdlehRZ_yot8mc9bFTzwta8uN_PR0JsrPp3ZbuYcPUjh0Ev__YDzKg251d3nO4vbeFAk/?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/AVvXsEhjNM-LXu3rHImgAMHhRuJF0QEqrC6OxAUzlkVE-bCjpHm2hyphenhyphenb7wOPo3b0pnsE2h7EuIy-Set9JF2aaLUx7zd27E10b3fvuLnQECplvgt1e4BMBJhTwfbuCmMWo2jNF4QriX0lgyVUgqG8/?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/AVvXsEjIn4XTxglPl1EoRk6qzEF30WIvi8pkhrKw4ZVKmCNgvqvfFNhcHXCa5Whjv5UGn5HpLQNI1ESLMtO6ooq3JwOz3hw9s-y143cl24dbpF-HiRLIpSjl0QjLODsGvWPhyphenhyphen8n5KqonNSJ2gCQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> </div> <div style="font-size:10px;margin:8px 0px 3px 0px;"> <a href="https://markasbiner.blogspot.com/2014/12/nih-cara-memasang-widget-translate.html">Get This Widget</a> </div>

[/info]



Oke, cukup 2 widget ini saja untuk kali ini. Nanti akan aku bagikan lagi widget lainnya di lain kesempatan.





Sekian,

Happy Blogging ...

Share this post