Cara Membuat widget Translate bendera di Blog

Kali ini Baharshare akan memberikan tutor Cara Membuat widget Translate bendera di Blog. mungkin saat ini hampir semua blogger mengunakan widget ini karena keren dan bagus dan juga tidak terlalu memakan loading page . widget ini juga memudahkan para visitors dari luar negeri untuk mentranslate secara langsung dengan melihat gambar bendera negaranaya.
Ok tanpa menunggu lama lagi mari kita praktekan.
1. Pilih Tata letak.
2. Tambah widget.
3. Pilih yang HTML/Javascript
4. Masukan script di bawah ini di widget tadi !!

<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/AVvXsEg3GiAXj-RAMBXWsdpJYzUffslOyFLDBWDJyXFQR2kiFzXAb-wI_mik9dbZbYgJjNTzCUMXVEJ3YlQq4eeqoqF6EZgQtvJM56yajYS85-WYf_2Qxx2asB-luS4HavQpnGboWJ0mbKLTCdg/?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/AVvXsEgX6MLshJBenbG1O18YH1oUWb-uG7NFVSiuy2SrlX1S9m2Yf8rp-XB27t8iDhCeyzn4-c2LR_NAOyQaeRiTFZdULszvfoY59mX_9g8tckHbGGS54lS8_JvRQ-aEW8oCEgpS9mA8ebN2kUk/?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/AVvXsEitagqSQvyO3-Yg5qPu4HI_hLSRC2Q46N-rj6WN_syrCnwI1NWiREwLE-l9UqiTQno44IEI6gNQk35TeaoRKyu2wVl9DE-d-AS-2rYRXxURJpneYDqmXWYB6jI7qRLk66jwGMvnNpBpuQdD/?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/AVvXsEjWYplBjqW7-CGy1emKCfTCKJTPiQwcTyzBw18BWNOUf0ecxFdXsSNwLhB3PJ0CJ-HGtPzbi0dkJc7Y7DJF0-aaE_RS7eoDMpgPzq1gSBTEcyLu0ZruWDI0SylITz-zCxp2jkg7Ipl6ogE4/?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/AVvXsEh_MIWqzr-ASjcLXNTcgvBWthBBmo6_i125WsKr3YDp3t6IoDhZHuzZcwZnOx5KNbgYnEGKYwY_O-wKxEAhkZC1jB7nmytkFm9gsuOWL1AoE2iB6fTg1GVcCqUrWE0vRO_2eXJbmCbmyiE/?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/AVvXsEiBVBzH3Ul9DU_tPupT5U5Giig9i7bS715oHXyliPObhGzhN_D_vFzv-Sf3hLIURWBudoe2Duh0CNYGCmW-YXuXyCpUpc_sRjAcmtb8-w5q22ZQBovtjMenAq5W5YjDjZA-6cjGqFhQTmQ/?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/AVvXsEgIWEw4ZNuzPKZqIy2cgfkDPBiCSo_JLomhTlSvSbRGPQ-ghVO9OfzmAwc7TmNpW2yAUkkOiVVxe8Nzw98CM1sXou1ij5yqaGuwP88QwT0qGh2laHNZs6k0VUp5AU0SV_c3MOlc77X63hY/?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/AVvXsEiLC-IYcssAZVbA9OSmjo-zjHXb2bmbnp6LjMm6Hfpet4b7K2sbP6ZgDIm3QmEzDQBQW2z8TNiqhJLQ9AmhaIsa72yatqJQhRSHVyE9eSeKvYccubEX_36WHMdmr7Gl8ltXjyfOsJd2Bm4/?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/AVvXsEgrkBtFPngiJPnT0xerklAb4hgbXt6S_yt_xKHc2T4uXwcVZIm9UjlnCOWizwH9xQZkRFXki3ZiqsICrAJ5x-HzdUyCg6JgULdpzzpj9g4yvscUn05ohsReFWvos7N_9b4Um4EqByML3vor/?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/AVvXsEj189nEc6CQ8MoBwkPQhd5tUpTsYVywmkpiIE6wQ5NbIT_8quj_2Eq3rSUGhtl9sagUXG0sIPuMCN5pA7sowm_nJr0lRT17FXpgdVqEjk2F1vtWiq_2aR7S69rnx5nsIdVSL7djGqGg8Xg/?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/AVvXsEhy7ZOz3rqQSpe-P_aqBAQjEnBXFlkhLDClam6W1XM7leiCMblg4ZEg4vumEzNwZBMLVJKeE5H9jVkZDDw5DlPx58pe3BDdh2AsQjdSYzr7Q9hZQXFghZxUQXLVLBmfBeMujajpymRwaEo/?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/AVvXsEihyphenhyphenP2nJpo4mrmbSUdntM4eRv3grIHnT0h0a6Weoo7i3KkEWL3X_G1MX9_QMI5Im2Ew7LRKYQMadkSMhQ7qbGuwsDO3puLrvdPYgXeLZ1seR3hXTQDSIV_HN0WEZMnWxgjJbOaU2hy28fI/?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.blogspottutorial.com/>BTF</a>
</div>

5. klik simpan dan lihat hasilnya.


Selamat Mencoba

Sobat sedang membaca artikel Cara Membuat widget Translate bendera di Blog Sobat bisa menemukan artikel Cara Membuat widget Translate bendera di Blog dengan url http://baharshare2.blogspot.com/2012/12/cara-membuat-widget-translate-bendera.html, Sobat boleh menyebarkannya atau mengcopy paste-nya jika artikel Cara Membuat widget Translate bendera di Blog ini bermanfaat bagi semua teman-teman, namun jangan lupa untuk meletakkan link Cara Membuat widget Translate bendera di Blog sebagai sumbernya.