Cara Memasang Translate dengan Gambar Bendera di Blog - Sebenarnya cara memasang translate gambar bendera di blog pernah dibahas di blognya maskolis, tetapi belum valid CSS3, kesudahannya aku akan membagikan versi translate yang bergambar dan Valid CSS3.
Google translate memudahkan pengunjung yang bukan berasal dari negara kita menerjemahkan tulisan-tulisan yang kita publish di blog, dapat juga translate gambar bendera di blog ini menciptakan blog kita tambah wow.
Translate gambar bendera ini juga tidak kebanyakan code css, dengan tidak kebanyakan instruksi css, maka translate gambar bendera ini tidak akan terlalu besar lengan berkuasa terhadap loading blog anda.
Contoh penggunaan translate gambar bendera di blog ibarat gambar berikut.
Bagaimana sahabat tertarik ?, eksklusif saja kita ke tahap cara memasang Translate dengan Gambar Bendera ini.
Cara Memasang Translate dengan Gambar Bendera di Blog
Taruh code css dibawah ini sebelum kode
]></b:skin>.fajriandaviar_translate img{opacity:1.0;;border:0;margin-right:10px} .fajriandaviar_translate:hover img{opacity:0.30;border:0} .fajriandaviar_translatextra:hover img{opacity:0.30;border:0}
Setelah sahabat memasang CSS diatas tadi pada template sobat, tinggal sahabat pergi ke Tata Letak » Add Gadget » HTML/JavaScript » Lalu masukkan script dibawah ini
<a class="fajriandaviar_translate" href="#" target="_blank" rel="nofollow" title="Cara Memasang Translate dengan Gambar Bendera di Blog" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="Cara Memasang Translate dengan Gambar Bendera di Blog Cara Memasang Translate dengan Gambar Bendera di Blog" height="32" src="http://3.bp.blogspot.com/-Ycv9oood74k/Und4ufO-KlI/AAAAAAAABjM/y6I5QWJoRHk/s1600/english.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="fajriandaviar_translate" href="#" target="_blank" rel="nofollow" title="Cara Memasang Translate dengan Gambar Bendera di Blog" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="Cara Memasang Translate dengan Gambar Bendera di Blog Cara Memasang Translate dengan Gambar Bendera di Blog" height="32" src="http://4.bp.blogspot.com/-dOzC_yApR7E/Und4viHrUZI/AAAAAAAABjo/lkToY2JGTZM/s1600/french.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="fajriandaviar_translate" href="#" target="_blank" rel="nofollow" title="Cara Memasang Translate dengan Gambar Bendera di Blog" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="Cara Memasang Translate dengan Gambar Bendera di Blog Cara Memasang Translate dengan Gambar Bendera di Blog" height="32" src=http://1.bp.blogspot.com/-JDygcXPlQL4/Und4vcBv4rI/AAAAAAAABjY/nICYffgMUtI/s1600/german.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="fajriandaviar_translate" href="#" target="_blank" rel="nofollow" title="Cara Memasang Translate dengan Gambar Bendera di Blog" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Cara Memasang Translate dengan Gambar Bendera di Blog Cara Memasang Translate dengan Gambar Bendera di Blog" height="32" src="http://4.bp.blogspot.com/-QGtd9-zY18g/Und4w3RpfbI/AAAAAAAABj4/uVSUV9OShmQ/s1600/spain.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="fajriandaviar_translate" href="#" target="_blank" rel="nofollow" title="Cara Memasang Translate dengan Gambar Bendera di Blog" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Cara Memasang Translate dengan Gambar Bendera di Blog Cara Memasang Translate dengan Gambar Bendera di Blog" height="32" src="http://4.bp.blogspot.com/-ItXKbqAUmwc/Und4wUGNynI/AAAAAAAABjw/Fmoc-3g0O38/s1600/russian.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="fajriandaviar_translate" href="#" target="_blank" rel="nofollow" title="Cara Memasang Translate dengan Gambar Bendera di Blog" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Cara Memasang Translate dengan Gambar Bendera di Blog Cara Memasang Translate dengan Gambar Bendera di Blog" height="32" src="http://3.bp.blogspot.com/-nQt-KZy6wCQ/Und5-dBOatI/AAAAAAAABkE/YTLRsdtM6zw/s1600/japanese.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="fajriandaviar_translate" href="#" target="_blank" rel="nofollow" title="Cara Memasang Translate dengan Gambar Bendera di Blog" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Cara Memasang Translate dengan Gambar Bendera di Blog Cara Memasang Translate dengan Gambar Bendera di Blog" height="32" src="http://4.bp.blogspot.com/-zYGQpXUnrIY/Und4umb-fGI/AAAAAAAABjI/x0ZS_TUDnuw/s1600/arabic.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="fajriandaviar_translate" href="#" target="_blank" rel="nofollow" title="Cara Memasang Translate dengan Gambar Bendera di Blog" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Cara Memasang Translate dengan Gambar Bendera di Blog Cara Memasang Translate dengan Gambar Bendera di Blog" height="32" src="http://4.bp.blogspot.com/-Z4ZOVjaZUdE/Und5-wrYusI/AAAAAAAABkI/d-ZYd0Gsp-A/s1600/chinese.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
Lalu simpan Gadget.
Mudah bukan sobat, usai sudah artikel aku ini, maaf apabila ada salah kata, Wassalam.
