Selamat siang para pembaca setia beginerblog ,pada kesempatan kali ini saya ingin berbagi sesuatu bagaimana sich cara untuk membuat Translator dalam bentuk gambar ? apa sich fungsi dari translator tersebut ? kalau bagi seorang blog master mungkin yang namanya Translator yang berbentuk bendera mungkin hanyalah sesuatu yang biasa - biasa saja ,namun bagi seorang blogger pemula seperti saya Translator berbentuk bendera sesuai dengan negaranya masing - masing merupakan sesuatu yang sangat asing bagi saya ,nah karena pagi tadi saya sempat men search di google cara mendesain blog menjadi mewah dan cantik saya menemukan translate ini ,maka oleh sebab itu , tidaklah adil apabila yang mengetahui itu hanya saya oleh sebab itu saya akan menshare sedikit cara mudah membuat Translator di blog kesayangan sobat masing masing....
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/AVvXsEhrfAztR262hYG9sNJoWjBFsJ9bZvHdenIHDNGYOveMdeCpMTy3NpbtV1MZJVW8S34Iy3W6YLc0HIta3Bpi3tf9bcAlh1WEWqsQzbNP3qJilQ3g5YIILQsHV8hDf_qzr3WLHFIHzPu0NNQ/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/AVvXsEiZxt1fhbOghYUMQwZ56l00R06AwJUzfM_kVw-wvCiEGdcF__gsfEUDhUgZFLEn2a7vF8x4Fmf1fbUnmBaMknl5xHEoB20OmPBqLCN0b3HUj3TcVCrQt7kuEendCoe-NiLLDHfzAcuSAZc/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/AVvXsEiAAO9trpFhcj1bHM8wPu4MdClfX17Om9RErvETTSnXzKbP-lTLQFidEcAgpHcIMwI6CTY3TcFrA8u-q8sb3ThVwcq6D5pQn86ymLMP7GxvzedCFQA5FF9k0XrElF28PrKACzOkele_g-s/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/AVvXsEi0Mxx6Mw4b52_cr4GpL4wf7FFRjbWT4mYS8d9PD-AKkMM_IyyJBO3AkZbQc7Gw0HVNmMwOrgXYXiMY53sOQwU256C-tXNsUuBxyA7vL_dhxtjMag2KGLVHxlM7DEEa23jmnaSz-gNtJgw/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/AVvXsEiiolu-aCs0XAzvYekMLDywOS2GAfJwJ7nzEXxrFCPMC5fT1rc5TNDqIfvbrnT8Sc-okImA3JIy0RCHZI9lUGxE-qu0wQRYcJUHQaAJDmTZhtG_szeEJJCCGkLh8kvnhnnJ7rGvzM4hiIU/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/AVvXsEja_K_xIf0zYTA-shtRxl9-z0sX-I2ZOG_GCTPvcHl6kciJPOpykF-Ku-B2pI0dlZT4e9vAVzRMR7j0rxyhcPbRjY5P9_LIya2WePKgYUBI7S2J-yeW5fFK3PwxhfGZzvimjSEqy1RmPow/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/AVvXsEg1ynIruXooULFJVXWgzTG5WeAV8GiiSixL-ltzQWZOIlW47qEBeqa1Zn2HH4qsHA8zbBRhukjEfsFKTv9qxEPauBcF5HIBnNTyfcTaYCmFkVXlNbuQTORA-VzxGGWZZ2TZkrLs0qbU38I/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/AVvXsEgz-5hWB5me6xD1q6PKZ7l5DQt91nrB_mlrZYL55EzdcO36CEtx0NPQhq6IY95Y8TYoH7vJBB3ryalpkmhsppQ-1o_He8on1Tee9Xme3Z3QgnXJ5FGZPnyQDZ7I8DTYTRQGMkF2Qc9LRbY/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/AVvXsEgw_bar5VXKN9Hk8Ty8F-hvHHtPnX4SovudPk7fbk7D9evmT45lk3WpWDLMe4f3sYMN5RhoJyfafcD2-g68F3hOT98Y1nDw5HMdunkgMlhhdIwzjKtQVWZ2CX5I92nwmXTqPJZ0RHvkjNA/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/AVvXsEhuwzJ-OBWV9UH2bxJwAS4BQ6HL1YbhScinGwekZ3g76dFJrz2BfnBJvUL9-8LhqYMXjYHUZYO9M6l83fhpIiUEl9Geidr6sz34GL-VRrjrxLtNvsJOfKnGgB07SFyojYxpxPEsu9AtZng/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/AVvXsEjo1PxBcGXMottZL0T_a2YNo1_DFi0ls4-6nFBsm1BPS-8LttfaDRXFEj7h9Zh-JQiUUOAk7KL6REcATfVa1rR8smTes9Q-MplmON5f9nfERVWtKsjMdrZYXjQC48-58PkjfI0RigvRl6U/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/AVvXsEglyS1UETmR26WhSseOIjqRvvJ3dOxnC7wP-5foOqgBfJ5qHkhvs5UXBQ1lhgs-JxIk3200VLxo5Q2szapa8j24lcREWhsThgYEHHtWBp6EDAEYUIfNnHiB-r5cvdIMVoVa-vs00oL6cSM/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/AVvXsEhrfAztR262hYG9sNJoWjBFsJ9bZvHdenIHDNGYOveMdeCpMTy3NpbtV1MZJVW8S34Iy3W6YLc0HIta3Bpi3tf9bcAlh1WEWqsQzbNP3qJilQ3g5YIILQsHV8hDf_qzr3WLHFIHzPu0NNQ/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/AVvXsEiZxt1fhbOghYUMQwZ56l00R06AwJUzfM_kVw-wvCiEGdcF__gsfEUDhUgZFLEn2a7vF8x4Fmf1fbUnmBaMknl5xHEoB20OmPBqLCN0b3HUj3TcVCrQt7kuEendCoe-NiLLDHfzAcuSAZc/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/AVvXsEiAAO9trpFhcj1bHM8wPu4MdClfX17Om9RErvETTSnXzKbP-lTLQFidEcAgpHcIMwI6CTY3TcFrA8u-q8sb3ThVwcq6D5pQn86ymLMP7GxvzedCFQA5FF9k0XrElF28PrKACzOkele_g-s/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/AVvXsEi0Mxx6Mw4b52_cr4GpL4wf7FFRjbWT4mYS8d9PD-AKkMM_IyyJBO3AkZbQc7Gw0HVNmMwOrgXYXiMY53sOQwU256C-tXNsUuBxyA7vL_dhxtjMag2KGLVHxlM7DEEa23jmnaSz-gNtJgw/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/AVvXsEiiolu-aCs0XAzvYekMLDywOS2GAfJwJ7nzEXxrFCPMC5fT1rc5TNDqIfvbrnT8Sc-okImA3JIy0RCHZI9lUGxE-qu0wQRYcJUHQaAJDmTZhtG_szeEJJCCGkLh8kvnhnnJ7rGvzM4hiIU/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/AVvXsEja_K_xIf0zYTA-shtRxl9-z0sX-I2ZOG_GCTPvcHl6kciJPOpykF-Ku-B2pI0dlZT4e9vAVzRMR7j0rxyhcPbRjY5P9_LIya2WePKgYUBI7S2J-yeW5fFK3PwxhfGZzvimjSEqy1RmPow/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/AVvXsEg1ynIruXooULFJVXWgzTG5WeAV8GiiSixL-ltzQWZOIlW47qEBeqa1Zn2HH4qsHA8zbBRhukjEfsFKTv9qxEPauBcF5HIBnNTyfcTaYCmFkVXlNbuQTORA-VzxGGWZZ2TZkrLs0qbU38I/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/AVvXsEgz-5hWB5me6xD1q6PKZ7l5DQt91nrB_mlrZYL55EzdcO36CEtx0NPQhq6IY95Y8TYoH7vJBB3ryalpkmhsppQ-1o_He8on1Tee9Xme3Z3QgnXJ5FGZPnyQDZ7I8DTYTRQGMkF2Qc9LRbY/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/AVvXsEgw_bar5VXKN9Hk8Ty8F-hvHHtPnX4SovudPk7fbk7D9evmT45lk3WpWDLMe4f3sYMN5RhoJyfafcD2-g68F3hOT98Y1nDw5HMdunkgMlhhdIwzjKtQVWZ2CX5I92nwmXTqPJZ0RHvkjNA/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/AVvXsEhuwzJ-OBWV9UH2bxJwAS4BQ6HL1YbhScinGwekZ3g76dFJrz2BfnBJvUL9-8LhqYMXjYHUZYO9M6l83fhpIiUEl9Geidr6sz34GL-VRrjrxLtNvsJOfKnGgB07SFyojYxpxPEsu9AtZng/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/AVvXsEjo1PxBcGXMottZL0T_a2YNo1_DFi0ls4-6nFBsm1BPS-8LttfaDRXFEj7h9Zh-JQiUUOAk7KL6REcATfVa1rR8smTes9Q-MplmON5f9nfERVWtKsjMdrZYXjQC48-58PkjfI0RigvRl6U/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/AVvXsEglyS1UETmR26WhSseOIjqRvvJ3dOxnC7wP-5foOqgBfJ5qHkhvs5UXBQ1lhgs-JxIk3200VLxo5Q2szapa8j24lcREWhsThgYEHHtWBp6EDAEYUIfNnHiB-r5cvdIMVoVa-vs00oL6cSM/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
Tidak ada komentar:
Posting Komentar