Loading...
ucapan
Membuat BLOG BULE sekarang sangat mudah dengan hadirnya SOFTWARE ini, Siap nembak CPC bule yang main ADSENSE

Mau artikel unik 100 % dengan banyak bahasa tanpa harus repot untuk menulis?

Article Sparta merupakan software yang memiliki fungsi untuk membuat artikel dalam berbagai bahasa hanya dengan beberapa klik saja, Jadi tidak perlu repot lagi untuk menulis.

Softwarenya sangat bermanfaat, bisa di pakai JUALAN ARTIKEL, MEMBUAT BLOG BULE TUK PENGHASILAN CPC ADSENSE.

Yang jadi masalah karena lisensinya hanya untuk beberapa orang/PC saja, jadi siapa cepat dia dapat.

DAPATKAN SEGERA SELAGI HARGA PROMO DAN MASIH TERSEDIA LISENSINYA!!!

Software Pembuat Artikel

Silahkan Pilih Warna Background Yang Cocok Buat Mata Anda


Bergabunglah dengan 5.000 Lebih pengikut lainnya Dan Dapatkan Selalu Artikel Dan Penawaran

2015/08/21

Cara Memasang Translate dengan Gambar Bendera di Blog

Software Pembuat Artikel unik 100%O
Artikel unik 100% dengan banyak bahasa tanpa tanpa harus repot menulis, Software yang berfungsi membuat artikel dalam berbagai bahasa hanya dengan beberapa klik saja, Jadi tidak perlu repot lagi untuk menulis.

DAPATKAN SEGERA SELAGI HARGA PROMO!!!
Klik Pada Gambar Tuk Info Selengkapnya Ya...



Key Translate
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, jadinya saya 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, bisa juga translate gambar bendera di blog ini membuat blog kita tambah wow.

Translate gambar bendera ini juga tidak kebanyakan code css, dengan tidak kebanyakan kode css, maka translate gambar bendera ini tidak akan terlalu berpengaruh terhadap loading blog anda.

Contoh penggunaan translate gambar bendera di blog seperti gambar berikut.


Contoh translate bendera

Bagaimana sobat tertarik ?, langsung 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 sobat memasang CSS diatas tadi pada template sobat, tinggal sobat pergi ke Tata Letak » Add Gadget » HTML/JavaScript » Lalu masukkan script dibawah ini

<a class="fajriandaviar_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;"><img alt="English" 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="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;"><img alt="French" 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="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;"><img alt="German" 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="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;"><img alt="Spain" 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="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;"><img alt="Russian" 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="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;"><img alt="Japanese" 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="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;"><img alt="Arabic" 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="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;"><img alt="Chinese Simplified" 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 saya ini, maaf apabila ada salah kata, Wassalam.

Pengelola Blog : ABDUL WAHAB

Judul : Cara Memasang Translate dengan Gambar Bendera di Blog
Ditulis oleh :Blog Fajri Andaviar pada hari 2015/08/21
Rating Blog : 5 dari 5
Terima kasih sudah membaca artikel tentang Cara Memasang Translate dengan Gambar Bendera di Blog
Kalian boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman kalian.
Namun jangan lupa harap memberikan link aktif dofollow ke URL
http://fajriandaviar.blogspot.com/2013/11/cara-memasang-translate-dengan-gambar.html
Dan Terima kasih sekali lagi atas kunjungannya.

Kritik dan saran atau apapun bisa kalian sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak selalu online dikarenakan sibuk.

Title : Cara Memasang Translate dengan Gambar Bendera di Blog
Description : Cara Memasang Translate dengan Gambar Bendera di Blog - Sebenarnya cara memasang translate gambar bendera di blog pernah dibahas di b...

2 komentar

Keren ni sob, sudah valid HTML5 pula :D

kalau ga ada yang bilang pertamax berarti gw pertamax hehehe :P

Berkomentarlah dengan bijak dan sopan, Dilarang menggunakan Link Aktif, Link Mati, Promo, dll.
Dan Berbagilah Jawaban atas apa kesulitan yang sobat-sobat lainnya dapatkan.
Mohon maaf jika ADA komentar atau pertanyaan tidak bisa cepat saya respon,
DIkarenakan Saya tidak selalu online selama 24 Jam.