-->

Cara membuat Widget Translate Keren, Ringan dan Responsive pada Blog

Cara membuat Widget Translate Keren, Ringan, dan Responsive pada Blog.
Cara membuat Widget Translate Keren, Ringan, dan Responsive pada Blog. Google Translate menyediakan sarana dan fasilitas untuk mentranslate/menerjemahkan suatu kata atau kalimat dan bahkan suatu berita atau artikel yang panjang dari bahasa kita ke  bahasa yang kita tidak mengerti misalnya Bahasa Inggris. Google Translate akan menerjemahkan semua yang kita ketik pada kolom penerjemahan dengan waktu yang cepat, hal ini tentu memudahkan pekerjaan kita jika itu terkait dengan menggunakan Bahasa Asing.

Cara memasang widget google tranlate pada blog
Sahabat tidak perlu bayar untuk menikmati Fitur Google Translate yang di sediakan oleh Google karena fitur ini disediakan secara Gratis, sahabat hanya perlu menggunakan Kuota Internet saja untuk menerjemahkan apa yang sahbat ingin terjemahkan.

Begitu juga fitur widget translate blog keren yang bisa kita pasang pada blog kita masing-masing akan mempermudah pengunjung dari Luar Negri untuk menerjemahkan blog kita. Karena bukan tidak mungkin Blog Kita berkesempatan untuk di kunjungi oleh Visitor dari Belahan Dunia Luar.

Widget Google translate keren di blog ini sangat cocok digunakan untuk blog sahabat yang memiliki Visitor tinggi terutama untuk blog yang memiliki visitor Luar Negeri, karena dengan adanayawidget Translator, visitor dari luar Negeri,karena dengan adanya widget Translator visitor atau pengunjung dari luar Negeri bisa menerjemahkan Artikel yang ada pada blog Kita, tetapi sahabat harus menuliskan artikel dengan menggunakan kata-kata yang baku agar dalam menerjemahkan ke Bahsa Asing sempurna seperti bahasa kita sendiri.

Keuntungan menggunakan Google Translate pada Blog akan memberi nilai lebih pada blog itu sendiri,setidaknya para pengunjung dari luar negeri akan terbantu mengartikan(menerjemahkan) isi dari postingan yang kita buat. Widget google Translate ini juga ringan, jadi tidak memberatkan loading blog sahabat.

Untuk contoh widget Translate yang amang pasang bisa sahabat lihat pada kolom Translate yang sudah amang pasang pada blog amangkutu ini.

Cara membuat widget Translate yang ringan dan responsive pada blog
Untuk membuat atau memasang widget Translate ini cara nya sangat lah mudah, sahabat tidak perlu pusing untuk membuat widget ini. Berikut step by stepnya untuk membuat Widget Translate yang keren dan mudah pada blogspot :
  1. Sahabat buka atau login pada akun blogger sahabat
  2. Masuk pada menu Dashbord pilih "Tata Letak"
  3. Pilih Tambahkan Gadget > Pilih HTML/Java Script klik tanda tambah (+)
    pilih Html Java Script

  4. Beri judul sesuka hati sahabat disini amang memberi Judul "Translate"
    copy paste kode yangamang kasih
  5. Copy Paste Script dibawah ini pada kolom tersebut

 <script type="text/javascript">
function showHide(shID) {
    if (document.getElementById(shID)) {
        if (document.getElementById(shID+'-show').style.display != 'none') {
            document.getElementById(shID+'-show').style.display = 'none';
            document.getElementById(shID).style.display = 'block';
        }
        else {
            document.getElementById(shID+'-show').style.display = 'inline';
            document.getElementById(shID).style.display = 'none';
        }
    }
}
</script>

<style>

 .google_translate img {
margin: 10px 20px 0px 20px;
    height: 24px;
    width: 24px;
        }
        .google_translate:hover img {
filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }

