Kenapa saya beri judul 3 macam variasi Cara membuat google translate pada blog ? karena saya banyak sekali menemukan berbagai macam variasi google translate di dunia online. Tapi pada tulisan ini, saya hanya ingin sharing info dan cara membuat google translate pada blog hanya pada 3 macam variasi saja.

Google translate sangat lah di perlukan bagi yang hobi nge-blog karena pastinya sebuah blog yang kita rawat belum sah kalau belum dibaca oleh orang banyak, kecuali sobat betul - betul ingin membuat blog pribadi yang hanya bisa dibaca oleh sobat sendiri dan makhluk halus..hehee..
tapi bagi yang ingin bisnis atau melambungkan nama blog nya di dunia online, adalah sangat fatal sekali jika tidak menggunakan google translate pada blog baik yang secara otomatis atau pun manual seperti yang akan kita bahas cara nya pada tutorial berikut ini.

Kita langsung saja melihat dan mempraktekkan 3 variasi google translate untuk dipasang pada blog.

Pertama - tama seperti biasa sobat masuk dulu ke Blogger, lanjutkan dengan klik Rancangan => Elemen Laman => Tambah Gadget (terserah mau sobat pasang di bagian mana) => setelah kolom Tambah Gadget di klik lalu cari & pilih " HTML/JavaScript ", lalu tambahkan pada kolom plus (+). Nah silahkan sobat memasukkan kode dibawah ini, dengan pilihan yang sobat pilih salah satu dari 3 variasi tentunya.


1.Pilihan pertama: bergambar bendera

masukkan kode ini ke kolom Gadget:


<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="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" 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" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" 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" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" 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" width="24"/></a>
</div> <div style="font-size:10px;margin:8px 0px 3px 0px">

by : <a href=http://www.martajasa.com/>Armynd</a>
</div>


Ganti tulisan yang saya beri warna merah bergaris sesuai alamat blog sobat & nama yang akan dicantumkan pada bagian bawah gadget tersebut


2. Pilihan kedua: menu dropdown

masukkan kode ini ke kolom Gadget:


<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>


3. Pilihan ketiga: setting di template kode HTML pada halaman pengaturan

masukkan kode dibawah, dan letakkan diatas kode ]]></b:skin> pada jendela edit template


<br />
.FS_translate img {filter:alpha(opacity=50);-moz-opacity: 0.70;opacity: 0.70;border:0; margin:1px;}<br />
.FS_translate:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;border:1px solid #000000; margin:0;}<br />




 Caution
Bagi sobat yang kurang puas dengan tutorial yang sudah saya sharing-kan diatas, silahkan membaca posting saya yang berjudul  Cara membuat Translate blog rekomendasi Google untuk mendapatkan tutorial cara memasang 3 variasi yang lain lagi dari google translate langsung dari pusat web nya.

Sekian sharing dari saya tentang 3 macam variasi Cara membuat google translate pada blog, semoga apa yang saya berikan bermanfaat buat sobat sekalian.


                                                   SELAMAT NGE-BLOG


Review:

Judul 3 macam variasi Cara membuat google translate pada blog
Deskripsi Kenapa saya beri judul 3 macam variasi Cara membuat google translate pada blog ? karena saya banyak sekali menemukan berbagai macam variasi...
Author
Author Rating
4/ 5 Suara Dari 1001 Ulasan

Dapatkan artikel menarik lainnya : Klik disini
9 komentar sudah masuk. Silahkan menambahkan tanggapan lain...
Komentari


July 13, 2011 at 5:52 PM  
Like

Terimakasih codenya...bagi pemula ini sebuah hal luar biasa...nice blog bro...



July 13, 2011 at 6:34 PM  
Like

@Humanitarian Fund sama2 mas, saya juga msh belajar kok. thx.. :)



July 21, 2011 at 7:29 PM  
Like

makasih ilmunya bos.kapan2 mampir keblog ane



July 23, 2011 at 12:35 PM  
Like

@Bayuarjun sm2. sip, saya udh mampir. n kalau bisa blog nya di bikin agak ringan mas, biar saya bisa liar berkomentar disana. hehee...



October 1, 2011 at 4:12 PM  
Like

matur nuwun boss.......ni blog perdanaku : mundakjayacyber.blogspot.com, maklum masih pemula.....



October 2, 2011 at 5:42 AM  
Like

Bocah Badak: mangga boss. komentnya lgsg promo...hihii...



November 25, 2011 at 11:04 PM  
Like

wah punya saya kemari kuarang nuw gan,heheheh



November 29, 2011 at 2:54 PM  
Like

rockmanticks: gapapa gan, yg penting ada..heheh



December 23, 2011 at 3:53 PM  
Like

thanks gan

Tuliskan komentar pada form ini :

Adsense Indonesia
Template design by Armin | Cara Online
Powered by Blogger