Cara Membuat Widget Translate Pada Blog


Berikut saya akan membagikan tips dan cara untuk memasang widget translate untuk blog agar blog kalian terlihat bagus dan lebih indah.


  • Login ke Blogger kalian 
  • Masuk ke Tata Letak -> Add Gadget -> pilih HTML/Java Script 
  • Lalu copy kode di bawah ini pada kolom HTML/Java Script
  • <center>
    <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="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuzLjdh_OVEECXYKySgetiFufwNjntRe7S_70tG7k7jRn8sccpsTphiiAs5Zv79TH6bjv4iXjIZ8FUhXF1c1LjWUpWUF8r9YAdFN94gYD7FsNGYoRKyVgn2lPC3FkXo82w0YOLzlGv6yI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
    <a class="google_translate" href="#" 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="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD-g-0QYB8Q1OtLDfWddUKBoIzimTQr94ADhEy4ak_QOexMrs5HiZRJaMB0XWjwmCWWm5-jk3yHIexWcpnl5WN1rV-F_3BH90FdS0PbUa2wth7_N9aVP_MMdS05PslLEWKCB1y437_7So/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
    <a class="google_translate" href="#" 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="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidyfhd4oJrfgcpYdPHXg5qQ5anggKybXBTCyOMFGgJRkc2f8_jVOsnu-y6VPbrKzzaymLiAjs9NVR3j544JaP__N6-lbpheuVxIZFaVab9DKpohzlfHI0eDKR-eGnR2FoGw_uXG1wSWXke/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
    <a class="google_translate" href="#" 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="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvYZbCV044qKcQgdo5BLpi1DuOkASiHevlpQczSr-syJKYYRtWwzyPUL7sWvO0kmbjFIdZfRb5tFJd2WntFgNwY3Tb23E5gKWPOH1MU8oQ1PmB7LvLjB15aSpr2JVDiSPqamcAVa8x8_S-/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
    <a class="google_translate" href="#" 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="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeYbyX_iHNvQpmyRPXocIe_6T9XQ1xyTkskqdxVRwNTS65DL-mcdWsZM0a7MdwCIOCoXfEW0-KpG4HWeGsuRw2fkN-ksh5TdzfDtwqyoNRma60MWqnTlEI9LDousAhlrF8wXlZXSEn838/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
    <a class="google_translate" href="#" 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="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-7nUyP4xJ-Jq7d2zaSHcVTv-W1g8Mmj9DFcfcgPF0b_ujFtQd3BfZ8KupdeHNwiGUSDvfalbpd1y8LEgJlf_tLyI_-dSoTkvOFGnb6QxK6MDtdflODFkd7MIjnZJXdVNzXp8wp8U2abE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
    <br /><br />
    <a class="google_translate" href="#" 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="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjeaitYsoFJ8SZ9GF7f_IkM3VFA1Z6cgX4qvIQgWjIWb0KmhdoKGGxUsWEtqCvBxLZYXU6kPVkPbTZrrxfSYqBs7c85sMxTou-KpmzVL72vN6Qftiw1zH-Q3ltGfPSmlC-ycRqMFoPD7c/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
    <a class="google_translate" href="#" 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="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYSpTPs6lZ0oxK8Z3nHZpgrSzxj6LJsth_txVvPsqHDVk10RqjIp9jCgPEFW-FfGi7MjZitagszCGLMGUBi4xoHZxHpLJFxsR51CB_PmKrwOWR5_zTz_ewPoJ9ahtdWmVF59o6wBG4JUU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
    <a class="google_translate" href="#" 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="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhliY7hYbvWwUsMMfJeaUrJm6Ukqsb5XRrdlD056-ZilqBVErBvuknP07fKI_Nv8VkDSgG-M2Zv1HR-JY1jjui7KKTPKXCQMbcWrfq8RI61dKR87w5TjUM5bOHTdiLci6YMTcFfED14cEYf/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
    <a class="google_translate" href="" 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="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42kGHMoxbCp2ERJeAihVkcYDrZZay3qfyjVKZCc5agpaCiTZyscJTMaKHHFEi1jccdDGOV34c9fArSMSOJTxdoe1rRSYjgi0QhyOsXFShyoyQ3o1pVTBrGqP7FK9Jeib5SQwvBcEH_yk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
    <a class="google_translate" href="" 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="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdONytH_bYSFG_7D69BFSYU6jk32vlva_JGLzAdyKjCWt0uiDps2jN8p5QaN3U4dHY78pmmJSIR9YA4oXEeOcCE1ny1MdHcWjdj6WXMuqX0nWSJieptaTton8NlJV2o735CbgInE7p4iE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
    <a class="google_translate" href="" 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="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZhcw5eRhCSOexqMyQ264NntNHUdu15PhSTGaMLiQ_g4GO1wv0ori-Kc0Lu5nZu0G5qZdqJFxX5q194jHAhs9dP2JT8l-2DRPm8quuwQcZkf2j4a_sovCgQfYITakJO2RRAIu2wj2m3Lg/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
    </div></center>
    <div style="text-align: center;">
    <a href="http://satria0720.blogspot.com/2013/04/widget-google-translate.html" rel="nofollow" target="_blank"><span style="font-size: 8px;"><i>Get This Gadget</i></span></a></div>
  • Lalu simpan dan lihat hasilnya.
  • Semoga bermanfaat dan selamat mencoba ya.
Catatan : Kode nya tersamarkan yaa hehe, block aja kok, pasti kelihatan hehe :)

    Komentar

    Posting Komentar

    Postingan populer dari blog ini

    Instalasi Linux Debian 7 dengan mode teks (CLI mode)

    Gambar
    Instalasi Linux Debian 7 dengan mode teks (CLI mode) - Kali ini saya akan membagikan artikel tentang  Instalasi Linux Debian 7 dengan mode teks (CLI mode) .  Disini akan dijelaskan langkah-langkah untuk menginstal linux Debian 7 dengan mode CLI (Command Line Interface). Sistem operasi ini ak an saya pergunakan sebagai server, karena nantinya akan melakukan konfigurasi, tapi disini hanya untuk cara instalasi nya saja. Berikut ini cara menginstall linux Debian 7 : Karena disini menggunakan mesin virtual yakni VirtualBox, jadi akan melakukan pengaturan terlebih dahulu untuk menjalankan sistem operasi nya. Buka aplikasi VirtualBox, lalu buat mesin virtual baru. Klik Baru disebelah kiri atas. Lihat gambar dibawah ini : Gambar.1   Buat mesin virtual Isi saja nama untuk mesin virtual, type sistem operasi dan versi sistem operasi. Klik Lanjut untuk pengaturan selanjutnya. Gambar.2   Atur RAM Tentukan kapasitas memori (RAM). Contoh 1024MB. Gambar.3   B...
    Baca selengkapnya

    Cara Membuat Form Login Dengan PHP MySQLi

    Gambar
    Assalamualaikum sahabat blogger , kali ini Belajar di Perantauan akan membagikan tutorial cara login menggunakan php. pastinya pernah kan belajar ini. apalagi anak IT, yang jurusannya TEKNIK INFORMATIKA.  Form login ini tentunya pasti sangat di butuhkan ketika kita mau membuat sebuah website yang kategorinya memerlukan ADMIN. Admin di sini berfungsi sebagai tempat untuk salah satunya mengisikan artikel dll. Form Login Tujuan Login Langkah pertama buat scrip koneksi kedata base  simpan dengan nama koneksi,php : <?php $konek= mysqli_connect("localhost","root","","form_login"); ?> Langkah ke dua , buat tampilan form nya simpan dengan nama index,php: <!DOCTYPE html> <html> <head> <title>Belajar di Perantauan</title> <link rel="stylesheet" href="assets/css/bootstrap.min.css"/> <script type="text/javascript" src="assets/js/jquery-2.0.2.min.js"></script> ...
    Baca selengkapnya

    TUTORIAL SEDERHANA MENGEDIT TEXT PADA MS WORD

    Gambar
    Asslamualaikum wr.wb Selamat malam sahabat blogger kali ini Belajar Di Perantauan aka membahas tentang Microsoft Word , perlu kita ketahui bahwa di dunia kerja Microsoft Word sangat di butuhkan , di manapun kita kerja pasti di pakai , di tempat kerja kita belum pasti di tanya , apakah kita habat koding , desain , dan lain sebagainya, patokan pertama mereka adalah apakah kita bisa mengoperasikan Microsoft Word ? Ok setelah kemaren kita MENULISKAN ,MEMFORMAT TEKS DAN PARAGRAFPADA MS WORD . Kali ini kita akan membahas tentang MENGEDIT TEXT meliputi memilih, menggandakan, dan lain sebagainya. �          Memilih karakter, kata, baris, dan paragraph Karaktet yang dipilih akan di tandai dengan kotak hitam yang menutupinya dan warna karakter akan berubah terang. Untuk memilih karakter yang berurutan, posisikan pointer di belakang karakter pertama, tekan mouse, kemudian seret ke arah karakter-karakter yang di pilih. Untuk kata-kata yang tidak berurutan, ...
    Baca selengkapnya