Untuk membuat tampilannya seperti itu, ini 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/AVvXsEivtxdRotvY6Uv513cdDxHAwg0yyDi-aHfFWATSoaWN7FQwYvBWXQOLIJ85GxQNqRQc7whWGZw1YTkSCevrkU6r73nomcymRB0y2FcF_Btlfl9s2uU0CP7pFg7ic364N-oZqJt50LFjmuA/?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/AVvXsEjDO-mLCUrQoKnLa7WBhrbxWH_XfXf7tfn97aDZkBBp4Sbn9GpV1OSTJHQajkbRF-ToJpVMWjOD1Qu6kECpU_pQ4ZhV8bHNd-XrYwyYG0KIeO06W1qkqPjXoYr4yr9g1VuaMjeIVCAKDzA/?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/AVvXsEi3zavCxttMi35_Dt97HBZrbkBUWJoCvYfpn4eeyFRWZqeWtMMgRwqo-07M0tPxeij-hpzH2iPmY4yZR3aLGOy11t73GIPJRFd5hd0Kuf2BvXlFNuotXFZjcbYqPjIfe1VlPD91KM4HvFgO/?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/AVvXsEgi_CB1SF6PUxjjGD4LsVUpcKpxe-13ZNTsLXL06wkJpE0J8xxyJl5gxjmJ_gOrp1zWr6jrINX0nCO0r8W8abZEzWRC_nE2LqgInC6UTndKJVH4efVD-pishXu4UiPnKkb5dVPEpf3wjU4_/?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/AVvXsEikK2GP-oADvANHsA3F01_MBJhsZJhF6HgAads5_wLIBjm8DCIPKGKAILXsdUu7jRLnT5RXUU2RqCQ0-oMMdbSzila9cXw7Nv4KURcllp-6_KVX7zizNso8THbplq8AoGTO3UrvN3J0JaQ/?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/AVvXsEiEQUZKDyN5JrV0G_7AnZfk_JAY8jqxb5HlU0FPScBLjt5wQyui2rCry1LYx6cHB8ZU0Xg2EpKavdTHuBhPUXFrJGO2vRgvWK-dvbxzrmerTYQ81t2jIeuykAvzGkpKQRnChBzP9l3915o/?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/AVvXsEiqyAoMY-OqI6H21gjGHjY-JuOzENR4uQU2S642VvSDOXxcIUUq1VmLDMbMljrPcUitwvkQjCdLlD9FmSyHOQWx8ioYHd292SqQq_8suT737855O5lYQmwj1U0OVhyphenhyphenpjARxBjVFVaEJoyI/?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/AVvXsEjNEZxMPPmsBSiCzgGO64LWKuduwDN455Q82IKoYnUD762JCdTBSAXvFQVCo_b6KbRoS8lVM7ltNOZ7hTY5qrNvDLACyhQPLp8dF9l3IpAKrm9N83RHRx6mQyeUyC-fg-WSwpIf6msZ_6E/?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/AVvXsEj9Mm7DBUnPI8UrlmLKn0Pj5i-r9-DonhYgI2Vzj4Bj9E3ICEjWzjPaiK0lB-An3N2SHvxVylHqGNtiR82dPlmSfI0eK32g71l8aoZ3pvXYa05JZ5wn4-Yjzlu1i9uElsncjcSSVv-KEBMJ/?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/AVvXsEhu-LUhGSOBH0Y6FDlgfRkCU6rbJgxvG8yghYAsLRbhYt9FLL6DJ5Z3dZrBzvHjQ_lG-Nb6IjNWtDjlTikOiggsfCrCLpMkHHV2bulFXjsorgI1KC6MLU2AJ_fxzINAse6vUSunoBm3TAU/?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/AVvXsEhJ4ZG6wt6kpO_hiEVtLn-YXvEXQgJSYVqFfHObDPIeWytqLgOqedbUk-kMtnMSEtI9lO-emITfxhoBhMdKII5cQaZ6DbQOygo_Vrt4O1UHFV3ikF07Qx0s5nJr3i7L_zsrf0xpLtvjMps/?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/AVvXsEjmWDaCZV1sve6-UulqPENAKydE7azstjo9qk7glEgxgY5QU5a_1nLQrbB7blm82NJUVvPrFnHQXPlfobWr4BxPpfo3o9Zf4KPeAdONkvmSZASojhhG4JzsYT-tsgCKiuq3OtmBKAXtU6g/?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.blogspottutorial.com/>BTF</a>
</div>
<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/AVvXsEivtxdRotvY6Uv513cdDxHAwg0yyDi-aHfFWATSoaWN7FQwYvBWXQOLIJ85GxQNqRQc7whWGZw1YTkSCevrkU6r73nomcymRB0y2FcF_Btlfl9s2uU0CP7pFg7ic364N-oZqJt50LFjmuA/?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/AVvXsEjDO-mLCUrQoKnLa7WBhrbxWH_XfXf7tfn97aDZkBBp4Sbn9GpV1OSTJHQajkbRF-ToJpVMWjOD1Qu6kECpU_pQ4ZhV8bHNd-XrYwyYG0KIeO06W1qkqPjXoYr4yr9g1VuaMjeIVCAKDzA/?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/AVvXsEi3zavCxttMi35_Dt97HBZrbkBUWJoCvYfpn4eeyFRWZqeWtMMgRwqo-07M0tPxeij-hpzH2iPmY4yZR3aLGOy11t73GIPJRFd5hd0Kuf2BvXlFNuotXFZjcbYqPjIfe1VlPD91KM4HvFgO/?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/AVvXsEgi_CB1SF6PUxjjGD4LsVUpcKpxe-13ZNTsLXL06wkJpE0J8xxyJl5gxjmJ_gOrp1zWr6jrINX0nCO0r8W8abZEzWRC_nE2LqgInC6UTndKJVH4efVD-pishXu4UiPnKkb5dVPEpf3wjU4_/?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/AVvXsEikK2GP-oADvANHsA3F01_MBJhsZJhF6HgAads5_wLIBjm8DCIPKGKAILXsdUu7jRLnT5RXUU2RqCQ0-oMMdbSzila9cXw7Nv4KURcllp-6_KVX7zizNso8THbplq8AoGTO3UrvN3J0JaQ/?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/AVvXsEiEQUZKDyN5JrV0G_7AnZfk_JAY8jqxb5HlU0FPScBLjt5wQyui2rCry1LYx6cHB8ZU0Xg2EpKavdTHuBhPUXFrJGO2vRgvWK-dvbxzrmerTYQ81t2jIeuykAvzGkpKQRnChBzP9l3915o/?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/AVvXsEiqyAoMY-OqI6H21gjGHjY-JuOzENR4uQU2S642VvSDOXxcIUUq1VmLDMbMljrPcUitwvkQjCdLlD9FmSyHOQWx8ioYHd292SqQq_8suT737855O5lYQmwj1U0OVhyphenhyphenpjARxBjVFVaEJoyI/?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/AVvXsEjNEZxMPPmsBSiCzgGO64LWKuduwDN455Q82IKoYnUD762JCdTBSAXvFQVCo_b6KbRoS8lVM7ltNOZ7hTY5qrNvDLACyhQPLp8dF9l3IpAKrm9N83RHRx6mQyeUyC-fg-WSwpIf6msZ_6E/?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/AVvXsEj9Mm7DBUnPI8UrlmLKn0Pj5i-r9-DonhYgI2Vzj4Bj9E3ICEjWzjPaiK0lB-An3N2SHvxVylHqGNtiR82dPlmSfI0eK32g71l8aoZ3pvXYa05JZ5wn4-Yjzlu1i9uElsncjcSSVv-KEBMJ/?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/AVvXsEhu-LUhGSOBH0Y6FDlgfRkCU6rbJgxvG8yghYAsLRbhYt9FLL6DJ5Z3dZrBzvHjQ_lG-Nb6IjNWtDjlTikOiggsfCrCLpMkHHV2bulFXjsorgI1KC6MLU2AJ_fxzINAse6vUSunoBm3TAU/?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/AVvXsEhJ4ZG6wt6kpO_hiEVtLn-YXvEXQgJSYVqFfHObDPIeWytqLgOqedbUk-kMtnMSEtI9lO-emITfxhoBhMdKII5cQaZ6DbQOygo_Vrt4O1UHFV3ikF07Qx0s5nJr3i7L_zsrf0xpLtvjMps/?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/AVvXsEjmWDaCZV1sve6-UulqPENAKydE7azstjo9qk7glEgxgY5QU5a_1nLQrbB7blm82NJUVvPrFnHQXPlfobWr4BxPpfo3o9Zf4KPeAdONkvmSZASojhhG4JzsYT-tsgCKiuq3OtmBKAXtU6g/?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.blogspottutorial.com/>BTF</a>
</div>
Sekian dulu ya, selamat mencoba :D
0 komentar:
Posting Komentar
Please Leave Comments On My Blog