Blogger Tips and Trick Cara Membuat Translate Bendera di Blog dengan Mudah

Cara Membuat Translate Bendera di Blog dengan Mudah

Iqbalfp Tuesday, August 13, 2013

Kali ini saya Posting tantang pembuatan translate yang ada di Blog, mungkin sekedar sharing buat anda yang mau.. Fungsi Translate sangat penting untuk menerjemahkan Artikel yang ada di Blog anda, kan yang ngujungi blog anda bukan cuma negaranya sendiri, maka dari itu saya Share tentang buat widget translate, translate ini lebih simple dan keren yang pastinya. hehe.. tanpa berpanjang lebar saya langsung saja membahasnya..

Buka Akun Blog kalian
Masuklah ke Rancangan / Design
Pilihlah Add Widget / Tambah Gadge.
Pilih lagi Add HTML/JavaScript.
Copylah Script di bawah ini :

<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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?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/AVvXsEh_btI9K16ryXikG8EeNeZH685vb2gizXRCj3fmMr6iB7iyjFFRO9rQgucVHpyTutKwIGsHVKvTTV01NlEZFBp_uj7f39qqr6vSCrlX4zUOMh8WZuvKz7dFEyX2zmrclMItPzmQuagyOK_4/?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/AVvXsEigPa9Pw52pndH2K9dfa_l2XqME1rqlRqhe5DKZrzOB8pQI_4l5a3L3ED2Ljg36yTB2dJ-yj3r82zxMg3NL71PJD5vTCt_948RGcQI37SDa0084iwoUmc7TNMg-hagVYxKUGioqJ_VL4hRV/?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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?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/AVvXsEjlOuBlgMpgghAdGVdE-FyYJhQEDUmsAru0ZaCaA70Oa7PooILt7qEiuVi7MRuR077P1Sz983yup4FtC_lAeb445owlQ1AHwOXs6cdPfYG274pBQagl2H0-Rp66i7PhyphenhyphenpcOIqAbzxnxmVvR/?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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" /></a></div>

Simpan dan Lihat hasilnya!
Dan hasilnya nanti seperti ini :

Semoga artikel ini bermanfaat :)

Subscribe to: Post Comments (Atom)