Untuk contoh lihat gambar bendera di sebelah kanan blog saya, itu adalah salah satu style dari Google Traslate. Untuk membuatnya sangatlah mudah, anda cukup mengikuti langkah di bawah ini :
- Login ke blog anda -> Layout -> Page Element ->Add a Gadget -> HTML/Java Script
- Copy kode di bawah ini
<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/AVvXsEiHrma85SelKQIqKHoIM-t-AKghZq8f9UUVcMZQIIp7gvWBoe-bEiRHMXR1IwUKg8ZQFKo7qGbkyLTDY6HE4grVsl4G6ORNcmFawmGyJuOrZEf7UtbfoF7y13jkDjRlrmLfDVMrHQsIZh8/?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/AVvXsEjqbTwZe_qeGoZpNbtOpwbDz2YlAGrmKZ6b640ShpbU-_c1B7ZXKcLL_5Q6H4YGaRG5k6uNA50t_Z0CIfO4ekpj4-uHZh4XZQ79c6Of8lLtXBBg-ty5smRc7RFvUgiW8-C7lk-tkueKAlA/?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/AVvXsEg5V8k3BsgvYd-UgA7iDivLoXpbAnfXTxZzarOsv8hEa1lblp4tjH5s7RMA3_9Cbuxghwt9iAu4PkqxESmLkgoXwk2cnDnzCgSwhwVmA_TEGZmTWcBXaoIuZ-h4U_CLdPruF8cr_QbJuMwH/?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/AVvXsEiolaF7CmB2EEkOkMKZtRzLxwZBS3BNzscdsJUPZcuTLmWfyP6bmLx_fljYHYQP9VKPlFrBH5i-k7fGOt33vlmFXQf5bCh-7wP-6jfo7vmnzBqHHJBcDeiXpGXgniEVjXRGDqCIBP853sOL/?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/AVvXsEiPuJPIeGD_9UaMjCcP1ywL1FT4wzEGPj6YQOx3yTeCGWqeqHc2dMDE9RUktas72a-Qoal2foesvStFZ81Jadl0g_G0rdYfreSgwIgPGfmPpsUERTAAUxVmFXcMEigolwV13E1cihNn7nU/?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/AVvXsEjbHZw1XPUNqqOv3cP71L5wgJ_uXRja5pHa4mrewfLyoUHEiWvzubM9R0T49SOONyO9EjVKGrEgE7-tQzxfOyKJd2LMdIHFozxQVRckiikjPngKtKrEVVKi-YQ4fmrrTjW5uNiyoq5XlbI/?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/AVvXsEj_buKqOK2DkbNbIcyT7ccCKTJ4AvChvmsPpeAfv6rPOV9sVV-ARi2PdNlDQRJaaw052qOm_ZBkGdel4Emz8YCJxF2QUtisa9MXXGNh-V1oAcSF08dSoZyvblnIPhM4wgWEhRH47citSJE/?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/AVvXsEjmuVtezNQBaYn0USUHmqeeFa59bXubS2E37LzSPvXZFMIS6ajOAFzIde2uzOkiica3Q3EnHD_sC_mIMOHYRUESmdWDq1ywCqXgZd1eoxLd4DM2UXv_DHRBG__EWekX59gnB2eHr0YLxW8/?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/AVvXsEjGvM8h5Dp0MuWaFb8wfrzhFFdVjzqo6ojH3EckUD4GtiMCGFs-NkkOQ6fJWP3N2cryoj_N99TF2OA_yCjfSqGwHGyqfw85N5NGafLogdnieiUcs-gMgNqyiay8AeHgLEfmf2il6Z0enxV4/?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/AVvXsEjiHx-5-jMZguqQ0VfliFh1AY5zGw6BqqB6wjvb4pTkZqiMbLoBCOt8eNQUb1zqx5v34PptNNx4g4fYJKwRAu2LiXXbMuVbPYM9w9ubQulMgYyMK3cNC6yst5_dLYySzXTurKxMsMdjo5o/?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/AVvXsEh3icX7k3hTDg34llv1GSbWvuQinURC6hjMuVy85-kX6G_GLi3TciJVkPNX9hVaENrAK73WmSC4jB3qQ9E7uIqbinBHmtVS5i7u2Bq-blHZOImPqJMD2xsIEmScxEWve-8f4IyorE1WmSQ/?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/AVvXsEibhuGq7vxO0WuIWgHyfRJJbPASleSISKwL2NRPaCLF3DHFbCRPox_Yz9AV6QTiRO7M2Op2ztKb57bQGZGSswhoAUe-qWmdYHZYI4DcLEaWMciTaeZPrIK4nsLGHDLkLpbnECmdbSwGBG8/?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.abi-galoga.blogspot.com/>Galoga</a>
</div>
Maka Hasilnya kurang lebih akan seperti ini
Kenapa ? beda dengan milik saya ? iyalah, kalo sama enggga GOKIL !!!
terima kasih