Cara Membuat Translate dengan Gambar Bendera pada Blog
merupakan salah satu widget yang perlu shabat coba. Barangkali aja ada bule
yang nyasar keblog sahabat. Walau hampir sama, namun postingan kali ini
mengenai Cara Membuat Translate dengan Gambar Bendera pada Blog lebih
rapi. Penasaran nih mau mencoba?
Beginilah cara yang perlu sobat ikuti :
1. Seperti biasa bukalah Akun Blog anda kawan.
2. Masuklah ke Rancangan / Design Blog anda.
3. Pilihlah Add Widget / Tambah Gadget pada rancangan.
4. Pilih lagi Add HTML/JavaScript
5. Copylah Script berikut di bawah ini.
2. Masuklah ke Rancangan / Design Blog anda.
3. Pilihlah Add Widget / Tambah Gadget pada rancangan.
4. Pilih lagi Add HTML/JavaScript
5. Copylah Script berikut 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="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY0ZUvN0_Sm3rjh0a4wNyuGAKPNFvmvGXb8dInHebef18RPTqa8XfK2Vn3y69Af32YHtMw0x_WPKM7wVaqPq4baAT8rOW61W8nPiDloWcc7-K13Ge8J9507zVMAxJt8NgvjgRYc0RstQI/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHRekzCgxUHK-s83Vsk05ShOsWNBA0MrvaESrQTowd2Ev4KcqDu3XgYd_tgvWtpJnL_wDkBVo4HmPpjXlnSWH-TkqcHxBXAi2NyFky9nONsvokoR33DJ-S0dnngJhBzAA7x58IcFkNdp0/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="French" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXTUgA81oivSWpsebd7ztPgFbdHTeY6zmI9VmjDYQM6PurkUoZSjIpobX4CoOO7w7BHxDaah7qVuBt_kFvnOfIve4SBih5Zl4V8EhYckQvOzLL1_Sph3GMpmjSH38NnyfAY-ufm_tKi5C2/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt6NZ6NTiCrOK6KyBiJWS-hfPYDuAqBWpk_0A0NMrv0pnXn8elJEfYVQ6I4RO6Xmq-OehuvAeqpQJhXDGgletqFRO1H-ULnXpbXpkU4uZ1zc4QLYVYsD6SPJ4FPtpWjWHL_I47G-z6AB5u/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaVU_6mDfdz4eeVBjIYxzZKsdpirwAS0kjecjm9nXk1ktyFCCARvp3HAr-pAoXSzEzSt32biz90auZujb0sgLEGYERJUercLHpFcVnZ7gz2eXFxXDU_ydW2ghnC7VANAcNVRSw2Z3u8Jk/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiji_trw9-FdXZwgSlgsXrpH3yzi4dVqaIx6wFC-Q1-Q4uwr0nZeI6BtRwQ5O0XILB0zavbrvMfkUsAOid3RyWoF7pFY0VmhsaYMV0T7SCM9J0WvqKsc74hYnToWKPvnc7yAZ9FkqlIi7w5/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgad057I9yYxn859vLIjVRKNqDU1sP_tL6g3NmHe-1JHT9n5hNT5rvcrW4JEd4nOmiRTbRwD-jYTKlO9gGaLVIXuswmlKvndcH9kaIApWBozJu4mWFk5KL9QCykZcxkrRmxkM5-cEbq4Rc/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg77qOZZbvegKizcwE2UglVQcdY40yu0Xt9qWc1Gy1CXVY0lyBfvYassmxGV15om8ocWQbxwRIZusH-cvmNPAsvkhQcNUaN93q5p981kYWCs43IAXdaxC8fPnUtFiQcqFXoRmgiU18riEg/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" /></a></div>
.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="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY0ZUvN0_Sm3rjh0a4wNyuGAKPNFvmvGXb8dInHebef18RPTqa8XfK2Vn3y69Af32YHtMw0x_WPKM7wVaqPq4baAT8rOW61W8nPiDloWcc7-K13Ge8J9507zVMAxJt8NgvjgRYc0RstQI/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHRekzCgxUHK-s83Vsk05ShOsWNBA0MrvaESrQTowd2Ev4KcqDu3XgYd_tgvWtpJnL_wDkBVo4HmPpjXlnSWH-TkqcHxBXAi2NyFky9nONsvokoR33DJ-S0dnngJhBzAA7x58IcFkNdp0/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="French" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXTUgA81oivSWpsebd7ztPgFbdHTeY6zmI9VmjDYQM6PurkUoZSjIpobX4CoOO7w7BHxDaah7qVuBt_kFvnOfIve4SBih5Zl4V8EhYckQvOzLL1_Sph3GMpmjSH38NnyfAY-ufm_tKi5C2/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt6NZ6NTiCrOK6KyBiJWS-hfPYDuAqBWpk_0A0NMrv0pnXn8elJEfYVQ6I4RO6Xmq-OehuvAeqpQJhXDGgletqFRO1H-ULnXpbXpkU4uZ1zc4QLYVYsD6SPJ4FPtpWjWHL_I47G-z6AB5u/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaVU_6mDfdz4eeVBjIYxzZKsdpirwAS0kjecjm9nXk1ktyFCCARvp3HAr-pAoXSzEzSt32biz90auZujb0sgLEGYERJUercLHpFcVnZ7gz2eXFxXDU_ydW2ghnC7VANAcNVRSw2Z3u8Jk/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiji_trw9-FdXZwgSlgsXrpH3yzi4dVqaIx6wFC-Q1-Q4uwr0nZeI6BtRwQ5O0XILB0zavbrvMfkUsAOid3RyWoF7pFY0VmhsaYMV0T7SCM9J0WvqKsc74hYnToWKPvnc7yAZ9FkqlIi7w5/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgad057I9yYxn859vLIjVRKNqDU1sP_tL6g3NmHe-1JHT9n5hNT5rvcrW4JEd4nOmiRTbRwD-jYTKlO9gGaLVIXuswmlKvndcH9kaIApWBozJu4mWFk5KL9QCykZcxkrRmxkM5-cEbq4Rc/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="24" /></a>
<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg77qOZZbvegKizcwE2UglVQcdY40yu0Xt9qWc1Gy1CXVY0lyBfvYassmxGV15om8ocWQbxwRIZusH-cvmNPAsvkhQcNUaN93q5p981kYWCs43IAXdaxC8fPnUtFiQcqFXoRmgiU18riEg/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" /></a></div>
6. Simpat Widget dan Template Blog
7. Lihat Hasilnya.
Nah sudah
jadi dah, silakan dicoba, semoga bermanfaat.
Tidak ada komentar:
Posting Komentar