Memasang Translate Bendera di Blog

Monday, August 25th, 2014 - Blog
Memasang Translate Bendera di Blog

Bahasa yang ada di dunia tentunya sangat beragam, dan kebanyakan blog menggunakan bahasa internasional, yaitu bahasa Inggris. Tujuannya agar blognya bisa dimengerti oleh semua orang karena bahasa inggris adalah bahasa internasional.

Tetapi apabila blog kita menggunakan bahasa indonesia (contohnya blog pusat cara ini) kita dapat memanfaatkan google translate sehingga blog kita bisa diterjemahkan ke beberapa bahasa di dunia. Selain itu widget translate bendera ini sudah valid CSS3.

Google translate ini berbentuk bendera, yaitu bendera bahasa yang akan kita terjemahkan. Misalnya bendera inggris, rusia, spanyol, dan lainnya. Sehingga mungkin ini akan menjadi nilai plus tersendiri karena juga bisa untuk mempercantik tampilan blog. (Baca: Cara Merubah Tampilan Cursor Blog)

Berikut contoh gambar translate bendera :

widget translate
Pada gambar diatas silahkan lihat pada bagian sidebar atas, Memasang Translate Bendera di Blog Anda akan melihat beberapa gambar bendera negara. Itulah contoh translate benderanya, menurut Anda apakah translate bendera ini keren? jika iya Anda bisa memasangnya di blog.

Memasang Translate Bendera di Blog

1. Login ke blogger
2. Template > Edit HTML
3. Masukan kode css ini:

.pusatcara_translate img{opacity:1.0;;border:0;margin-right:10px}
.pusatcara_translate:hover img{opacity:0.30;border:0}
.pusatcara_translatextra:hover img{opacity:0.30;border:0}
4. Simpan template
5. Kemudian ke Tata Letak  > Tambahkan gadget dan masukan kode berikut ini:
<a class="pusatcara_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;"><img alt="English" height="32" src="http://3.bp.blogspot.com/-5kO0BaR8aLY/U_sR2jhavWI/AAAAAAAABCs/p5cqPm685ek/s1600/English.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="pusatcara_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;"><img alt="French" height="32" src="http://2.bp.blogspot.com/-wOojfyIttWk/U_sR4TfdJ9I/AAAAAAAABC8/6EDO1Mj6mYs/s1600/French.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="pusatcara_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;"><img alt="German" height="32" src="http://2.bp.blogspot.com/-t2BLnS0LlaY/U_sR4hnH89I/AAAAAAAABDA/asRLHoXMivc/s1600/German.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="pusatcara_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;"><img alt="Spain" height="32" src="http://3.bp.blogspot.com/-TI1lv0O5jAQ/U_sR7M6jUvI/AAAAAAAABDY/YlJJfFIJkMY/s1600/Spain.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>


<a class="pusatcara_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;"><img alt="Russian" height="32" src="http://3.bp.blogspot.com/-ePYJnEwvPtQ/U_sR69am0eI/AAAAAAAABDU/hEdeoC3mo00/s1600/Russian.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="pusatcara_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;"><img alt="Japanese" height="32" src="http://4.bp.blogspot.com/-7CrBJES4uTQ/U_sR5DEPDQI/AAAAAAAABDI/ENg8UnSZUU0/s1600/Japanese.png?imgmax=800"

<a class="pusatcara_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;"><img alt="Arabic" height="32" src="http://1.bp.blogspot.com/-Mi14R8PDF2Q/U_sR1iCMjnI/AAAAAAAABCk/fzOvRenl95Q/s1600/Arabic.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="pusatcara_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;"><img alt="Chinese Simplified" height="32" src="http://3.bp.blogspot.com/-n63q4-Ax0Js/U_sR2G_CrsI/AAAAAAAABCo/193VVqnpHpQ/s1600/Chinese.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

6. Simpan Gadget, Memasang Translate Bendera di Blog

Dnegan langkah mudah diatas, translate bendera sudah sukses terpasang di blog.  Jika ada pertanyaan silahkan sampaikan lewat komentar dibawah dan semoga artikel Memasang Translate Bendera di Blog bisa bermanfaat bagi Anda. Baca juga tips blog lainnya di pusat cara.

Memasang Translate Bendera di Blog | admin | 4.5