Cara Membuat Translate dengan Gambar bendera

               Cara Membuat Translate dengan Gambar        

                                        Bendera 

- Kali ini saya akan posting bagaimana Cara Membuat Translate dengan Gambar Bendera. Fungsi widget translate adalah untuk mempermudah pengunjung untuk menerjemahkan artikel/tulisan yang ada di blog kita, apalagi dengan adanya gambar, pengunjung akan sangat mudah untuk menerjemahkannya. 

 Berikut Tutorialnya :

1. Sign in (masuk) ke blogger kamu

2. Pilih Dashboard, Tata letak => lalu Tambah Gadget

3. Copy kode dibawah ini dan pastekan di HTML/JavaScript

<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/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdpBTe3XBuRGAI4kh6VlFq43IrQ1l8sc_WVuUBh-sAYbomeJW1x9GjpgkSFtIxSoBXtnY5oivwOQhMQQDZtuJWc54tuvncd_xCQp7qeQ6jaIQJBrdQpgC_la8eJXbW7UjekriZtfxJ8mc/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim03ZoR5CW1NZCJVUofW6OluXPCr6R8ATkGdwbMafCFhSf0RFsQ70lOYSi7mHyo2LQUOkO1W4_wORLur_83qehw8GiqbhLk7IobmWC0HYNXRpY5nq8pxVxrS-RNJ0HXtOsnuoJdfmIB3U/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="French" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrCAX1PqjGcMGtnOxuR-E59Nw36pEEFAhL9MRXRzT0LYBRmFB4OwCN4POUj3GGYY-HViWCRmkUqyMsicovoD2Vhs5331gxIBxa0wI0YxI2z1H_dp9optN_sUPLldih3R2NyJ_52ICMpiFE/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFhc8i0bP9Z7iJQVEYc2l8R1m8B9l5OID1XnyEY0a0LVcEnFrxArZzMxStyZN9RGlE2y5iimMs6-7f95USCNlmfy7whVr6ej5CR7rnsT85A9_7dz6vMVb8N6A72mVNIXgFCHa7yxrCjBw2/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA8sNrjUaWXUP5Us4th9-huqWCRqjTGPWKUbmnPexX-BehFA7l8ePV1nLALQAQF7KcvauPZ_JmD1k9xkEWjHCFf3ramd67vtDgyYFG68w8snd5oBhOQxI0dkYX2f3ek6c4GOA6kx2izzs/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjHjvfhfRhghdna_BVl_7JIJPJQFn5YloM3sR5_1W5UdeBFQ3hJIvxr-DLdzGewHOSXySg3uG3j-4vcM6M50sVrCUiJ6HJv5ugE8UnOnu3KizqFbwgJ6eP6pnYCOq4QN4nMaCUfiwrma0/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG7sEfEneHIagDEv7sCO6x6h76yu8PVvnT0P-U2dDPu6tTpT0V3Om2eXhygUJnP9HLM0swa9R1YEbYLDiZKJ2qsHyGn2rsHmlV0JOKB100iG2Yh0XJb4GMcRdCrfO0hsudhsNxIomE9Lk/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibnjZ9SqrDWRxZst_Gxy8_cGHG6TwfTyFN7TrjnOnf8Vj6uWBxyCMtq7vBaGzr-gNrresK5w-e977_T1XwFZTiwiEerRSCmfGeNpwvOp-G0EXDiBlMndmuLtFJNuM98DJ19xhPt1tswT8/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" /></a></div>