New..!! AhmadBj Blogs Was Reborn..!! Visit US..!!

Adsense

Cara membuat translate language pada blog dengan gambar bendera

Membuat Translate Language pada Blog


Mungkin sebagian besar dari anda sudah tahu mengenai widget translate ini, tapi munngkin bagi para newbie seperti saya, ini adalah hal yang baru di ketahui agar blognya semakin keren dan bisa di translate ke bahasa lain ketika ada pengunjung dari luar negri

sebenarnya blogger pun sudah menyediakan untuk translate language namun dalam tampilan biasa, maka dari itu saya share posting ini agar merubah tampilan translate language lebih keren agar yang melihatnya pun lebih fresh heheheheee
:)


oke langsung saja kita lihat tutorialnya

  1. Masuk Blogger
  2. Masuk Ke menu Tata Letak
  3. Klik Add Gadget
  4. Pilih HTML/Javascript
  5. Masukan script di bawah ini di kolom content


masukan kode scriptnya seperti di bawah
klik tombol show di bawah ini untuk melihat script


  <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="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBORD9bI/AAAAAAAAACs/XkaLmmin4zg/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer; margin-right: 8px;" title="English" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBrDZLrI/AAAAAAAAAC0/Kc6eDMT9LFI/s200/France.png" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YVBzoFF2I/AAAAAAAAAC8/WgvMK3zP1Rk/s200/Germany.png" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YVCdHp5VI/AAAAAAAAADE/lWHzr5znExU/s200/Spain.png" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVCskNubI/AAAAAAAAADM/ChdHC6vYT4s/s200/Italy.png" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWRkFo9UI/AAAAAAAAADU/4AzKfc6Oyxg/s200/Netherlands.png" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YWR-jg9pI/AAAAAAAAADc/vYZrPOzazHU/s200/Russian+Federation.png" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSGHcxOI/AAAAAAAAADk/ElHZBjDCZn8/s200/Brazil.png" style="cursor: pointer; margin-right: 8px;" title="Portuguese" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSR2_wYI/AAAAAAAAADs/GtKdPLKUluE/s200/Japan.png" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="http://2.bp.blogspot.com/_5jbh95HruKA/S1YWSrlfMyI/AAAAAAAAAD0/_MACsRIW8wg/s200/South+Korea.png" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWq7SrDkI/AAAAAAAAAD8/ZE8A1isEZrw/s200/Saudi+Arabia.png" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWrMQAw9I/AAAAAAAAAEE/r-DEVtWXp50/s200/China.png" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" width="24" /></a>      </div>
<div 0px="" 0pxâ??="" 3px="" style="font-size: 10px; margin: 8px;">
</div><div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://ahmadbjblogs.blogspot.com/2012/07/cara-membuat-translate-language-pada.html" title="CARA membuat translate language pada blog dengan gambar bendera ">Translate Widget</a> by Google </div>

6. save

Tutorial dalam bentuk gambar:
AhmadBj Blogs | membuat translate language pada blog
AhmadBj Blogs | membuat translate language pada blog


sekian tutorial kali ini, terimakasih atas kunjunganya jangan lupa untuk kunjunganya kembali karena akan ada artikel artikel terbaru yang mungkin bermanfaat untuk agan agan semua.


jangan lupa coment dan follow blog ini ya.

12 Responses to "Cara membuat translate language pada blog dengan gambar bendera"

  1. thanks untk info.a...
    udah aku coba ternyata lngsung bsa,,, :)

    ReplyDelete
  2. oke gan selamat ya dah berhasil,,, jangn bosen mampir...

    ReplyDelete
  3. kawan sebaiknya anda jangan banyak2 menggunakan HTML javascript dan sebagainya ,karena itu dapat memperlambat stabilitas loading pada blog .Maaf saya hanya menyarankan ...

    ReplyDelete
  4. Muhammad oman@ ok thanks gan atas saranya,, oke saya kurangin deh java script and HTML nya :)

    ReplyDelete
  5. Replies
    1. contoh bisa di lihat disini gan http://prntscr.com/bzt5tp

      Delete
  6. berguna sekali nih... terima kasih mas....

    ReplyDelete
    Replies
    1. sama sama gan

      By AhmadBj Blogs
      AhmadBj Blogs Was Reborn at 2016
      @Widget Translate language pada blog

      Delete
  7. keluar nya gini gan stlh klik bendera inggris
    Akun Anda saat ini (zheryanto@gmail.com) tidak memiliki akses untuk melihat laman ini.
    Klik di sini untuk keluar dan berganti akun.
    bagaimana ??

    ReplyDelete
    Replies
    1. wah belum pernah kejadian tuh gan boleh lihat screenshootnya?

      By AhmadBj Blogs
      AhmadBj Blogs Was Reborn at 2016
      @Widget Translate language pada blog

      Delete
  8. Replies
    1. sama sama brother

      By AhmadBj Blogs
      AhmadBj Blogs Was Reborn at 2016
      @Widget Translate language pada blog

      Delete

untuk berkomentar:
1. setelah Anda membaca artikel ini anda wajib komentar
2. komentar anda sangat saya harapkan
3.komentar anda sangatlah penting demi kemajuan blog kita
4. komentar anda bagaikan berlian yang tak ternilai harganya
5. Cantumkan link blog anda apabila anda berkomentar, agar blog anda ikut naik trafic nya

Followers

Like Us On Facebook