Minggu, 11 Agustus 2013

1 CARA MEMBUAT TRANSLATE LANGUAGE PADA BLOG DENGAN GAMBAR BENDERA

hy gan mungkin sebagian besar dari kalian udah taulah mengenai translate menggunakan gambar, tapi munngkin bagi para newbie seperti saya, ini adalah hal yang harus di ketahui agar blognya semakin keren sebenarnya blogger pun sudah menyediakan untuk translate language namun dalam tampilan biasa, nah maka dari itu saya share posting ini agar merubah tampilan translate language lebih keren agar yang melihatnya pun lebih fresh heheheheee
:)


oke langsung saja kita lihat tutorialnya

1. masuk Blogger
2. Rancangan/design
3. >elemen laman
4. >add gadget
5. pilih java script
masukan kode scriptnya seperti di bawah

  <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="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR5bZBNuDAGKe9BnDXkX6K0n9kRQREv4kUUE5l9NDyUBtJ2ccn19QFIPZ8CUQ8kktb_akLgHj9Jo6M_Em6kDQf7WuIa_4adJw7j-1wMLT1xM1I_wBf0-a2p2tdr31KNVjhh0CmB-ejqhA/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer; margin-right: 8px;" title="English" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy2rAiZL0l6tE_rx1pZO_hK2zQesLInKcyDTExeCz4Z1J0o8yvKF42G8QJilgInT23xNi-KSS_Wa-CO80TlizeZuhWjQecXjATA3MJZHO13uaRdHEOpYBYR8KfANXRT1WmgYe0Eg3TC2M/s200/France.png" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8LhqNjSeXf3KMVXqZdeSdc8P2WG0mNEoTtodHVJA0Ce9HOjiAontM6S7PRaKZ7v96FwN101mOy2jXUP0tsoKQX8fKnqYX2zsZt0WaCaBPA0-hof2nC5G7nC6lasPKW9T2tTYLNMmxOzQ/s200/Germany.png" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdVoabivA4eXzVF4QpcHyqf4eI1ZEDT5ICHO4NDbuOVun3GdYDxd3r9mYh3-tLo7ZTi2cYEjcVNNUqQcr7U9DxFuHxV4aDPehAuDrnWo353Pzo-S8dSxkRRQd_jYOwa4LrAPGpEbOP1iY/s200/Spain.png" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ5jxJNCQI76HSZwQyTjCczRKm3RYigCgFzZgsICIDBUPqk24tlfaK__JH2GXrZrgqew7y5ZtiCuN1RO1_Gw1gkA5JBY48jjnNvLpIUMlYi1RViTvVr0139gSWByj-iSvfDnd5_XmWjrY/s200/Italy.png" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9KzJHGXQGEGVL7-ZDuTOUIruqDAwwjNlfyoXgE_AGBsDgCzN-tK2rKxx3-jWL2kNdnpgSo2mDtKT7el4BhWsC86XWzvkGTSRTEoAAB3rk0GRJv6Odf5fj87Ung2lOKTecXXWBnaFj6R4/s200/Netherlands.png" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqi4qoaZEpdC0lx44QWwvS8O3s2fX-moAPKB1JoHVCRuewXE2q6cJQ-gaBL3ZoP3OVReI2jSBtW32chq8qw215iPRBLqZz4JThfyzRG8tWwVWxz7ufTx-d-tAUvZ68AgFqqNerXgieFz8/s200/Russian+Federation.png" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm__yZiEpEo3jIxeo8fQj3bbwXmF5K5mApFCd-j7OctnsftHMqx7Nljj2zdDRxQxbTE77GyX_8RPS-L07YpS7lbkN8Nkqn4CdsJR_00lYZ8Kppg8up56d_Rln5javPzOoGSDhTJGJ9apg/s200/Brazil.png" style="cursor: pointer; margin-right: 8px;" title="Portuguese" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjULhh-VPkjzTx3-QiqejKEMqeuoAjIE6AqLAqhOPueUNPMrFy3y4agzWiDq6f8mtit5_sOnFz2RN48wyGNt2nfrZNAsrRbIkRCqcvr2XOeW5MlJHCv9-CPLc9fRY9LMFd0kqdXmWJ49-I/s200/Japan.png" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZm_b0_aR7qUyU9Lqeg2Zs_s6Htlw_esbH3-LjdpYVoU6smGmFnFo5ESprKaIS-1qoXV82Bd2sNPuQyJbGoTPLADfQMgC8GNdZPcnxpBAcQsDSkqSnYTMKTnAxkzhKalojvSj_-cmzHjQ/s200/South+Korea.png" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZbrEB59_xmFZ_R6UMC2KxLl6ti5RpKsKYWJOFvBZ9bc5allCmAPifGvep9M_dvepgWjGiUpiGBXZYTAIXdYoJFk7gCMDmfz1cotK5x6p4e3jGAMpQzsbzP3Aux3vohCojcKDM0dHhWlQ/s200/Saudi+Arabia.png" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitbPY0vNH5YzOYc86FkI1FileYpop4KtYBN1CGvSH8HiNy9vdYuC60S-3neYjGILOoZWf7kj5Gcoho5Vp2g6YmXStk5qZdwTbiuvvWigm7qt-J2dNEpXO-8J0mfXs0jdIJW8izT4iBZG0/s200/China.png" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" width="24" /></a>      </div>
<div 0px="" 0pxâ??="" 3px="" style="font-size: 10px; margin: 8px;">
</div><div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://ahmadbjblogs.blogspot.com/2012/07/cara-membuat-translate-language-pada.html" title="CARA membuat translate language pada blog dengan gambar bendera ">Translate Widget</a> by Google </div>
6. save selesai

1 Comments

Bagaimana Pendapat Anda ?