Tips Cara Membuat Widget Translate Berbagai Bahasa Dalam Blogger

Follow @HediSasrawan

Pernahkah anda membuat widget translate untuk mempermudah seseorang yang sedang berkunjung ke dalam situs anda untuk membaca artikel yang anda miliki dan menterjemahkan ke dalam bahasa yang dia mengerti. Jika anda belum pernah membuat widget translate dalam blogger maka saya akan memberikan suatu tips yang sangat sederhana dan mungkin dapat membantu anda membuat widget translate dalam blogger. Ini adalah cara sederhana yang mungkin dapat membantu anda karena banyak orang yang sangat sulit untuk menterjemahkan suatu artikel yang menarik dan pengunjung situs anda mungkin tidak perlu bingung mencari translate karena sudah disediakan cara sederhana membuat translate dalam blogger. Dan kode yang harus anda tambahkan adalah :

1. Langkah Pertama Klik Widget HTML dan JavaScript

2. Tambahkan Kode yang ada dibawah ini kedalam Widget HTML dan JavaScript

view sourceprint?

01

<style>

02

03	.google_translate img {

04	filter:alpha(opacity=100);

05	-moz-opacity: 1.0;

06	opacity: 1.0;

07

border:0;

08

}

09	.google_translate:hover img {

10	filter:alpha(opacity=30);

11	-moz-opacity: 0.30;

12	opacity: 0.30;

13

border:0;

14

}

15	.google_translatextra:hover img {

16	filter:alpha(opacity=0.30);

17	-moz-opacity: 0.30;

18	opacity: 0.30;

19

border:0;

20

}

21

</style>

22

23

<div>

24

25

<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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

26

27

<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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

28

29

<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/AVvXsEhXqM1CM1-rkLvmLxhGnGtaCKlzakFcuyZoum-CQj9IDNPq8mht7qWxArSFx7eDXk8wKzGKGiCJq8zKcCKtp4JKXCy15vS8B2tR9WzrLoBqyiyKU2NFF2Tqc3IJsDputxfoZznxBXBks5hw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

30

31

<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/AVvXsEij1N3uLjTaFGq80m5ZULgVEW156waYtx3cq_nbQHf1uAhxg0fnEpw7ORMdb7kjP_pIbjCiRyH1nhLyjxCIaw7KQeIvcWbkjGWmQXpUbC7jdZLhkerPXFq7QB5n1O3uQJgGWGUrTEckfXg1/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

32

33

<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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

34

35

<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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

36	<br/><br/>

37

38

<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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

39

40

<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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

41

42

<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/AVvXsEj3zcJzOeAKjEriW23loK4cp812fCh432EIVvxjFaO0GgKJyUvnP1k8SSE2ldzrEWqTB2fx3L2ZIYcc05xKv8MRVSxPHH0GSroWaMNGtCx9KLMvZOvE0a-BlFxVSbqPhleBfWgo5rIFqR84/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

43

44

<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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

45

46

<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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

47

48

<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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

49	</div> <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>

50

51	<br/><br/>

52	<center><a href="http://newbloggertemplates.com/category/premium-blogger/">this widget by Premium Templates</a></center>

3. Tekan Save

Dan hasilnya akan menjadi seperti yang ada dibawah ini dan anda dapat mencoba live demo tersebut dan jika anda mengerti dengan kode diatas silahkan mengunjungi Translate.Google.com untuk membuat Translate dengan berbagai macam bahasa yang anda inginkan dengan mengambil link Bar yang diberikan saat dalam menterjemahkan dari bahasa anda ke bahasa yang anda inginkan. Untuk Live Demo silahkan coba Widget Translate yang ada dibawah ini :

Demo

Klik Disini

dan lihat pada bagian sidebar templates ini.