.more {
    display: none;
a.showLink, a.hideLink {
    text-decoration: none;
    color: #0880C4;
    padding-left: 18px;
    background: transparent('down.gif') no-repeat left; }

a.hideLink {
    background: transparent url('up.gif') no-repeat left;
color: #0880C4;}

a.showLink:hover, a.hideLink:hover {
color: #0880C4;
 }

 </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=auto%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUJmxvSniAELYkAm-sf5nRxliU8fe53966YUUIk-16E-30I24ZR-v-YvRfHvNDxDQoCrjZE-YPA3HeOb2RIHhGvqoaL4ehaUoyQG9B3_cdIQc4sWLounIlI_WhZQ25PFvuI8sgwsGDX-mA/s1600/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" 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=auto%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOM63LwTSIE5oZ8yJbQH61-P_FABZWddOsY-HCFBBwWKY6fpZtCqRvirgY_cyZBZ1pCyWGj8gvav5Xhfz4bNYsjjHiU5q4Ar7SH9IDUF8HLzd83By58j4Cjrc_NJLZaCrLi2qe21ecveD/s1600/France.png" style="cursor: pointer;margin-right:8px" 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=auto%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGg1OwMhKbrNRejrrwZEDl7LcGGtDVKpxx0wj8vBo0BCiA1X6nuCgwXRDGiAhHBaSZwlSnyN0MJMhRqKjv6_OenCvv_xQLqponqjPmx8Oj9Eg-tjf3uV0X9JbEO_qAdwJIoUyxFMfUyEOM/s1600/Germany.png" style="cursor: pointer;margin-right:8px" 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=auto%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUXNP5CKqSV5lRtayMg_kxbIJ2SHE5B7H2kC6R0GrmwCmvhNaVAyUSW_tc7jJQtoBcIoicRHWw5KHUN23w7SyjLP90tJtFRHAhBrMq7zaPzKUmLGsPm342C9lxXquhfN1PBEdsVRgSlcD4/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a href="#" id="example-show" class="showLink"
onclick="showHide('example');return false;">More</a>
<div id="example" class="more">
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8LF4W2cF38rzWxa_QYPK1dJ64-FAOuTGddmFOGHc2puCBXRHSjno01QHELhZ8EEGIWyECoBarq3V6ABXXu5Hb23PhF7cDZOeUy3C42W33JZgdubFG-Ct4pRLWayFR2pQpRVzBQ0fNrpAz/s1600/Italy.png" style="cursor: pointer;margin-right:8px" 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=auto%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBa24RACxvLI1pZOBETyfeB5JLgHUC7JiiwMclzP7KPCFfHA-LtN4EeYGmTJ_bSg7mqiUAxTH7Iaaz50sSaAHuHhv40gBz5xvyi2N_Bzg3VXUHU9xFqT9ASKxe6LEXw3ksRzgcCvLbXa4Y/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
      <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1lMUyHbRVi1Uh1GMzK084Ns5VSBsKkr7R_NoL8UJT3RQLv398r6PsTAxUkUrMhJhe9gE45JHp3zKHpb_GRqwvK2vq7Sjf6NIVPc-shRmTGD_JtNNUDAMoVY0QIRlZOPPHI-Pfxgo14WXi/s1600/Russian+Federation.png" style="cursor: pointer;margin-right:8px" 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=auto%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi13ejFBjJZtHr7ffFrsiSUMTFaiuBASQRDqqEt2DBWLQjuJYx1VEfJrtTqOV_9JkZwLY9KLJ_w_gKWLW6XUEPrcKpV7zefGjJpYNvOBKLTnOc9YMYl3Ocbov3GKHvogavEYdqs48viJCSh/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br />
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd56v30pp_PpQLgId62ON-Io-Q8M_EN_Zx8OuHGf25sF5T798uV9yHyf_SUdnwZNKzQ__K8TcRefUvT77Q1BFJLoZ1N43Zv0J8cb9xPT0zl_lGPW2KjJLDaGggBCCvL5R1gHX7r5K9Rrh1/s1600/Japan.png" style="cursor: pointer;margin-right:8px" 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=auto%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-5EwPhO_VybVvPcusXLkXKtY-lJReZV3WFYHI1TMFf7BfYKE4gdWsA36Gl-4LXU5pTutjC1X3vaNnK-PO9WlCcuEhb-SddweY5oyYMPqlqphVUMa1CmIFupLPqW5Y2ZPFmaIXcb54uGK7/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" 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=auto%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNYYuP9KTvU3UZimlt-BuoKFh4G2x23bq65KZ7vF1hjhA229cI2u_v-_QxoCWhYEVvbJ7TCjqUZCnBSZdLUgF6Qo89BZ4acYRni5tOSdMOG75eOdy1dhfNvEzChMV0KIIHIAGAa_YE0GKt/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" 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=auto%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjChrG-a3eONeJuABA7mPYwkBi3zEk5LUvsdr-RHpOWMKS7F4na48CF2APzzy-sNXGGZetBkwr6siot1Trr19X3sEbI7NbHH2PbMjwxE9g-3IHvzX3hStzJGp9jbzRtbcRFQjU-jAfJT5K/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
    <p>
<a href="#" id="example-hide" class="hideLink"
    onclick="showHide('example');return false;">Hide</p>
</div>
</div>


Dan yang terakhir Klik "Simpan"

Itulah tuturial yang dapat amang berikan  tentang bagaimana  Cara membuat Widget Translate Keren, Ringan dan Responsive pada Blog, semoga dapat bermanfaat dan berhasil pada blog sahabat masing-masing.

Jika ada pertanyaan atau kritik dan saran bisa mengisi kolom komentar atau menghubungi kontak admin. "Terimakasih"
"Apa Reaksi Sobat Tentang Artikel ini"

Disclaimer amang: Beberapa artikel di blog ini terkadang berisi informasi dari berbagai macam sumber. Hak cipta berupa gambar, teks, dan link sepenuhnya dimiliki oleh web tersebut. Jika ada masalah terkait hal ini, sahabat dapat menghubungi kami. Disini

0 Response to " Cara membuat Widget Translate Keren, Ringan dan Responsive pada Blog"

Post a Comment

"Silahkan beri kritik,saran,dan komentar nya secara bijak agar tidak menyinggung dari pihak manapun.
Untuk membangun blog ini menjadi lebih baik lagi kedepannya."

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel