Header Ads

  • Kumpulan Modifikasi Script Google Translate



    Blogger secara default menyediakan fasilitas Google Translate sebagai widget blogger dengan antarmuka yang mudah dioperasionalkan. Selain sebagai widget, Google juga menyediakan API Google Translate yang secara gratis dan mudah untuk digunakan.

    Widget Google translate pada blogger akan berfungsi menerjemahkan hampir semua teks baik pada halaman blog maupun artikel ke dalam bahasa yang tersedia oleh google translate. Seperti yang kita ketahui bahwa pengunjung blog bisa berasal dari mana saja, bisa lokal maupun internasional karena dunia internet bersifat global dan tidak terbatas hanya untuk satu negara tertentu, kecuali apabila blog anda memang dikunci khusus hanya bisa di akses oleh pengguna lokal.

    Pemasangan widget gooogle translate di blog akan mempermudah pengunjung dari luar negri (internasioal) untuk bisa menerjemahkan bentuk bahasa tulisan blog yang digunakan kedalam bahasa mereka. Dengan sarana ini pengunjung blog dari luar negri akan lebih dipermudah untuk mengetahui arti dan makna dari keseluruhan halaman blog tersebut. Keuntungan menggunakan google translate di blog juga akan memberi nilai lebih pada blog itu sendiri, setidaknya pengunjung dari luar negri akan terbantu mengartikan (menerjemahkan) isi dari posting yang kita buat. Widget google translate ini juga ringan, jadi tidak memberatkan loading blog anda.

    Informasi Singkat
    Google Translate adalah layanan terjemahan mesin multibahasa gratis yang dikembangkan oleh Google, untuk menerjemahkan teks. Google Translate menawarkan antarmuka situs web, aplikasi seluler untuk Android dan iOS, dan API yang membantu pengembang membangun ekstensi peramban dan aplikasi perangkat lunak. Google Translate mendukung lebih dari 100 bahasa di berbagai tingkatan dan hingga April 2016, mengklaim lebih dari 500 juta total pengguna, dengan lebih dari 100 miliar kata diterjemahkan setiap hari.
    Sumber : Wikipedia



    DAFTAR ISI
    1. Cara Pemasangan Widget Pada Blogger [Kode Default Google Translate]
    2. Kode Google Translate Tampilan Melayang Default Top Bar
    3. Kode Google Translate Tampilan Animasi Melayang Top Left
    4. Kode Google Translate Dengan Tampilan List
    5. Kode Google Translate Dengan Tampilan Gambar Bendera
    6. Kode Google Translate Dengan Tampilan Gambar Female Icon
    #1 Cara Pemasangan Widget Pada Blogger [Kode Default Google Translate]


    Widget google translate pada blog pemasangannya bisa langsung menggunakan widget default yang ada pada blogger atau bisa juga menggunakan kode JavaScript dan kode HTML. Jika menggunakan widget default maka modifikasi tampilan cukup menggunakan kode CSS dari elemen kode HTML yang digunakan pada widget google translate.

    Apabila menggunakan kode JavaScript atau Kode HTML maka kode tersebut bisa ditaruh menggunakan widget box HTML/Javascript yang ada pada menu pemilihan widget. Berikut cara pemasangan kode default script google translate untuk pengguna blogger.
    1. Login ke blogspot untuk masuk ke dashboard blog.
    2. Pilih Tata Letak kemudian pilih Tambahkan Gadget.


    3. Pilih HTML/Javascript

    4. Taruh kode pada kotak widget, setelah selesai tekan tombol Save


      <center>
      <div id="google_translate_element"></div>
      <script type="text/javascript">
      function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'id', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');}
      </script>
      <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
      </center>

      KETERANGAN
      Kode widget google translate diatas akan menampilkan tampilan default google translate pada widget box blogger. Silakan tekan tombol Add to Blogger untuk mempermudah memasang widget pada blogger (blogspot).

      PATCH for Enable Horizontal Scrolling

      Pada tampilan perangkat HP / Mobile lebar kotak menu apabila opsi yang ditampilkan untuk semua negara maka akan terlihat sebagian pada layar HP dan juga tidak bisa digeser (scroll) horizontal. Hal ini disebabkan karena google translate menggunakan kode iFrame untuk daftar semua negara tersebut dan tidak dibuat untuk responsive serta tidak bisa di scroll horizontal. Solusi untuk memperbaiki masalah ini cukup memasang tambahan kode CSS dan Javascript di bawah ini, agar google translate bisa tetap kompatibel pada berbagai perangkat pengguna.

      <style>
      .goog-te-menu-value span:last-child{padding-right:5px;}
      .goog-te-gadget-simple{border:1px solid #ccc !important;}
      .goog-te-banner-frame.skiptranslate{display:none !important;}body{top:0px !important;}
      .goog-te-menu-frame{max-width:100% !important;}
      .goog-te-menu2{max-width:100% !important;overflow-x:scroll !important;box-sizing:border-box !important;height:auto !important;}
      </style>
      <script type='text/javascript'>
      function changeGoogleStyles() {
      if($('.goog-te-menu-frame').contents().find('.goog-te-menu2').length) {
      $('.goog-te-menu-frame').contents().find('.goog-te-menu2').css({
      'max-width':'100%','overflow-x':'auto','box-sizing':'border-box','height':'auto'});
      }else{setTimeout(changeGoogleStyles, 50);}}
      changeGoogleStyles();}
      </script>
      
      Catatan ! Pilih semua tulisan teks kode pada kotak kode patch di atas kemudian gunakan tombol keyboard CTRL+C untuk menyalin. Silakan anda gunakan komputer PC / Laptop untuk memudahkan proses penyalinan kode. Taruh kode tersebut pada kotak widget yang anda gunakan untuk menaruh kode script google translate, silakan anda taruh pada posisi setelah teks script paling akhir.

    #2 Kode Google Translate Tampilan Melayang Default Top Bar


    Kode script google translate default akan menampilkan horizontal bar yang terletak pada posisi absolute di atas halaman web / blog. Hal tersebut akan memudahkan pengunjung melihat tampilan google translate tanpa menggangu tampilan konten web / blog. Berikut contoh google translate dalam tampilan horizontal bar.

    See the Pen bGePQLv by Code Flare (@CodeFlareBlogspot) on CodePen.



    <div id="google_translate_element"></div>
    <script type="text/javascript">
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element');
    }
    </script>
    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

    #3 Kode Google Translate Tampilan Animasi Melayang Top Left


    Modifikasi lain dari tampilan google translate adalah dengan membuat dalam posisi melayang (float) sehingga dapat memanfaatkan penggunaan ruang yang ada pada tampilan web / blog. Penggunaan efek melayang juga memudahkan pengunjung blog untuk mengetahui widget google translate yang telah terpasang pada halaman tersebut.

    See the Pen Google Translate Float Top Left by Code Flare (@CodeFlareBlogspot) on CodePen.



    <div id="googleTranslate">
    <table border="0">
    <tr>
    <td><div id="google_translate_element"></div></td>
    <td style="vertical-align:bottom;"><img src="https://2.bp.blogspot.com/-F8jCoZuD0Us/XgyrrPDWKqI/AAAAAAAACSA/UWevoNg01aUNOBGk1EaILCxkdsovDnrNgCLcBGAsYHQ/s1600/translate.png" style="height:24px;cursor:pointer;" onclick="showGTranslate()"/></td>
    </tr>
    </table>
    </div>

    <style>
    #googleTranslate{
    position:fixed;
    top:0;
    left:0;
    transition:left .5s linear;
    z-index:+99999999999999999999;
    }
    </style>

    <script>
    $("#googleTranslate").remove().appendTo("body");
    var GTWidth;
    $(document).ready(function() {
    setTimeout(function(){
    GTWidth=$("#google_translate_element").width()+2;
    $("#googleTranslate").css("left",(GTWidth*(-1))+"px");
    },5000);
    });
    function showGTranslate(){
    var showLeft = $("#googleTranslate").position().left;
    if(showLeft<0){
    $("#googleTranslate").css("left","0");
    }else{
    $("#googleTranslate").css("left",(GTWidth*(-1))+"px");
    }
    }
    </script>

    <script type="text/javascript">
    function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'id', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');}
    </script>
    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

    #4 Kode Google Translate Dengan Tampilan List


    Jika ingin digunakan pada widget box, silakan gunakan google translate dengan modifikasi list berikut ini. Tampilan google translate dengan tipe list ini menggunakan modifikasi CSS yang kekinian, sehingga sangat cocok dengan tipe template yang modern yang serba menampilkan dimensi form dan huruf yang besar-besar. Berikut contoh Google Translate Dengan Tampilan List yang eye catching dan terlihat uptodate.



    <style type="text/css">
    #translator-wrapper {
      display:block;
      width:90%;
      max-width:300px; 
      border:none;
      background-color:#fff;
      color:#444;
      overflow:hidden;
      position:relative;
      height:40px;
      line-height:40px;
      border:1px solid #e0e0e0;
    }
    #translator-wrapper select {
      border:none;
      background:transparent;
      font-family:'Verdana',Arial,Sans-Serif;
      font-size:12px;
      width:100%;
      color:#444;
      -webkit-box-sizing:border-box;
      -moz-box-sizing:border-box;
      box-sizing:border-box;
      -webkit-appearance:none;
      cursor:text;
      padding:5px 10px;
    }
    #translator-wrapper a,
    #translator-wrapper a:hover {
      display:block;
      background-color:#4791d2;
      border:none;
      color:#fff;
      margin:0 0;
      text-decoration:none;
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      cursor:pointer;
      width:14%;
      transition:all 0.3s ease;
    }
    #translator-wrapper a:before {
      content:"";
      display:block;
      width:0;
      height:0;
      border:6px solid transparent;
      border-left-color:white;
      position:absolute;
      top:50%;
      left:45%;
      margin-top:-5px;
    }
    #translator-wrapper a:hover {opacity:0.9;}
    #translator-wrapper a:active {opacity:0.9;}
    #translator-wrapper select:focus,
    #translator-wrapper a:focus,
    #translator-wrapper select:active,
    #translator-wrapper a:active {
      border:none;
      outline:none;
      cursor:pointer;
    }
    option {
      background:#444;
      color:#e0e0e0;
    }
    </style>
    <div id="translator-wrapper">
        <select id="translate-language">
            <option value="en" selected="selected">English</option>
            <option value="id">Indonesian</option>
            <option value="af">Afrikaans</option>
            <option value="sq">Albanian</option>
            <option value="ar">Arabic</option>
            <option value="hy">Armenian</option>
            <option value="az">Azerbaijani</option>
            <option value="eu">Basque</option>
            <option value="be">Belarusian</option>
            <option value="bn">Bengali</option>
            <option value="bg">Bulgarian</option>
            <option value="ca">Catalan</option>
            <option value="zh-CN">Chinese</option>
            <option value="hr">Croatian</option>
            <option value="cs">Czech</option>
            <option value="da">Danish</option>
            <option value="nl">Dutch</option>
            <option value="en">English</option>
            <option value="eo">Esperanto</option>
            <option value="et">Estonian</option>
            <option value="tl">Filipino</option>
            <option value="fi">Finnish</option>
            <option value="fr">French</option>
            <option value="gl">Galician</option>
            <option value="ka">Georgian</option>
            <option value="de">German</option>
            <option value="el">Greek</option>
            <option value="gu">Gujarati</option>
            <option value="ht">Haitian Creole</option>
            <option value="iw">Hebrew</option>
            <option value="hi">Hindi</option>
            <option value="hu">Hungarian</option>
            <option value="is">Icelandic</option>
            <option value="id">Indonesian</option>
            <option value="ga">Irish</option>
            <option value="it">Italian</option>
            <option value="ja">Japanese</option>
            <option value="kn">Kannada</option>
            <option value="ko">Korean</option>
            <option value="la">Latin</option>
            <option value="lv">Latvian</option>
            <option value="lt">Lithuanian</option>
            <option value="mk">Macedonian</option>
            <option value="ms">Malay</option>
            <option value="mt">Maltese</option>
            <option value="no">Norwegian</option>
            <option value="fa">Persian</option>
            <option value="pl">Polish</option>
            <option value="pt">Portuguese</option>
            <option value="ro">Romanian</option>
            <option value="ru">Russian</option>
            <option value="sr">Serbian</option>
            <option value="sk">Slovak</option>
            <option value="sl">Slovenian</option>
            <option value="es">Spanish</option>
            <option value="sw">Swahili</option>
            <option value="sv">Swedish</option>
            <option value="ta">Tamil</option>
            <option value="te">Telugu</option>
            <option value="th">Thai</option>
            <option value="tr">Turkish</option>
            <option value="uk">Ukrainian</option>
            <option value="ur">Urdu</option>
            <option value="vi">Vietnamese</option>
            <option value="cy">Welsh</option>
            <option value="yi">Yiddish</option>
        </select><a id="translate-me" href="#" title="Translate"></a>
    </div>
    <script type="text/javascript">
    (function() {
        var mylang = "id", // Your website language
            anchor = document.getElementById('translate-me');
        anchor.onclick = function() {
            window.open('https://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en');
            return false;
        };
    })();
    </script>

    #5 Kode Google Translate Dengan Tampilan Gambar Bendera


    Modifikasi tampilan google translate dengan menggunakan gambar bendera dari negara yang diwakilkan untuk mewakili bahasa tersebut. Tampilan google translate menggunakan gambar bendera memang cukup unik karena bisa memberikan kesan dinamis dan juga menarik. Tampilan google translate yang menggunakan tampilan bendera tersedia dalam tiga bentuk tampilan, yaitu bendera dalam bentuk kotak, bentuk lingkaran dan bentuk animasi bendera. Berikut contoh google translate yang menggunakan tampilan bendera.


    Bendera Bentuk Kotak
    English French German Spain Italian Dutch

    Russian Portuguese Japanese Korean Arabic Chinese Simplified


    <center>
    <div style="border-radius:5px;border:5px groove gold;padding:5px;box-sizing:border-box;display:inline-block;">

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="https://lh3.googleusercontent.com/-CJSZZBQ57bE/UO8fAgiBjEI/AAAAAAAAC9Y/mviLJjYmo1k/s800/English.png" style="cursor: pointer; margin-left: 10px; margin-right: 10px;" title="English" width="24" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="32" src="https://lh4.googleusercontent.com/-wr0OgBAGxZE/UO8fAzmh7II/AAAAAAAAC9c/5OSP4IP0-ak/s800/French.png" style="cursor: pointer; margin-right: 10px;" title="French" width="24" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="https://lh6.googleusercontent.com/-mwb4Roz1Yzg/UO8fBFBqk4I/AAAAAAAAC9g/SkNWIeorals/s800/German.png" style="cursor: pointer; margin-right: 10px;" title="German" width="24" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="https://lh4.googleusercontent.com/-Hdw3RqVW1vo/UO8fDi5GOiI/AAAAAAAAC-Q/fvfGADVorsw/s800/Spain.png" style="cursor: pointer; margin-right: 10px;" title="Spain" width="24" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="32" src="https://lh6.googleusercontent.com/-1b9vEbPsUDE/UO8fBVw9nOI/AAAAAAAAC9k/saharRTECsE/s800/Italian.png" style="cursor: pointer; margin-right: 10px;" title="Italian" width="24" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="32" src="https://lh4.googleusercontent.com/-u4MEiTtM2jo/UO8e_vnKfGI/AAAAAAAAC9Q/v44BEac-dSU/s800/Dutch.png" style="cursor: pointer; margin-right: 10px;" title="Dutch" width="24" /></a>

    <br />
    <br />

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="https://lh3.googleusercontent.com/-RreF2p5uQEc/UO8fDIXnyfI/AAAAAAAAC-M/5ZOFefLe6Bs/s800/Russian.png" style="cursor: pointer; margin-left: 10px; margin-right: 10px;" title="Russian" width="24" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="32" src="https://lh5.googleusercontent.com/-abqhbkBMm2M/UO8fCdfQRjI/AAAAAAAAC-A/X23jnbUn77s/s800/Portuguese.png" style="cursor: pointer; margin-right: 10px;" title="Portuguese" width="24" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="https://lh4.googleusercontent.com/-PZ2JrRWDTAo/UO8fBxaZA5I/AAAAAAAAC94/yLgoQ-a7Ofk/s800/Japanese.png" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="24" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="32" src="https://lh4.googleusercontent.com/-yCdKQXWBukU/UO8fCE64oXI/AAAAAAAAC90/t_RRSRDOCvY/s800/Korean.png" style="cursor: pointer; margin-right: 10px;" title="Korean" width="24" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="https://lh6.googleusercontent.com/-bDn3WGGf6VE/UO8e_mdMIfI/AAAAAAAAC9M/DPnnd-5SDXs/s800/Arabic.png" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="24" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="https://lh4.googleusercontent.com/-YeVtTUwsxn4/UO8e_vZeIWI/AAAAAAAAC9U/DWoP81PVfpY/s800/Chinese-Simplified.png" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" /></a>

    </div>
    </center>



    Bendera Bentuk Bulat
    English French German Spain Italian Dutch

    Russian Brazil Japanese Korean Arabic Chinese Simplified


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

    <center>
    <div style="border-radius:5px;border:5px groove gold;padding:5px;box-sizing:border-box;display:inline-block;">

    <a class="translate" href="Javascript:{}" target="_blank" rel="nofollow" title="English" onclick="window.open('https://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="24" src="https://lh4.googleusercontent.com/-bD1jb76RY3Y/UPEsnRzB65I/AAAAAAAADFs/B5F1141I5Gc/s800/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

    <a class="translate" href="Javascript:{}" target="_blank" rel="nofollow" title="French" onclick="window.open('https://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="24" src="https://lh5.googleusercontent.com/-eFolureXqA8/UPEskrhNrxI/AAAAAAAADE8/RbxwQ3GwMA8/s800/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

    <a class="translate" href="Javascript:{}" target="_blank" rel="nofollow" title="German" onclick="window.open('https://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="24" src="https://lh4.googleusercontent.com/-7o948o9vyeA/UPEsluVkBFI/AAAAAAAADFM/abKLwUJYfGI/s800/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

    <a class="translate" href="Javascript:{}" target="_blank" rel="nofollow" title="Spain" onclick="window.open('https://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="24" src="https://lh5.googleusercontent.com/-e_8l4y3Q1cY/UPEsm28UVII/AAAAAAAADFk/A2Q7YlAWrjA/s800/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

    <a class="translate" href="Javascript:{}" target="_blank" rel="nofollow" title="Italian" onclick="window.open('https://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="24" src="https://lh5.googleusercontent.com/-RbwKD05NQCI/UPEslkDJ8tI/AAAAAAAADFA/8QbH5loafyQ/s800/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

    <a class="translate" href="Javascript:{}" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('https://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="24" src="https://lh5.googleusercontent.com/-JQDoxwryfgQ/UPEskf3ypWI/AAAAAAAADEw/wvbyaLORJv8/s800/dutch-flag.png" style="cursor: pointer;" width="24"/></a>

    <br/>
    <br/>

    <a class="translate" href="Javascript:{}" target="_blank" rel="nofollow" title="Russian" onclick="window.open('https://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="24" src="https://lh3.googleusercontent.com/-ntGhnehYvCo/UPEsmmXL3WI/AAAAAAAADFU/FcFwoll2r70/s800/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

    <a class="translate" href="Javascript:{}" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://lh4.googleusercontent.com/-qGVyzvB4xL8/UPEsjudMUbI/AAAAAAAADE0/GooIWwe1yzs/s800/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

    <a class="translate" href="Javascript:{}" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('https://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="24" src="https://lh4.googleusercontent.com/-fOTAOCEVoZo/UPEsl0gXSCI/AAAAAAAADFE/_0ZSblQZF_c/s800/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="Javascript:{}" target="_blank" rel="nofollow" title="Korean" onclick="window.open('https://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="24" src="https://lh4.googleusercontent.com/-7z4EaMNMrX8/UPEsmcTl-LI/AAAAAAAADFY/UI3zTDLKsQ0/s800/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

    <a class="translate" href="Javascript:{}" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('https://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="24" src="https://lh4.googleusercontent.com/-2fJrQdSijIs/UPEsjmaUu7I/AAAAAAAADEk/B5c3nctI7hc/s800/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

    <a class="translate" href="Javascript:{}" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('https://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="24" src="https://lh4.googleusercontent.com/-Xm6BNGaXDNo/UPEsjpL89UI/AAAAAAAADEo/mV2LF57ZaEQ/s800/china-flag.png" style="cursor: pointer;" width="24"/></a>

    </div>
    </center>



    Animasi Bendera
    English French German Spain Italian Dutch

    Russian Portuguese Japanese Korean Arabic Chinese Simplified


    <center>
    <div style="border-radius:5px;border:5px groove gold;padding:5px;box-sizing:border-box;display:inline-block;">

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="27" src="https://1.bp.blogspot.com/-xEQvNmNhUgA/Xg1rUqWBLPI/AAAAAAAACSY/Xij-70dUy6k63EgDnTErRqFT92uflb7ygCLcBGAsYHQ/s1600/inggris.gif" style="cursor: pointer;" title="English" width="36" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="27" src="https://1.bp.blogspot.com/-6zQvRXA8c68/Xg1rT_5qljI/AAAAAAAACSQ/wJVM3V-gNNMeIHDXH2xsbyrdy3oIBVjTACLcBGAsYHQ/s1600/francis.gif" style="cursor: pointer;" title="French" width="36" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="27" src="https://1.bp.blogspot.com/-j5qUUU8Ai2U/Xg1rVeS3N6I/AAAAAAAACSk/ajBHUjBZKsU8Kcw54KKxcaZVwGGChPNTACLcBGAsYHQ/s1600/jerman.gif" style="cursor: pointer;" title="German" width="36" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="27" src="https://1.bp.blogspot.com/-dEzjQ5u6Mwk/Xg1rWcPKSyI/AAAAAAAACSw/TN4T02SAXjobvmH4jFbobv6TKZowgmuEACLcBGAsYHQ/s1600/spanyol.gif" style="cursor: pointer;" title="Spain" width="36" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="27" src="https://1.bp.blogspot.com/-7Tswn0jNTag/Xg1rUy5muaI/AAAAAAAACSg/RqZSHpM9c74dsmdtxNV_GYBeOXpUMeGEwCLcBGAsYHQ/s1600/italia.gif" style="cursor: pointer;" title="Italian" width="36" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="27" src="https://1.bp.blogspot.com/-2z9zQIcnhQ8/Xg1rT6xgKVI/AAAAAAAACSU/Jtx0hAlsKMIRglBdYXpMJOMNH7g6K6ojQCLcBGAsYHQ/s1600/belanda.gif" style="cursor: pointer;" title="Dutch" width="36" /></a>

    <br />
    <br />

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="27" src="https://3.bp.blogspot.com/-ADr5QF-URLM/Xg2Tfv6UUtI/AAAAAAAACUI/_ZwGeXbRYws1L3WkxeiH4oodPjw7hkjGgCPcBGAYYCw/s1600/rusia.gif" style="cursor: pointer;" title="Russian" width="36" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="27" src="https://1.bp.blogspot.com/-vOkzgs0EVV0/Xg1xaN08bnI/AAAAAAAACTU/L7X9wpcStZMvg6f6bscnID5wj8ywPo1ZwCLcBGAsYHQ/s1600/portugis.gif" style="cursor: pointer;" title="Portuguese" width="36" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="27" src="https://1.bp.blogspot.com/-oqdlYazd4PE/Xg1rU8XyBaI/AAAAAAAACSc/I-Mqdsyi3HIPqK3qc-kX3bcYxe_y5JA9ACLcBGAsYHQ/s1600/jepang.gif" style="cursor: pointer;" title="Japanese" width="36" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="27" src="https://1.bp.blogspot.com/-5WtwBeR1KQE/Xg1rWNCH0WI/AAAAAAAACSs/p-C5uFwAbvY7XbVCjmq7YKUiZAf4wKSEQCLcBGAsYHQ/s1600/koreautara.gif" style="cursor: pointer;" title="Korean" width="36" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="27" src="https://1.bp.blogspot.com/-9Atp_QwFezg/Xg1rWAUPGfI/AAAAAAAACSo/ux9qwb1fJJEDIes1_4oqWjFy_LIoBhReACLcBGAsYHQ/s1600/saudi-arabia.gif" style="cursor: pointer;" title="Arabic" width="36" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="27" src="https://1.bp.blogspot.com/-VZ0zJbewisI/Xg1rTrii8PI/AAAAAAAACSM/9rMJHmW-JoQGG6n_LB3uALi0E50nQAzqgCLcBGAsYHQ/s1600/cina.gif" style="cursor: pointer;" title="Chinese Simplified" width="36" /></a>

    </div>
    </center>
    #6 Kode Google Translate Dengan Tampilan Gambar Female Icon


    Modifikasi tampilan google translate menggunakan gambar Female Icon yang terlihat eye catching dan berbeda dengan yang lain. Gambar female icon mewakili dari bahasa yang dapat di translate dengan menggunakan widget google translate yang terpasang, dilengkapi pula dengan title elemen nama negara yang diwakili dari masing-masing female icon. Berikut contoh Google Translate Dengan Tampilan Gambar Female Icon.

    English French German Spain Italian Dutch

    Russian Portuguese Japanese Korean Arabic Chinese Simplified


    <center>
    <div style="border-radius:5px;border:5px groove gold;padding:5px;box-sizing:border-box;display:inline-block;">

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="https://lh4.googleusercontent.com/-SKUKZ_Zac-8/UO8vosjidUI/AAAAAAAADAQ/QFbyjS7QaPI/s800/Occupations-Pilot-Female-Light-icon.png" style="cursor: pointer;" title="English" width="32" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="32" src="https://lh5.googleusercontent.com/-wuffgHU-HZs/UO8vqFe569I/AAAAAAAADAs/_F5asvhLzvM/s800/Occupations-Waitress-Female-Light-icon.png" style="cursor: pointer;" title="French" width="32" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="https://lh5.googleusercontent.com/-4_mFsy54Nt8/UO8vj26SdkI/AAAAAAAAC_E/LEe4lBTGg3c/s800/Historical-Viking-Female-icon.png" style="cursor: pointer;" title="German" width="32" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="https://lh3.googleusercontent.com/-kL8_QTBXcPM/UO8vw1xwpbI/AAAAAAAADCo/QnA7CWQBiUI/s800/Wedding-Bridesmaid-Light-icon.png" style="cursor: pointer;" title="Spain" width="32" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="32" src="https://lh5.googleusercontent.com/-uAZq3RCsn1k/UO8vpkyvPvI/AAAAAAAADAo/Z_l-11-J-HM/s800/Occupations-Pizza-Deliveryman-Female-Light-icon.png" style="cursor: pointer;" title="Italian" width="32" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="32" src="https://lh6.googleusercontent.com/-vCdIkxNmKVo/UO8vwc5hSSI/AAAAAAAADCc/5S2AHehYbl0/s800/Wedding-Bride-Light-icon.png" style="cursor: pointer;" title="Dutch" width="32" /></a>

    <br />
    <br />

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="https://lh6.googleusercontent.com/-2jhfxkCdhy0/UO8vpA6SmcI/AAAAAAAADAU/j0zo5fBbVaQ/s800/Occupations-Pilot-OldFashioned-Female-Light-icon.png" style="cursor: pointer;" title="Russian" width="32" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="32" src="https://lh5.googleusercontent.com/-oAbQYAxhBX8/UO8vsjPH-zI/AAAAAAAADBg/oQQRSRB8ABg/s800/Religions-Catholic-Nun-icon.png" style="cursor: pointer;" title="Portuguese" width="32" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="https://lh4.googleusercontent.com/-JVVdQ92Ksjw/UO8vvt6KF6I/AAAAAAAADCU/7EA0SbTlgMU/s800/Sport-Wrestler-Female-Light-icon.png" style="cursor: pointer;" title="Japanese" width="32" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="32" src="https://lh6.googleusercontent.com/-aMYlIQgKm04/UO8vsc_ZXjI/AAAAAAAADBY/NJX5Gk3CQiI/s800/Person-Female-Light-icon.png" style="cursor: pointer;" title="Korean" width="32" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="https://lh4.googleusercontent.com/-_5TAaNSQBtw/UO8vtqAGUKI/AAAAAAAADB0/nwPfAoUnfHQ/s800/Religions-Muslim-Female-icon.png" style="cursor: pointer;" title="Arabic" width="32" /></a>

    <a class="flag_translate" href="Javascript:{}" onclick="window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="https://lh6.googleusercontent.com/-66H2fcXeVoc/UO8vrWyB8uI/AAAAAAAADBE/-aTu1iiGWQo/s800/Office-Customer-Female-Light-icon.png" style="cursor: pointer;" title="Chinese Simplified" width="32" /></a>

    </div>
    </center>



    Keyword

    Blog, Blogger, Blogspot, Google, Translate, JQuery, HTML, CSS, Javascript, Code, Flag, Animated, GIF, Image, Widget, Tampilan, Bendera, Negara, Terjemah, Penterjemah, Animasi, Bentuk, Kotak, Bulat, Lingkaran, Cara, Memasang, Membuat, Efek, Melayang, Float

    Incoming Search Term

    Google Translate menggunakan animasi bendera, Kode Script Google Translate, Cara Memasang Script Google Translate, Membuat Google Translate Melayang, Animasi tombol google translate, gambar bendera negara animasi google translate, bendera gif google translate, animasi melayang google translate, google translate bentuk kotak dan bulat

    No comments

    Post Top Ad

    Post Bottom Ad

    ©2010 - codeflare