halo semua dan Salam blogger,pada hari ini kita akan membahas tentang Cara memasang widget Translate bendera di blog,jika anda mengunjungi suatu blog dan anda ingin terjemahkan blog itu namun ketika anda melihat translate blognya berbentuk bendera.jadi lebih menarik dilihat oleh pengunjung lokal maupun luar.
ini screenshotnya
jika anda suka yang ini,berikut cara mendapatkannya
2.pilih Tata letak dan tambahkan gadget dan Pilih HMTL/javascript
3.masukkan kode dibawah ini
<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="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix8jhhbPSP0DowsI6BPxQv3aT_URtrce8577azsuGpbUN-gdYBJbFd9wxdlMpryb5FQtxMmE4cyrjnoQztNT74V2dnVAEFZrM8KML08RTgzk_U82stz6e0TR_obP6VujlTsflXGQQSvPPi/?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDfBEsifO2RKIqVdvOlOkd-u9BaM9JGkhimFbp8Ewp5IZ7hn65SkWkwhbP41uq5cPNLzcQDuaMpHpbcGLFMysGgu0XuYCJLm2v9VGMXowEVXL6CcQSsc-3KHtP5B2MnLdaNuEJrTJ_VI6J/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" 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="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" 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="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" 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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZv5zM7s9TGJdHT3dzISarQn5j1Gl90-61vjV3Zm_5dzum-qFYbJw1f3vBARATyGohODsG87xdRLHUnkgcwdXiGjBpJRh0Pg2ADL3aBq9gETiXOIktlDGtb7fKt8ScHGxwOFCIQBNRUH9E/?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div>
4.klik simpan/save
translate bendera kedua
jika anda suka yang ini berikut cara membuatnya
1.pergi ke www.blogger.com
2.ke tata Letak dan tambahkan gadget dan pilih HTML/javascript
3.masukkan kode berikut
<center><a href=" http://translate.google.com/translate?hl=en&langpair=id|EN&u= http://rodelaide.blogspot.com/
" ><img alt="English"
src="http://a.imageshack.us/img835/6766/inggris.gif" style="cursor:
pointer;" title="English" border="0" height="20" align="absbottom"
/></a>
<a href=" http://translate.google.com/translate?hl=en&langpair=id|JA&u= http://rodelaide.blogspot.com/
" ><img alt="Japanese"
src="http://a.imageshack.us/img691/674/jepang.gif" style="cursor:
pointer;" title="Japanese" border="0" height="20" align="absbottom"
/></a>
<a href=" http://translate.google.com/translate?hl=en&langpair=id|PT&u= http://rodelaide.blogspot.com/
" ><img alt="Portuguese"
src="http://a.imageshack.us/img816/6505/brazilia.gif" style="cursor:
pointer;" title="Portuguese" border="0" height="20" align="absbottom"
/></a>
<a href=" http://translate.google.com/translate?hl=en&langpair=id|AR&u= http://rodelaide.blogspot.com/ "
><img alt="Arabic"
src="http://img268.imageshack.us/img268/3818/saudiarabiab.gif"
style="cursor: pointer;" title="Arabic" border="0" height="20"
align="absbottom" /></a>
<a href=" http://translate.google.com/translate?hl=en&langpair=id|ZH-TW&u= http://rodelaide.blogspot.com/
" ><img alt="Chinese Simplified"
src="http://a.imageshack.us/img176/776/cina.gif" style="cursor:
pointer;" title="Chinese Simplified" border="0" height="20"
align="absbottom" />
<a href=" http://translate.google.com/translate?hl=en&langpair=id|DE&u= http://rodelaide.blogspot.com/
" ><img alt="German" borde="0"
src="http://a.imageshack.us/img84/7864/jerman.gif" style="cursor:
pointer;" title="German" height="20" align="absbottom" /></a>
<a href=" http://translate.google.com/translate?hl=en&langpair=id|NL&u= http://rodelaide.blogspot.com/
" ><img alt="Dutch"
src="http://a.imageshack.us/img64/8434/belanda.gif" style="cursor:
pointer;" title="Dutch" border="0" height="20" align="absbottom"
/></a>
<a href=" http://translate.google.com/translate?hl=en&langpair=id|KO&u= http://rodelaide.blogspot.com/
" ><img alt="Korean"
src="http://a.imageshack.us/img683/4231/koreautara.gif" style="cursor:
pointer;" title="Korean" border="0" height="20" align="absbottom"
/></a>
<a href=" http://translate.google.com/translate?hl=en&langpair=id|IT&u= http://rodelaide.blogspot.com/
" ><img alt="Italian"
src="http://a.imageshack.us/img32/6484/italiab.gif" style="cursor:
pointer;" title="Italian" border="0" height="20" align="absbottom"
/></a>
<a href=" http://translate.google.com/translate?hl=en&langpair=id|RU&u= http://rodelaide.blogspot.com/
" ><img alt="Russian"
src="http://a.imageshack.us/img715/4272/rusia.gif" style="cursor:
pointer;" title="Russian" border="0" height="20" align="absbottom"
/></a>
<a href=" http://translate.google.com/translate?hl=en&langpair=id|ES&u= http://rodelaide.blogspot.com/
" ><img alt="Spain"
src="http://a.imageshack.us/img294/6256/spnyol.gif" style="cursor:
pointer;" title="Spain" border="0" height="20" align="absbottom"
/></a></a></center> <div style="font-size: 9px;
padding: 8px 0px 0px 0px;"><a
href="http://rodelaide.blogspot.com/" title="Translate
widget">Translate Widget</a> by Google </div>
catatan:ganti tulisan berwarna biru dengan Url blog anda
5.klik simpan/save
sumber:http://rodelaide.blogspot.com/2013/02/membuat-translator-bendera-bergerak-di.html
screenshot translate bendera ketiga
jika anda suka yang ini berikut cara mendapatkannya
1.pergi ke www.blogger.com
2.pilih tata letak -> Tambahkan gadget -> HTML/javascript
3.masukkan kode dibawah ini
<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRGEUg-KtaIjmvSigo_UIvWWsoLefltLcqsiz3wji_M975cbTEvvEmptTNVVxiqnkmmzPFd3b3_7yef4BYFZs6w3QwoH324G8sL_4BzOa2iqjUvkIDe9fY-Ewmp4obtN-tdofvUewfXUgM/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" 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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSiB6jLUqJQ0HDlJaLSMWtb7SpcPmRlpqj1Cw6rPSEplzNmMt_Dd-HoBcFw88kBbmragILmJh8iDna3FNKCXESpr7NNcYOvNvo4sWRDexesa5lHtoZ_m_68hmtHIDPKYkVUsp9QGUIsIvM/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" 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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6qeYfWmkK3CRQEoVd_cYIyVlmP74d20_34qjCEf66MMifiAkw3DV4bOaP3gMsIw1Mz_loFuHHRf3X8zvb3NPfP4KxxBI2ZljXvZ0xmBx3YGUMOnhR2lbexFEZcY_pfwDfpb2bKg6RbOiW/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" 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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEief5no5lq0YDbyCLwg4xNxJqEpGgvixhkXQicSvFBrhOj2Y_CEx0A6JRC0EGEo5fI9W82RUx2zYdRzuQrTdA8kmrW7Xt9IYJYZhbVSantaf64OKnquCGnhT8vD5uowPsRwGVc-sIphqfTw/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" 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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeIIbif15EsZfZTRjvxWSDM9t6Da6jc4A4D9rRzfCcOj6-kO-6dHcm0iibA9OaSOw-HTExZFcWhey0XHNkfWtXNK4Z1WWj6lDd3pGmM1SldpDf_EXIsu-Rz4KmCNBpynhm2-LxBm9hwlsc/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" 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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWZnJGi__m1S6TcXF9Q2Q6UKSEUNU3uEmmjptxMvTAlqwTpYRgLn2SY25i7wwpdxWtxBgtrI-PqqYr0gRPt2C0ViCoikYDSls8_Ox14ev7Lmd_vLh5jyJQJrT8UtOaRKGLFBwMh9WTnus9/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="translate" href="#" target="_blank" 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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsIRFgBJYDYiX-0VPtClq06iDXHpP7pQJoob9xTpCQLVteR8JEu3cSvOSMNLG9OtkNzWBjPpVfvCtGML0zqm7AzoLMNzM1ho5pN8d9473j85-qNEdd0TK5lBxXngxPT4q57Gn-R-zAbk1Y/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEi2Q88wjmySsW63ho0Vsi774PGwhEMP0OABPMNjv2afreM0s3tSIYk_-MISlqbcuSjaoh_KLpcFWJTEeqad3_Z8_4q8gpbuEBtVDdkhdfWTwkLBAORzJeItuotMOO2eBIA2yjKwzZrY4h/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" 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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBzVFOfgCEuc3cy2LdGcOBA9brj9B2YkFyAyLd5KRjT8_PguDU_n-YBY6D-EaQZS3VnHcoXEeoJhgpGrAejQVxjth-OlvxLYqTF7Qfpb5hsfwCOl0xlN9H5qcPO55mpHJadHYMj1aSR0Ys/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" 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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimDG_E_2zC4-v9wbw5Y3jIx39r_eZiIL_OYsdl6srr1btOn5WVHufQdrBgPLqzh8jNLEC6ygKJHsxN-1z-rFHYVrQUBbh6EV62coRL51qzLxWzVcy91512c36Xr6uWXSUM2IQqMo8XPSPh/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" 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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPQ0Zsf47y5-PCkKoz5QzoBQcJMJtD9b4rUt9BcSpZEJLmR3p1srTdoybxbFyNSVwMLvK2llP2m4VAfJ2iWv5hpV4VkgfTYS0TovJJcp09kNAz5RoOlxEtRVA2ujyWn0vZmtTdlRUlDrM8/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" 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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4HDuACBXkGIo0zy2lf1Vh_jZAyWzx5HEEw0AbONKzckxH6Vy_TmwbxGLyEgz2jNaiPz0rM-FVNyxlOVC1G-gFV9AucGWnIx4U5AiYdViqMUeiYYsHvlKhtX8_Wi8___JXiO4g2Or8CFOA/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://albertotkj.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div>
4.simpan template
semoga tutorial ini bermanfaat bagi anda :D