Penasaran bagaimana cara membuat widget translate dengan bendera ? Yuk ikuti langkah-langkah dibawah ini :
1. Login ke akun Blogger.
2. Pilih menu Tata Letak.
3. Kemudian Tambah Gadget > pilih HTML/JavaScript.
4. Copy script di bawah ini dan pastekan kode berikut pada kolom HTML/JavaScript.
<style>5. Klik Simpan
.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/AVvXsEhtGMPUiDUUQQld9wK9KBcYO2t4V22Nr5xY_qkBW9LjJuyg17LKOCB3y4XRm6gLF9Sen8Ol_FyXcj69yKBrD7fCJH7a_Pl06tqtJK-mmWMX1a9QmOcPfuFMesIInoiEFTNi3njIxVLhRiE/?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/AVvXsEgnApQgYw3_t8sMzzy8q_TqaxATBFpvkEX_uangc6aUgTonOyXYj4Pppr2JBazq_4c5kpCUgfHTx5YijnUc-nXIg-MDBNsubBZ1HHUUs-bh20lvMtvBBG_rb1EmsHGRNfnMEUilvMglaOc/?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/AVvXsEgYSpC4dLumtsXjfRj0lh5DCb1SbN-n4kSurnZbW1o1yTX5_Uj6-RQeGCWZeGx2cqSdeehhE6P0KiR4GHv0TsUdTZCel4GN3SfZi2DZyC0yJgpXHl0zCtr2ZTwlakICnlLELQBtdsoaOzUQ/?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/AVvXsEhPBwbtiFwTQzIOutgsDPY8rkk9Vld1nllpUlfntpanyZtOXbucJP3Be10Yyw5LbR_ILULIKuW59bGIeetDZvicWxQHM9phARZDLmZyX74OhpYnmGrwKpu8UVNhiGh2Hh6sqzXEZMouBXKl/?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/AVvXsEjQaf6ybkyg_KHjmbKgiy7FarQhssObsFie_RszNYfkURjgimgOzWK2Ern9Ho04I7uWXgu2mdP43u9_Q1YdNy4dk7-vFzWuq56TMAJTusGCnOqPATdwxik3pKyo0FSvvPnnfbZ7k1VCvYY/?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/AVvXsEhaV7QhJfXxnOKRN5Q56GAXFb0N2J_GK2K_GxECDESFtMlxroeM1r0P7MlP9CnoxSaPC76pyMhGrdWIMwH1z0E-inB6clsgN2ryDrjQshwWCcLjraHIPFj-E0NAaaFa6a9nok9idQDId9uv/?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/AVvXsEgWw7COgvXzuDRsisBMQ_O9a5lgbEtipvAE39I9J6K23KK8zWoQID6LON1ylU3UvFgIPzbcuGBa8gWWRuNglFRNRofJHmMGtEu9G3GaU-ablT4chetszL0W961keAvVZd2kEg-S6m1frOE/?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/AVvXsEh6TjWrEV4Jy6aE2DQDwKJfKqzbJgkYn-rqChZlAQsGoVSkfRnVIWB3qBZ3sb4rPRoWa3j2KTKxw6Ie1E54tX1FwsdUqVgjRDXEUmjSjDaSrszfKjuWfZ6pmYAJpk3oOkbelYHluUWaCVU/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" /></a></div>
Demikian tutorial blog yang bisa saya bagikan. Jika ada kesalahan dalam bentuk apapun yang terdapat pada blog ini, saya mohon maaf yang sebesar-besarnya.
Terima kasih.
0 komentar:
Post a Comment