
sebenarnya blogger pun sudah menyediakan untuk translate language namun dalam tampilan biasa, nah maka dari itu saya share posting ini agar merubah tampilan translate language lebih keren agar yang melihatnya pun lebih fresh heheheheee
oke langsung saja kita lihat tutorialnya
1. masuk Blogger
2. Rancangan/design
3. >elemen laman
4. >add gadget
5. pilih java script
masukan kode scriptnya seperti di bawah
<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/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Kj7Q6e55Cmw6tFzO46Z30FosY6C8vi05IssinMYrltRHDnOYiLgXvwlYAfPICc_OdIYMEoTHrCjiXTVz_MTdLC407c9DqvuisUjv-WXVZGADZEAVI_ufzRz72jiR_dpnY4duyMweYh4/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer; margin-right: 8px;" title="English" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpsTW4IyJuaoc7TbkMj89q9ikAjgddUo-KNON-xgAq5onMGrWt9yNSFhmTlnOIFKF1sPowix_GT6dfFPMeNJeHZl_W_yYsZQ4fFXym_LZrBSO_tBauoEsWuUqde9J-q_hI1L-8hbLi7qI/s200/France.png" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGaBogQNtz-EjcOsFRKL83Li_8vmnkL7OldXW2aIGMvEOYeGM2HpeO1D_YI5QNCV_-_cjZVYAJCxFR7Wivn2iK2RRHnYybH-xIs-nRAgpmMxND6HF1rPu_WA-2KVTGxn7n1bFWbXPaCUs/s200/Germany.png" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA-FIpPrl5KEGz1kDk1b76lTuDpJt8VPCt_5ctV_msT7d8-DYj_KuVdRXZ5s9IqNlC5jWT0CE6UlGFhZ30n9KadLeQGcnhMJ-s3ix55WjqlBibltLan6vRgOxOJ9tKHGKT_Lc61HDZ0uQ/s200/Spain.png" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWrbQwesyScwit-jkLdMMpkpcu0oiJaf1Ugh610mHssBp6KwcPpFKNfCViDCNQhzrKobADHbA_rQtA5poBXLqVsF3ouUAX_zbwclWPf0pxhQKjQ5OhSQaBbO1LvDiUVzTBsDAR4hkYOM0/s200/Italy.png" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXcgz6CHqKNmAgYoKply_MulFhZmxmBhZ6sTRaHaOj2wRA74n6fDQAzA3DVAdNinTDA70XRUF9R0wLC9x5hu4YsYQGe-jHakReZ7DaDV67qBjWXnJs6Hzd0oZXhjhxsQzmYk3SQxGi5IA/s200/Netherlands.png" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDAjGZZZLRceY3SL3kNrcGaUZ1vnMJLE2anQz8uSEqYjPlgTSnPtfXp6TcyZMvTQhtk9G_QzYzl-p0nnBCJgSaD1oPkZYU6bwaxtqJ7LxkZsg7ZTeVNAERMa8H3K4LK7OUnOU0TmopE6k/s200/Russian+Federation.png" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRYXEza3E6zIzIfqCt7wNN8yParzbEa5w4juT3E2w06GZ4BrwgcPSZvwwHrld8kqoplqrrxOZrdTUev0bwfql9goL12bUlIJKIIxJslJLP41KkHdkhntNgejk03P4Eb1_R5HLqmT7A8s4/s200/Brazil.png" style="cursor: pointer; margin-right: 8px;" title="Portuguese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKkXxuDGlQX1QWij8WvnHoo6STkvj4KzpOb2gCDhAL0hl7yVkpGMNM8GUo71V27OeeJtMtjZt8N8793DpIZv4eRmFqqT39UHQMnFu7dHVuPJ_m-1uCWWcBe_yVtxThn9DjfdUlXMEOpF0/s200/Japan.png" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn2iN9Cemnqgvq1eDDL1LpFQkIsOmlwUYiAKfMiPytGVVX1zfj0atFwMHqAnF-bRf8_bPdbC-KCqdFvFNFp5FE0KJNxiHRxHl2d26NaxFaa-Mjc04K7QznxtSrjRdaMxuHo5TBNUi2Wf0/s200/South+Korea.png" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0JNVAmB0-cnNel14NlmAC4c4qq3G8_3kvcVsMCwNqiTsQqCIjmBkkrjzeO1KuSb6ZamuP1Cj56wxdt0aoK8JZRU9vX5ZFzi5TU83uyVJWiH4-ViA49HCd_AzXRFby0hi_Lu_RQz0ugwM/s200/Saudi+Arabia.png" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn_xgYUOVy2UeDeRbQTebaDAd80SlpFbsO2uHGAdtpE7Ye1Xin2FB5kAfVOYHVE76N1GnB7D4zcac_ZVoAwee-4FVkUAA5VxDxi2cspLruTohEKAMmyhvX93i5gjvQlOQ62eZWOtEHXrY/s200/China.png" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" width="24" /></a> </div>
<div 0px="" 0px�??="" 3px="" style="font-size: 10px; margin: 8px;">
</div><div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://ahmadbjblogs.blogspot.com/2012/07/cara-membuat-translate-language-pada.html" title="CARA membuat translate language pada blog dengan gambar bendera ">Translate Widget</a> by Google </div>
6. saveoke langsung saja kita lihat tutorialnya
1. masuk Blogger
2. Rancangan/design
3. >elemen laman
4. >add gadget
5. pilih java script
masukan kode scriptnya seperti di bawah
<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/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Kj7Q6e55Cmw6tFzO46Z30FosY6C8vi05IssinMYrltRHDnOYiLgXvwlYAfPICc_OdIYMEoTHrCjiXTVz_MTdLC407c9DqvuisUjv-WXVZGADZEAVI_ufzRz72jiR_dpnY4duyMweYh4/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer; margin-right: 8px;" title="English" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpsTW4IyJuaoc7TbkMj89q9ikAjgddUo-KNON-xgAq5onMGrWt9yNSFhmTlnOIFKF1sPowix_GT6dfFPMeNJeHZl_W_yYsZQ4fFXym_LZrBSO_tBauoEsWuUqde9J-q_hI1L-8hbLi7qI/s200/France.png" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGaBogQNtz-EjcOsFRKL83Li_8vmnkL7OldXW2aIGMvEOYeGM2HpeO1D_YI5QNCV_-_cjZVYAJCxFR7Wivn2iK2RRHnYybH-xIs-nRAgpmMxND6HF1rPu_WA-2KVTGxn7n1bFWbXPaCUs/s200/Germany.png" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA-FIpPrl5KEGz1kDk1b76lTuDpJt8VPCt_5ctV_msT7d8-DYj_KuVdRXZ5s9IqNlC5jWT0CE6UlGFhZ30n9KadLeQGcnhMJ-s3ix55WjqlBibltLan6vRgOxOJ9tKHGKT_Lc61HDZ0uQ/s200/Spain.png" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWrbQwesyScwit-jkLdMMpkpcu0oiJaf1Ugh610mHssBp6KwcPpFKNfCViDCNQhzrKobADHbA_rQtA5poBXLqVsF3ouUAX_zbwclWPf0pxhQKjQ5OhSQaBbO1LvDiUVzTBsDAR4hkYOM0/s200/Italy.png" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXcgz6CHqKNmAgYoKply_MulFhZmxmBhZ6sTRaHaOj2wRA74n6fDQAzA3DVAdNinTDA70XRUF9R0wLC9x5hu4YsYQGe-jHakReZ7DaDV67qBjWXnJs6Hzd0oZXhjhxsQzmYk3SQxGi5IA/s200/Netherlands.png" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDAjGZZZLRceY3SL3kNrcGaUZ1vnMJLE2anQz8uSEqYjPlgTSnPtfXp6TcyZMvTQhtk9G_QzYzl-p0nnBCJgSaD1oPkZYU6bwaxtqJ7LxkZsg7ZTeVNAERMa8H3K4LK7OUnOU0TmopE6k/s200/Russian+Federation.png" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRYXEza3E6zIzIfqCt7wNN8yParzbEa5w4juT3E2w06GZ4BrwgcPSZvwwHrld8kqoplqrrxOZrdTUev0bwfql9goL12bUlIJKIIxJslJLP41KkHdkhntNgejk03P4Eb1_R5HLqmT7A8s4/s200/Brazil.png" style="cursor: pointer; margin-right: 8px;" title="Portuguese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKkXxuDGlQX1QWij8WvnHoo6STkvj4KzpOb2gCDhAL0hl7yVkpGMNM8GUo71V27OeeJtMtjZt8N8793DpIZv4eRmFqqT39UHQMnFu7dHVuPJ_m-1uCWWcBe_yVtxThn9DjfdUlXMEOpF0/s200/Japan.png" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn2iN9Cemnqgvq1eDDL1LpFQkIsOmlwUYiAKfMiPytGVVX1zfj0atFwMHqAnF-bRf8_bPdbC-KCqdFvFNFp5FE0KJNxiHRxHl2d26NaxFaa-Mjc04K7QznxtSrjRdaMxuHo5TBNUi2Wf0/s200/South+Korea.png" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0JNVAmB0-cnNel14NlmAC4c4qq3G8_3kvcVsMCwNqiTsQqCIjmBkkrjzeO1KuSb6ZamuP1Cj56wxdt0aoK8JZRU9vX5ZFzi5TU83uyVJWiH4-ViA49HCd_AzXRFby0hi_Lu_RQz0ugwM/s200/Saudi+Arabia.png" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn_xgYUOVy2UeDeRbQTebaDAd80SlpFbsO2uHGAdtpE7Ye1Xin2FB5kAfVOYHVE76N1GnB7D4zcac_ZVoAwee-4FVkUAA5VxDxi2cspLruTohEKAMmyhvX93i5gjvQlOQ62eZWOtEHXrY/s200/China.png" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" width="24" /></a> </div>
<div 0px="" 0px�??="" 3px="" style="font-size: 10px; margin: 8px;">
</div><div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://ahmadbjblogs.blogspot.com/2012/07/cara-membuat-translate-language-pada.html" title="CARA membuat translate language pada blog dengan gambar bendera ">Translate Widget</a> by Google </div>
selesai
Semoga berhasil,.,.,.
Apabila ada pertanyaan tentang tutorial diatas dapat menambahkan,nya di kotak komentar.,.,.
Mungkin hanya itu saja yang dapat saya berikan kurang dan lebih,nya saya mohon maaf.,.,.
Salam Sukses
Salam Blogger Indonesia
0 komentar:
Posting Komentar