Cara Membuat Widget Translate Google Keren Pada Blog

18:51:00
Cara Membuat Widget Translate Google Keren Pada Blog



Selamat datang agan atau aganwati, kali saya akan berbagi tentang tips blogging yaitu cara tentang menambahkan widget google translate keren di blog. Widget Google Translate merupakan widget yang dapat ditambahkan pada blog yang berupa widget yang menampilkan beberapa pilihan terjemahan laman dari negara-negara yang terkenal seperti Inggris, Perancis, Jerman, Spanyol, Italia, Belanda, Rusia, Brazil, Jepang, Korea, Arab Saudi dan Cina.



Dengan adanya widget Google Translate memudahkan pengunjung asing dapat memahami artikel atau postingan yang kita buat. Selain memudahkan pengunjung asing yang memahami artikel juga dapat meningkatkan daya tarik pengunjung asing untuk membaca artikel kita sehingga artikel kita dapat populer bagi pengunjung asing.


Untuk menambahkan widget Google Translate di blog caranya cukup mudah dan simpel, langsung saja kita berikan tutorialnya :


Langkah


1. Login pada blog anda masing-masing,

2. Pada menu dashboard blog pilih menu tata letak,

3. Setelah itu pilih menu tambahkan gadget, lalu  pilih menu javascript / html,

4. Setelah itu copy script di bawah lalu paste pada kolom javascript / html,

 <style> .translate img {
filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0;
padding-left:0px; } .translate:hover img { filter:alpha(opacity=50);
-moz-opacity: 0.50; opacity: 0.50; border:0; } </style>

<div style="text-align:
center;">

<a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="English"><img align="absbottom"
alt="English" border="0" height="24"
src="http://lh5.ggpht.com/_15FopxVONSo/Sbs0I7gaReI/AAAAAAAACJk/vpx3tp_jg_k/s144/uk-flag.png"
style="cursor: pointer; margin-right: 8px;" title="English"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="French"><img align="absbottom"
alt="French" border="0" height="24"
src="http://lh4.ggpht.com/_15FopxVONSo/SbszlpR2QrI/AAAAAAAACIs/AwPD69Z7dnU/s144/france-flag.png"
style="cursor: pointer; margin-right: 8px;" title="French"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="German"><img align="absbottom"
alt="German" border="0" height="24"
src="http://lh3.ggpht.com/_15FopxVONSo/Sbsz1CIjjCI/AAAAAAAACI0/6PJIWHvMAh4/s144/german-flag.png"
style="cursor: pointer; margin-right: 8px;" title="German"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Spain"><img align="absbottom"
alt="Spain" border="0" height="24"
src="http://lh6.ggpht.com/_15FopxVONSo/Sbs0IY8NOGI/AAAAAAAACJc/GncIRRDiVq0/s144/spain-flag.png"
style="cursor: pointer; margin-right: 8px;" title="Spain"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Italian"><img align="absbottom"
alt="Italian" border="0" height="24"
src="http://lh6.ggpht.com/_15FopxVONSo/Sbsz1TJ5xdI/AAAAAAAACI8/0dtYx_clT4s/s144/italy-flag.png"
style="cursor: pointer; margin-right: 8px;" title="Italian"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Dutch"><img align="absbottom"
alt="Dutch" border="0" height="24" src="http://lh6.ggpht.com/_15FopxVONSo/SbszlYjxPRI/AAAAAAAACIk/n-yzKfbktew/s144/dutch-flag.png"
style="cursor: pointer; margin-right: 8px;" title="Dutch"
width="24" /></a>

<a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Russian"><img align="absbottom"
alt="Russian" border="0" height="24" src="http://lh5.ggpht.com/_15FopxVONSo/Sbsz1TzIcWI/AAAAAAAACJU/otXl-gtu1zg/s144/russian-flag.png"
style="cursor: pointer; margin-right: 8px;" title="Russian"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Brazil"><img align="absbottom"
alt="Brazil" border="0" height="24" src="http://lh4.ggpht.com/_15FopxVONSo/SbszlB3M6II/AAAAAAAACIU/jZYjX1vwGAo/s144/brazil-flag.png"
style="cursor: pointer; margin-right: 8px;"
title="Brazilian" width="24" /></a> <a
class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Japanese"><img align="absbottom"
alt="Japanese" border="0" height="24"
src="http://lh3.ggpht.com/_15FopxVONSo/Sbsz1U6a6KI/AAAAAAAACJE/B3pvO5vYH8s/s144/japan-flag.png"
style="cursor: pointer; margin-right: 8px;"
title="Japanese" width="24" /></a> <a
class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Korean"><img align="absbottom"
alt="Korean" border="0" height="24"
src="http://lh4.ggpht.com/_15FopxVONSo/Sbsz1e4_30I/AAAAAAAACJM/fuEkLjyIHiE/s144/korean-flag.png"
style="cursor: pointer; margin-right: 8px;" title="Korean"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Arabic"><img align="absbottom"
alt="Arabic" border="0" height="24"
src="http://lh6.ggpht.com/_15FopxVONSo/SbszlITiTZI/AAAAAAAACIM/Jec1INW-YFE/s144/arab-flag.png"
style="cursor: pointer; margin-right: 8px;" title="Arabic"
width="24" /></a> <a class="translate"
href="http://www.blogger.com/blogger.g?blogID=3662941150602065061#"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en');
return false;" rel="nofollow" target="_blank"
title="Chinese Simplified"><img align="absbottom"
alt="Chinese Simplified" border="0" height="24"
src="http://lh3.ggpht.com/_15FopxVONSo/SbszlRrumlI/AAAAAAAACIc/rL_X9LTyuRE/s144/china-flag.png"
style="cursor: pointer; margin-right: 8px;" title="Chinese
Simplified" width="24" /></a>

<div style="font-size: 9px; padding:
8px 0px 0px 0px;">

<a
href="http://translate.google.co.id/" title="translate
widget">Translate Widget</a> by Google </div>


</div> 


5. Simpan dan lihat hasilnya.




Demo


Cara Membuat Widget Translate Google Keren Pada Blog



Nah itu saja dari saya semoga artikel tentang cara membuat widget translate google dapat membantu anda, jangan lupa like, share dan google+nya serta tinggalkan komentar, terima kasih.

Share this

I'm CEO & Founder in http://caritema.com & http://renaldyways.blogspot.com/


Artikel Menarik Lainnya

Artikel Selanjutnya
Next Post
Artikel Sebelumnya
Previous Post
Cara style text di komentar Disqus dan Blogger:
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
  • Untuk menggunakan emoji di bawah ini cukup copy kode tersebut dan beri jarak 1 spasi untuk menampilkan emoji pada kolom komentar Blogger.
Parser Kode
FAQ
Emotikon

Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

0 Comments