Pages

Wednesday, March 13, 2013

Cara Memasang Translate Gambar Bendera di Blog

Hai Bro-bro .Sebelumnya TS telah membahas tentang BagaiMana  Cara Membuat Daftar Isi Dengan jQuery Accordion  . Kini KHO akan membahas tentang Bagaimana Cara Memasang Translate Gambar Bendera di Blog


Langsung Saja Langkah-langkahnya :  


  1. Pertama login ke blogger terlebih dahulu
  2. Klik Tata Letak  
  3. Klik tab Elemen Halaman  
  4. Klik Tambah Gadget  
  5. Pilih TambaHTML/JavaScriptCopy pastekan code translate di bawah kedalam kolom yang tersedia.
Tampilan Ke-1

http://bram-tobing.blogspot.com/2013/03/cara-memasang-translate-gambar-bendera.html


Kodenya :





<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ7dWKml3kAqAouwjZCi_awi2VwB8yamVIBoHbT3QCW0XoIVqP7MKSbAEKzzO-XAjJRo5w2RgRp3_koPL2o0upRTlNdpoDwgT5f_7dV75Ddam_o5mE6LxLSTHS2e3WZnYBZUJlsHuU4zk/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4g0upLN5Z191vLsN8-NLKJLesGxCffTZrI78vqLJOLuO5hNHRnQgd71DSQ2ZriB1E-8OLsZ1jllFXAWftPdLmwcXjnpVrWBXfho05CbH2_B4JeRcq21yR2-SU50_EzL9GfJEyqD3g6rc/?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/AVvXsEgsMpvv1xUF9Lbxkno49plTZ3p_XE2CQFBOtBxFU2wsYBi-FGEyfEpBfiY8-AKSNEUgkQ-rPa__8C5-N-7r3YwJXv5vrLyfjFse9_T1fI7uVoMmFj163qh9mliyh4YVn2EUMYpvy2HAiS1F/?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/AVvXsEhx0vGQSyuwjPOFMbqAqewylBnWHoP2GB48NoTOFtC3j-iij8FivbbzY1zNijfWhKDOXX8xOwFlXK1qf5L5Q7jnaeFF_BFIcDFhx6RhyNg04-looZ60oXa5QYei6YfaCeRSHt24TnJG7iIW/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjugkFMMxQU4u0Qxz8oYm8aMDS32z_eJogvhpNDedHsdgAsE2Gbd4PwU5-HviT-z0JKTy3bGPkPwQsJzjKJTOl68TOByJeHGblr3K5F9nwQ7qeIX7EmT3ybSRJiAvGBurSQFFEaOeDFQpE/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbIcMSJXq0tDN46RTS53ToYhDAz_HYc0ODsSXtRwcHFqGDHEMPWiWJrxmEmo4uLnfba7nCnZA1iFaaITp-dVlkn9Bi-Ow3gJrUhx1-hIeJBVHnDJfPS0c6OonK3QsIJL4QYLyqjPLhq6M/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw5xQMcmuFtPl1H9MfYTGcVwdi8tZSYPKki4J3iQhKzGxg6pasD22vXvXQ8ER8HPxKSz0ciiOEgq7nHtaOeSeC34Ag5xMtySjl8cgRtpl6ZpnSJRBGV8zt6VNCe9wI8tgloSpMSdtTaW8/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE8VVCs2B7rvG03xEkwglRg26EqI4JQ9MyMb1XqoIoBKfsZ_iaSwXFdczNkzQ5rfTg8IL8ZBzL7TLkIjQzKRooo0XQE8mp4Wsgb2Ue3pP_w1lqfOa5Wc_YoFCkGsrc8KZ4FGgtUHHPVZs/?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/AVvXsEg4cvetMhZs1DKOkqjZUzo1UhQuRwSaGGufoz9KV9tlZOU3C2RUbqFnOjyc6bDTbHFrnx0OpVh6SjQlYSGXb6WZ1E4ws6jc3SuZ1IMkEeJbFgdU5N_XLC2JKIEykVTMko2pCcMBSgcavGBY/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTlQCtdeIC7qOTmEtTujKDKNbYkEbvhwNMccOaHOJim350Y3dVYl9-6NJLc4voAPW3KAOhyziqfIYuZ14gTmHnW-OXQ7IFDdTGrlKTkR86N_MedP3QAT6w-N5P7r5NOSyrHxfzR_GAF7k/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiRkMIubb5csWRyURcURNty4IjsyDOSZT44IJzqG6XTo8OS4PZvRvVcaMnLYMwCmAmr7HiIsGs_cZA0NFf5kyP__WQ8YY4Y3irUSiDDTWGEqNa0T8PyukCtBbcCiZP9fTqu2mWUYOr8hQ/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL7jqkh2PZocOQws94Ws3qKqxK8ovughhF2gtykdD8DwA6biRdCwdqA_Ct88JuRkMFj6AAtfaOd_NfzhzwIC9CfecbSA_UIsuINQSeOtmhSsrBYOvi4Nsa_VwqXOHmLjUZGhfdVaU5GuI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

