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, balasannya 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 arahan css, maka translate gambar bendera ini tidak akan terlalu kuat terhadap loading blog anda.
Contoh penggunaan translate gambar bendera di blog ibarat gambar berikut.
Bagaimana teman tertarik ?, pribadi 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 teman memasang CSS diatas tadi pada template sobat, tinggal teman 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.
0 Response to "Cara Memasang Translate dengan Gambar Bendera di Blog"
Posting Komentar