Kali ini saya akan menjelaskan cara membuat google translate bendera (flag icon) ,sebelumnya saya juga telah memposting cara membuat translate google di blog pada posting sebelumnya , fungsi dari google translate
adalah untuk menerjemahkan isi dari posting blog ke bahasa pengunjung
blog yang dimengerti , seperti yang ada pada bagian sidebar blog ini ,
untuk cara buat translate google bendera ini sangat mudah .
Fungsi nya tetap sama untuk menerjemahkan, tapi cara buat google translet bendera ini juga bertujuan mempermanis / memperindah tampilan blog anda
tutorial nya cukup sederhana
Sebelum kalian membuat google translate bendera ini silahkan masuk ke blog anda --> biasa tambah gadget --> tambah javascript --> lalu copy paste kode 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/AVvXsEhxLYXloxC-M7A15zZfrNbx3bIYVb3gArHpAXZbKozhd_6GdtDikFTnYdhCU7vafHy89rFudZIYqGwslG-LYn6ZQ_WeCby1vNMjm61lpmDctljv7o9uBMAlFTTZlLRYL_oELcuRyeI1eAlx/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/AVvXsEi3E7ov4oA7aYr-1at_GpfarNmpkRyg66GeMNq5Hp8hmn4C7RkOFnqxiKCnLIMs2jDuQDuc7Q6ytosbFDF-2NqBmWkOu4yg8kCtAuCkpU8EamRswV7uAD4CDwtN-p-bn7mmwKdj-68XeoPn/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/AVvXsEjJnTiADT1wtsih7j9QxPji7P_TyU723Ie5-jVKOGnn6Kzxwas5diNZNpBCFX8VZGcJyFp3yftZgD4CbF-GPHSfGE6ZXYOLQTYVPwXlCETaewl-TYuGwQidqnIxyIEJz3xzEPVXuGQFlbnu/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/AVvXsEgyv14Enc-w-YFh2VPOtoDxcpLy4KBGrFWKG6PzjlHucgpzxVxs_3CRWcPupQE-9uMkZzkFnATnY4buloEKtClokrnJjfLSNyRooAYRU6InECCe-OxverVE35NeWNvcAfP7o1rhxDG3yAZP/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/AVvXsEiAJgv3LWzKDMV24pHapY5se3gIs4Ux0I_7crpwtRrlHIB1ce8m3NW3KX6Ca1yrEt9m999QDI3AJcugMkT9Wje5XIK_GKaSnQ-B_I1JXsPUUE1T2w3Diw7EiuxKkWC8fSrpDZV5x6gwFr0v/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/AVvXsEgHuyZzpt5H90EKQCHPtzaWZE2zS1oI-WFvyjgq28_kUKvEvC5cWuMg2atKdMCNGvfmFVpa0Jhia98RC-ir4FNJKvF4ZfqDUpSvIN1jfuDl8yX12FAdY9TrXaUnShxAin7wWj138fAREWrE/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/AVvXsEiZFHIRcOW2DphjSyf3MI4Yl-t3f8HTVfRQiDdq91fjVVl5kQ-IacMv85IGIKDNBnhJH6D16KGiff2SYP1tv3QY_Qn5bB2aDX6jAk8N4Pq9QmvsvLY_L8biiHEcLJ50UsS99Mqi8cGPXzZw/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/AVvXsEhCYWhufqUx6ZES-vN27Ic3XVH8l5TTTIqbyR4bZsyD559-9htEIJcVQpRzUIa8Nu2YHn6SbPBBlOA1kgntjX-Pcyk1GpFzSYos22kk4LTRleQABtd8Nar8h7gnID1fXKi4EnMkV9q9AD_h/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/AVvXsEgreVWuXkgdcYa1XuiABET4buVR-eHwpyo1OLEFS9X1OtwbOXJ2KexLl4sJIuU_lzIqMvei8qnPnwSxSiHoEjByyDZ0OFySRTN_nDEd_8kElgGEucchLHzpMCJ4Wt1vGRvXOXs-5Pl3eaaR/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/AVvXsEgK2kVhWxAMOYDA-SS6JKylW70Mc4eI3novyd3_8PKuN_svz7PzY4ElGcnZ_bou9W6PKAOCh7-iIldRYpQHr5ba4DSMj31jX5uUmJmhZnBAqTkjhFZZfKcFOCvvfJ1nedwTIP-JGILrRYls/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/AVvXsEio96N0kPOCMJW5iwqlGf0OWxb5QC3Anxm1f7_qf25Gof7x7Nc4vY7_EySNs8z9eMLdnSi9bsftPqer5sqWnwv10fe4ECEApJ80xul_A7SEpcqfuGt0kFjaC9623-8AWSJE_mISlUF_uK3t/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/AVvXsEjEaFaKoIc0-1IloUq4IUPHrlu2nwfV8-yfuRh250tM7GOp3hSBOzc0fJEGzQ_P45sb3LdLDVIb1Cg00jkyOJ3DH0tGWSfBRHE1paen7DCC6-ueBAJiIRXU6ifIaQQBXSW9iySlJeRwRi6P/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>
Lalu save template anda , sangat mudah cara buat translate google bergambar bendera .. silahkan nikmati tampilan translate google bendera ini selamat menikmati .
Cara buat Google Translate Bendera
Fungsi nya tetap sama untuk menerjemahkan, tapi cara buat google translet bendera ini juga bertujuan mempermanis / memperindah tampilan blog anda
tutorial nya cukup sederhana
Translate Bendera
Sebelum kalian membuat google translate bendera ini silahkan masuk ke blog anda --> biasa tambah gadget --> tambah javascript --> lalu copy paste kode ini
copy paste kode 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/AVvXsEhxLYXloxC-M7A15zZfrNbx3bIYVb3gArHpAXZbKozhd_6GdtDikFTnYdhCU7vafHy89rFudZIYqGwslG-LYn6ZQ_WeCby1vNMjm61lpmDctljv7o9uBMAlFTTZlLRYL_oELcuRyeI1eAlx/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/AVvXsEi3E7ov4oA7aYr-1at_GpfarNmpkRyg66GeMNq5Hp8hmn4C7RkOFnqxiKCnLIMs2jDuQDuc7Q6ytosbFDF-2NqBmWkOu4yg8kCtAuCkpU8EamRswV7uAD4CDwtN-p-bn7mmwKdj-68XeoPn/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/AVvXsEjJnTiADT1wtsih7j9QxPji7P_TyU723Ie5-jVKOGnn6Kzxwas5diNZNpBCFX8VZGcJyFp3yftZgD4CbF-GPHSfGE6ZXYOLQTYVPwXlCETaewl-TYuGwQidqnIxyIEJz3xzEPVXuGQFlbnu/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/AVvXsEgyv14Enc-w-YFh2VPOtoDxcpLy4KBGrFWKG6PzjlHucgpzxVxs_3CRWcPupQE-9uMkZzkFnATnY4buloEKtClokrnJjfLSNyRooAYRU6InECCe-OxverVE35NeWNvcAfP7o1rhxDG3yAZP/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/AVvXsEiAJgv3LWzKDMV24pHapY5se3gIs4Ux0I_7crpwtRrlHIB1ce8m3NW3KX6Ca1yrEt9m999QDI3AJcugMkT9Wje5XIK_GKaSnQ-B_I1JXsPUUE1T2w3Diw7EiuxKkWC8fSrpDZV5x6gwFr0v/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/AVvXsEgHuyZzpt5H90EKQCHPtzaWZE2zS1oI-WFvyjgq28_kUKvEvC5cWuMg2atKdMCNGvfmFVpa0Jhia98RC-ir4FNJKvF4ZfqDUpSvIN1jfuDl8yX12FAdY9TrXaUnShxAin7wWj138fAREWrE/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/AVvXsEiZFHIRcOW2DphjSyf3MI4Yl-t3f8HTVfRQiDdq91fjVVl5kQ-IacMv85IGIKDNBnhJH6D16KGiff2SYP1tv3QY_Qn5bB2aDX6jAk8N4Pq9QmvsvLY_L8biiHEcLJ50UsS99Mqi8cGPXzZw/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/AVvXsEhCYWhufqUx6ZES-vN27Ic3XVH8l5TTTIqbyR4bZsyD559-9htEIJcVQpRzUIa8Nu2YHn6SbPBBlOA1kgntjX-Pcyk1GpFzSYos22kk4LTRleQABtd8Nar8h7gnID1fXKi4EnMkV9q9AD_h/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/AVvXsEgreVWuXkgdcYa1XuiABET4buVR-eHwpyo1OLEFS9X1OtwbOXJ2KexLl4sJIuU_lzIqMvei8qnPnwSxSiHoEjByyDZ0OFySRTN_nDEd_8kElgGEucchLHzpMCJ4Wt1vGRvXOXs-5Pl3eaaR/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/AVvXsEgK2kVhWxAMOYDA-SS6JKylW70Mc4eI3novyd3_8PKuN_svz7PzY4ElGcnZ_bou9W6PKAOCh7-iIldRYpQHr5ba4DSMj31jX5uUmJmhZnBAqTkjhFZZfKcFOCvvfJ1nedwTIP-JGILrRYls/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/AVvXsEio96N0kPOCMJW5iwqlGf0OWxb5QC3Anxm1f7_qf25Gof7x7Nc4vY7_EySNs8z9eMLdnSi9bsftPqer5sqWnwv10fe4ECEApJ80xul_A7SEpcqfuGt0kFjaC9623-8AWSJE_mISlUF_uK3t/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/AVvXsEjEaFaKoIc0-1IloUq4IUPHrlu2nwfV8-yfuRh250tM7GOp3hSBOzc0fJEGzQ_P45sb3LdLDVIb1Cg00jkyOJ3DH0tGWSfBRHE1paen7DCC6-ueBAJiIRXU6ifIaQQBXSW9iySlJeRwRi6P/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>
Lalu save template anda , sangat mudah cara buat translate google bergambar bendera .. silahkan nikmati tampilan translate google bendera ini selamat menikmati .
makasih infonya
ReplyDeletethank gan membantu, silaturahim juga ya ke yosepriwm.blogspot.com
ReplyDeletemksh atas info'x sob sangat membantu sekali bagi saya yang pemula..
ReplyDeleteSama Sama sob,,
ReplyDeleteSering sering di mari ye :)
Wah, tutorialnya sukses gan. Silahkan di lihat :
ReplyDeleteseginisajacukup.blogspot.com
farukparkerla.blogspot.com
thanks ;)
ReplyDelete