gubhug reyot
Energy Saving Mode Using CSS3

Move your mouse to go back to the page!
Gerakkan mouse anda dan silahkan nikmati kembali posting kami!

Copyright 2010 gubhugreyot.blogspot.com - All rights reserved

Sunday, 1 April 2012

Related PostsShow/Hide

Pasang Widget Google Flag Translate -Translator

EnglishArabicChinese SimplyfiedFilipinoFrenchGermanHindiItalianJapaneseKoreanMalayPortugueseRussianSpanishThaiVietnamese
Saat anda dalam tahap awal ngeblog, mungkin saja sebuah "Google Translate Widget" baik yang berupa translator biasa (hanya berupa teks) maupun yang berbentuk google flag translate (disertai icon bendera negara) belum terasa begitu penting. Google translator baru akan terasa manfaatnya saat blog mulai dikenal dan diakses tidak saja oleh blogger Indonesia, namun juga oleh beberapa blogger mancanegara. Sekalipun "Widget Google Translate" masih mempunyai banyak kelemahan dalam penterjemahan, setidaknya bisa sedikit membantu pengunjung yang tidak mengerti bahasa yang kita gunakan untuk "mencoba memahami posting" melalui hasil terjemahan yang dilakukan blogger.

Setelah beberapa waktu lalu mencoba menggunakan google flag translator tak memberikan hasil sesuai harapan, tetapi ternyata semenjak akhir bulan Maret 2012 ini, google flag translate widget kembali bisa berfungsi dengan baik. Semoga saja translator yang disertai icon bendera ini akan tetap bisa dipergunakan sebagai mana mestinya seperti tahun-tahun yang telah lewat.

Selain dimanfaatkan dalam fungsi utamanya sebagai widget perubah bahasa, menggunakan google flag translate widget memang berbeda dengan google translate widget biasa yang hanya menampilkan teks. Dengan penambahan icon bendera membuat widget terasa lebih menarik dan blog juga bertambah lebih indah. Jika anda tertarik untuk menggunakan widget ini, silahkan gunakan kode di bawah ini dan pasang widget melalui penambahan gadget.

