Cara Membuat Widget Translate dengan Bendera

   No comments     
categories: 
Cara Membuat Widget Translate dengan Bendera - Menambahkan suatu widget translator pada blog dapat mempermudah pembaca untuk membaca meskipun teks tersebut tertulis dengan bahasa yang tidak kita mengerti. Namun jika pada blog anda terdapat widget translator dapat memungkinkan pembaca lebih nyaman membaca postingan blog anda, apalagi jika widget tersebut unik nan lucu, pastinya pembaca akan lebih betah dengan bolak balik ke postingan blog anda.



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>
.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>
5. Klik Simpan

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