</div> <div style=font-size:10px;margin:8px 0px 3px 0px>
by : <a href=http://www.bram-tobing.blogspot.com/>KHO</a>
</div>



  Tampilan Ke-2


Kodenya:


<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ7dWKml3kAqAouwjZCi_awi2VwB8yamVIBoHbT3QCW0XoIVqP7MKSbAEKzzO-XAjJRo5w2RgRp3_koPL2o0upRTlNdpoDwgT5f_7dV75Ddam_o5mE6LxLSTHS2e3WZnYBZUJlsHuU4zk/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4g0upLN5Z191vLsN8-NLKJLesGxCffTZrI78vqLJOLuO5hNHRnQgd71DSQ2ZriB1E-8OLsZ1jllFXAWftPdLmwcXjnpVrWBXfho05CbH2_B4JeRcq21yR2-SU50_EzL9GfJEyqD3g6rc/?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/AVvXsEgsMpvv1xUF9Lbxkno49plTZ3p_XE2CQFBOtBxFU2wsYBi-FGEyfEpBfiY8-AKSNEUgkQ-rPa__8C5-N-7r3YwJXv5vrLyfjFse9_T1fI7uVoMmFj163qh9mliyh4YVn2EUMYpvy2HAiS1F/?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/AVvXsEhx0vGQSyuwjPOFMbqAqewylBnWHoP2GB48NoTOFtC3j-iij8FivbbzY1zNijfWhKDOXX8xOwFlXK1qf5L5Q7jnaeFF_BFIcDFhx6RhyNg04-looZ60oXa5QYei6YfaCeRSHt24TnJG7iIW/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjugkFMMxQU4u0Qxz8oYm8aMDS32z_eJogvhpNDedHsdgAsE2Gbd4PwU5-HviT-z0JKTy3bGPkPwQsJzjKJTOl68TOByJeHGblr3K5F9nwQ7qeIX7EmT3ybSRJiAvGBurSQFFEaOeDFQpE/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbIcMSJXq0tDN46RTS53ToYhDAz_HYc0ODsSXtRwcHFqGDHEMPWiWJrxmEmo4uLnfba7nCnZA1iFaaITp-dVlkn9Bi-Ow3gJrUhx1-hIeJBVHnDJfPS0c6OonK3QsIJL4QYLyqjPLhq6M/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw5xQMcmuFtPl1H9MfYTGcVwdi8tZSYPKki4J3iQhKzGxg6pasD22vXvXQ8ER8HPxKSz0ciiOEgq7nHtaOeSeC34Ag5xMtySjl8cgRtpl6ZpnSJRBGV8zt6VNCe9wI8tgloSpMSdtTaW8/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE8VVCs2B7rvG03xEkwglRg26EqI4JQ9MyMb1XqoIoBKfsZ_iaSwXFdczNkzQ5rfTg8IL8ZBzL7TLkIjQzKRooo0XQE8mp4Wsgb2Ue3pP_w1lqfOa5Wc_YoFCkGsrc8KZ4FGgtUHHPVZs/?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/AVvXsEg4cvetMhZs1DKOkqjZUzo1UhQuRwSaGGufoz9KV9tlZOU3C2RUbqFnOjyc6bDTbHFrnx0OpVh6SjQlYSGXb6WZ1E4ws6jc3SuZ1IMkEeJbFgdU5N_XLC2JKIEykVTMko2pCcMBSgcavGBY/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTlQCtdeIC7qOTmEtTujKDKNbYkEbvhwNMccOaHOJim350Y3dVYl9-6NJLc4voAPW3KAOhyziqfIYuZ14gTmHnW-OXQ7IFDdTGrlKTkR86N_MedP3QAT6w-N5P7r5NOSyrHxfzR_GAF7k/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiRkMIubb5csWRyURcURNty4IjsyDOSZT44IJzqG6XTo8OS4PZvRvVcaMnLYMwCmAmr7HiIsGs_cZA0NFf5kyP__WQ8YY4Y3irUSiDDTWGEqNa0T8PyukCtBbcCiZP9fTqu2mWUYOr8hQ/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL7jqkh2PZocOQws94Ws3qKqxK8ovughhF2gtykdD8DwA6biRdCwdqA_Ct88JuRkMFj6AAtfaOd_NfzhzwIC9CfecbSA_UIsuINQSeOtmhSsrBYOvi4Nsa_VwqXOHmLjUZGhfdVaU5GuI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=âfont-size:10px;margin:8px 0px 3px 0pxâ>
by : <a href=http://www.bram-tobing.blogspot.com/>KHO</a>
</div>

0 comments:

Post a Comment

 

NaW
Thank You