Kode CSS dan xHTML-1
<style type="text/css">
.myGRtranslate{margin:0 auto;text-align:center;position:relative;}
.myGRtranslate:hover:before{position:absolute;right:0;top:-20px;content:"Visit me on gubhugreyot";font-size:10px;color:#888;text-decoration:blink;}
.GRgoogtrans{padding:0;margin:0;cursor:pointer;}
.GRgoogtrans .myGRflag{width:24px;height:24px;padding:0;background:#555;border:1px solid #888;opacity:0.6;filter:alpha(opacity=60);padding:0;margin:2px 2px 0 0;box-shadow:2px 2px 2px #000;}
.GRgoogtrans:hover .myGRflag{border:1px solid #f00;background:#ccc;opacity:1.0;filter:alpha(opacity=100);}
</style>
<div class="myGRtranslate">
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cen&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='English'><img class="myGRflag" alt='English' src='https://lh6.googleusercontent.com/-6o0Zml22e54/T3i5JUK8xHI/AAAAAAAACEk/55YyDHFo9DM/s128/English.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Car&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Arabic'><img class="myGRflag" alt='Arabic' src='https://lh4.googleusercontent.com/-nNYiPXrp9UA/T3i45ujhrKI/AAAAAAAACCs/Fpxyel2kbHc/s128/Saudi-Arabia.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7zh-CN&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Chinese Simplyfied'><img class="myGRflag" alt='Chinese Simplyfied' src='https://lh4.googleusercontent.com/-c1e-UO2ojTw/T3i48bxaUaI/AAAAAAAACC8/cTPZtzSTIdk/s128/Viet-Nam.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Ctl&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Filipino'><img class="myGRflag" alt='Filipino' src='https://lh4.googleusercontent.com/-SukYp1QZ8XI/T3i5Akjx8zI/AAAAAAAACDc/54AOAEX2Re4/s128/Philippines.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cfr&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='French'><img class="myGRflag" alt='French' src='https://lh3.googleusercontent.com/-wjqj1wJZRgA/T3i5GDs2v3I/AAAAAAAACEY/sRtfI0tO8mQ/s128/France.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cde&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='German'><img class="myGRflag" alt='German' src='https://lh5.googleusercontent.com/-tOYFuwqANJI/T3i5D_9dXAI/AAAAAAAACEI/8BozfDrSKOk/s128/Germany.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Chi&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Hindi'><img class="myGRflag" alt='Hindi' src='https://lh5.googleusercontent.com/-gjKMu4Y4ERM/T3i5DNPIAOI/AAAAAAAACEA/zR12DZCcjs8/s128/India.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cit&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Italian'><img class="myGRflag" alt='Italian' src='https://lh4.googleusercontent.com/-0PHQwJfhKQo/T3i5CvIxXyI/AAAAAAAACD0/8s3odDAwRf4/s128/Italy.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cja&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Japanese'><img class="myGRflag" alt='Japanese' src='https://lh4.googleusercontent.com/-Apt3baNjfMo/T3i5B7dks-I/AAAAAAAACDs/OLv-kKOrDjA/s128/Japan.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cko&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Korean'><img class="myGRflag" alt='Korean' src='https://lh6.googleusercontent.com/-qD7VTqE5DwM/T3i4_Aud4KI/AAAAAAAACDM/ZVIKQ8sfFWQ/s128/South-Korea.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cms&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Malay'><img class="myGRflag" alt='Malay' src='https://lh3.googleusercontent.com/-vdNbBIxUMAg/T3i5BgC0S7I/AAAAAAAACDw/xZRvdQySIHE/s128/Malaysia.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cpt&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Portuguese'><img class="myGRflag" alt='Portuguese' src='https://lh5.googleusercontent.com/-PoxFzxfvXBA/T3i5AK5gyTI/AAAAAAAACDU/LgazYAZ_oN0/s128/Portugal.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cru&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Russian'><img class="myGRflag" alt='Russian' src='https://lh6.googleusercontent.com/-8yDqR9CH2Eg/T3i4_6V6ccI/AAAAAAAACDQ/rSdd01lDJhs/s128/Russian.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Ces&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Spanish'><img class="myGRflag" alt='Spanish' src='https://lh6.googleusercontent.com/-Sz9uAPhm1yw/T3i48kSH03I/AAAAAAAACC4/9nBgbHSAEyY/s128/Spain.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cth&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Thai'><img class="myGRflag" alt='Thai' src='https://lh4.googleusercontent.com/-hEPjjg7y9O4/T3i48a2GJHI/AAAAAAAACC0/jcMEIRtHAsc/s128/Thailand.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cvi&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Vietnamese'><img class="myGRflag" alt='Vietnamese' src='https://lh3.googleusercontent.com/-09vSjOQsdlc/T3i5GPbCNXI/AAAAAAAACEU/QXSo8DmQ5T0/s128/China.png' /></a>
</div>

Jika pada kode di atas, ukuran box widget menggunakan lebar sesuai lebar kolom gadget, untuk kode berikut menggunakan ukuran box sebesar 224px yang berfungsi untuk membentuk icon bendera dalam 2 deret memanjang dengan masing-masing deret berjumlah 8 icon bendera.
Kode CSS dan xHTML-2
<style type="text/css">
.myGRtranslate{padding:5px;margin-left:0px;background:#555;width:224px;float:left;border:2px solid #aaa;border-radius:6px;position:relative;}
.myGRtranslate:hover:before{position:absolute;right:0;top:-20px;content:"Visit me on gubhugreyot";font-size:10px;color:#888;text-decoration:blink;}
.GRgoogtrans{float:left;border:1px solid #888;opacity:0.6;filter:alpha(opacity=60);padding:0;margin:2px 2px 2px 0;cursor:pointer;box-shadow:2px 2px 2px #000;}
.GRgoogtrans .myGRflag{float:left;width:24px;height:24px;padding:0;margin:0;border:0 solid;background:transparent;box-shadow:0 0 0 #fff;}
.GRgoogtrans:hover{border:1px solid #f00;background:#ccc;opacity:1.0;filter:alpha(opacity=100);}
</style>
<div class="myGRtranslate">
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cen&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='English'><img class="myGRflag" alt='English' src='https://lh6.googleusercontent.com/-6o0Zml22e54/T3i5JUK8xHI/AAAAAAAACEk/55YyDHFo9DM/s128/English.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Car&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Arabic'><img class="myGRflag" alt='Arabic' src='https://lh4.googleusercontent.com/-nNYiPXrp9UA/T3i45ujhrKI/AAAAAAAACCs/Fpxyel2kbHc/s128/Saudi-Arabia.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7zh-CN&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Chinese Simplyfied'><img class="myGRflag" alt='Chinese Simplyfied' src='https://lh4.googleusercontent.com/-c1e-UO2ojTw/T3i48bxaUaI/AAAAAAAACC8/cTPZtzSTIdk/s128/Viet-Nam.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Ctl&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Filipino'><img class="myGRflag" alt='Filipino' src='https://lh4.googleusercontent.com/-SukYp1QZ8XI/T3i5Akjx8zI/AAAAAAAACDc/54AOAEX2Re4/s128/Philippines.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cfr&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='French'><img class="myGRflag" alt='French' src='https://lh3.googleusercontent.com/-wjqj1wJZRgA/T3i5GDs2v3I/AAAAAAAACEY/sRtfI0tO8mQ/s128/France.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cde&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='German'><img class="myGRflag" alt='German' src='https://lh5.googleusercontent.com/-tOYFuwqANJI/T3i5D_9dXAI/AAAAAAAACEI/8BozfDrSKOk/s128/Germany.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Chi&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Hindi'><img class="myGRflag" alt='Hindi' src='https://lh5.googleusercontent.com/-gjKMu4Y4ERM/T3i5DNPIAOI/AAAAAAAACEA/zR12DZCcjs8/s128/India.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cit&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Italian'><img class="myGRflag" alt='Italian' src='https://lh4.googleusercontent.com/-0PHQwJfhKQo/T3i5CvIxXyI/AAAAAAAACD0/8s3odDAwRf4/s128/Italy.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cja&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Japanese'><img class="myGRflag" alt='Japanese' src='https://lh4.googleusercontent.com/-Apt3baNjfMo/T3i5B7dks-I/AAAAAAAACDs/OLv-kKOrDjA/s128/Japan.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cko&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Korean'><img class="myGRflag" alt='Korean' src='https://lh6.googleusercontent.com/-qD7VTqE5DwM/T3i4_Aud4KI/AAAAAAAACDM/ZVIKQ8sfFWQ/s128/South-Korea.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cms&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Malay'><img class="myGRflag" alt='Malay' src='https://lh3.googleusercontent.com/-vdNbBIxUMAg/T3i5BgC0S7I/AAAAAAAACDw/xZRvdQySIHE/s128/Malaysia.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cpt&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Portuguese'><img class="myGRflag" alt='Portuguese' src='https://lh5.googleusercontent.com/-PoxFzxfvXBA/T3i5AK5gyTI/AAAAAAAACDU/LgazYAZ_oN0/s128/Portugal.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cru&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Russian'><img class="myGRflag" alt='Russian' src='https://lh6.googleusercontent.com/-8yDqR9CH2Eg/T3i4_6V6ccI/AAAAAAAACDQ/rSdd01lDJhs/s128/Russian.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Ces&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Spanish'><img class="myGRflag" alt='Spanish' src='https://lh6.googleusercontent.com/-Sz9uAPhm1yw/T3i48kSH03I/AAAAAAAACC4/9nBgbHSAEyY/s128/Spain.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cth&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Thai'><img class="myGRflag" alt='Thai' src='https://lh4.googleusercontent.com/-hEPjjg7y9O4/T3i48a2GJHI/AAAAAAAACC0/jcMEIRtHAsc/s128/Thailand.png' /></a>
<a class='GRgoogtrans' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;langpair=id%7Cvi&amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='Vietnamese'><img class="myGRflag" alt='Vietnamese' src='https://lh3.googleusercontent.com/-09vSjOQsdlc/T3i5GPbCNXI/AAAAAAAACEU/QXSo8DmQ5T0/s128/China.png' /></a>
</div>
<div style="clear:both;"></div>

Cara menggunakan widget

  1. Login ke blogger
  2. Setelah halaman dasbor terbuka, klik "Rancangan/Design".
  3. Sebuah halaman baru berupa "Halaman Tata Letak (Layout)" akan anda lihat. Ada beberapa elemen yang dilengkapi dengan fungsi penambah gadget. Klik salah satu "Add a Gadget (Tambah Gadget)" dalam box bergaris putus2 dan tunggu beberapa saat hingga window baru terbuka.
  4. Ada beberapa pilihan gadget. Pilih dan klik Gadget "HTML/Javascript".
  5. Copy dan pastekan "Kode CSS dan xHTML-1" atau "Kode CSS dan xHTML-2" ke dalam box HTML/Javascript.
  6. Klik "SIMPAN/SAVE"
  7. Buka blog dan coba untuk menggunakan Widget Google Flag Translate.
  8. Selesai!

Catatan/Keterangan :

  1. Anda dapat menambah atau mengurangi jumlah bahasa yang dipergunakan dalam widget sesuai kebutuhan.
  2. Panduan yang lebih lengkap tentang cara menambah gadget dapat dibuka melali link di bawah ini:
    Panduan lengkap cara menambah gadget

2 comments:

  1. thx gan infonya salam blogger. :)

    ReplyDelete
  2. nike free 5.0 running shoes sale The Secretary cheap nike free 5.0 mens saw cheap surprised not help, then pulled out his nike free 5.0 running shoes sale cellphone hit a telephone call would then edge out of the nike free 5.0 running shoes sale crowd, the car sped away. Two inspectors thoroughly silly, cheap nike free 5.0 womens how it is today, is it their own or someone else nike free 5.0 running shoes sale ahead of .

    ReplyDelete