
sebenarnya blogger pun sudah menyediakan untuk translate language namun dalam tampilan biasa, nah maka dari itu saya share posting ini agar merubah tampilan translate language lebih keren agar yang melihatnya pun lebih fresh heheheheee
oke langsung saja kita lihat tutorialnya
1. masuk Blogger
2. Rancangan/design
3. >elemen laman
4. >add gadget
5. pilih java script
masukan kode scriptnya seperti di bawah
<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/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Rcm9DjIfkUbplPvxA2gI_7LFPuFIs8QLRtSLN-7wQ9hmGuOwaceomLkNSE7b1TcAjBfvHYAfrq27JBHJOq72EmC9-p5bKFNfxgRc4Rn8vEy3ezYTOePuFCDiaT_-Speo51_B8I93xBQ/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer; margin-right: 8px;" title="English" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaxEQDAU8kOLpzU7rlKzs0rhes1THdV0wSBUPCRZ8YP5WGpjj1SW3g-gzVVjBZmlvJu6aFOLzSZP5ijMlQ_Iis4mLHxKN-oWRFLZImRsZ3iWrRRRDA9BZH366TX0FdbhGjuf9zbrgHedQ/s200/France.png" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW6zPd6Q96OBgE5lOeMH5qEAlnvDa07E9zYFQ2MVofKYz8vA553rnZowvxkqQlm_2hyphenhyphenO_V3ILPl0DTNvvXsqdLX5uLwBcHZQWN4yMkhzWn1U7Qj8RfXxNaqsdYgiTXPORQfanpDRX-pwE/s200/Germany.png" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGy6P4cQy75GfT-u4ZX-HcNRTFkgueVZwMzLA5H9izJtg2EE0iKkzdxl6ugcj8MMtmv_hBMBGa1PcL6V_1BRt8GTZABofx_6hP_2Tlib_1OWwnX9FUxm7yVY1LGK8YEwuY51tTY1qxCwk/s200/Spain.png" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhe0UN8vDhmEPqDbJNrMUOp7c_ZRX624gRDQg9TT55azGdKywdqwt227CN6U518mPqnqLEautIaafdZKT3EdLx503GHbBMI-yI9r6SDfHKwblMjHukN-fXUfwDsnHR_wNegP3_vzF3tuo/s200/Italy.png" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyAyVLyd2SmiIrXAhF-cTcP0aDf0pisRYmSVo0DBwyjTyNROihQmJ0_lwid95Qm0PQghZsXxtAZkRVH_sZKJ-aYjl5YpB9tiE81AhhTtCV6rg1ciJfqL2Oy1JTvq34ohEgkeFid76gZp8/s200/Netherlands.png" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB6jLnyBhZD06jaySl0d_clNdJpkXOR3NDw6nofYoH2R1L1oEA_OF8hmglyM17zQQxNhubJBE7-8NAg4rhwF1wviW23FBkXUyobQLcQfZws3lZjyfgwkjV-dWJAP-hsC-VutLmpFxJliM/s200/Russian+Federation.png" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitGt4DlP1RtlkHNEOsBclbvr2ZYi9MPOphyphenhyphenHg6XsSzcSDrzNzzrSPIU5dX5wG1S-eRgDKymhFjG5Gc8dRvG60jB7tbBCL1eDAND3VQspzoud55gmJsJDJlWYwlbORU1IbsG64D4tyKVlg/s200/Brazil.png" style="cursor: pointer; margin-right: 8px;" title="Portuguese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGZoCEWlykHwterdPvtXTnF91EnMEFv8jcp5Ov6UL_Ndh7ifTh1kvEfgePbcnvIY7jKGA-KAow4JvvN5_O3FWaYw1WxyVms5ZdMonfnPMuVPbxljQJgKGfv70ytY-rLiIObZh0ENBEn9Q/s200/Japan.png" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihDQhQPFrk9EbScsLov10QofXVd2mBlmHmq9x7qOEXfLwfFlHKOLsVzTMsXkBYRgs5VWwfvUWeNqJJdqIWUQp8JQ4mdNIdK25Rd8o88oI1Z8XbOTNty77ouN0kLb343a7ylBY7l1xy4NA/s200/South+Korea.png" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFYxhyphenhyphenkUO9nJThSZTcr-HI2lpC76dKqsXxG6A8hNW5PZhwfuDoLSeq1qJ_nBiESl8yAy3OcisLOP_YjF-21VUKxHgp-ReQOLGGX-dBsDYtf9CVaEKHuF7JHI0_FMYJFGzoeGJXbIhgSEM/s200/Saudi+Arabia.png" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe_iHqzQ0AWJGP5SpDMJkPxN5V78V6pjMRH2hrJOGvz90UUlSPuJijSUw0T068vPP6f39zVuzvGIybWBvZg4Kc6Q9N__jsQLzV7cUuwyxIjNczYY0HbPfqTBocBM2L8Vj9d5VOoXXmNw4/s200/China.png" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" width="24" /></a> </div>
<div 0px="" 0pxâ??="" 3px="" style="font-size: 10px; margin: 8px;">
</div><div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://ahmadbjblogs.blogspot.com/2012/07/cara-membuat-translate-language-pada.html" title="CARA membuat translate language pada blog dengan gambar bendera ">Translate Widget</a> by Google </div>
6. saveoke langsung saja kita lihat tutorialnya
1. masuk Blogger
2. Rancangan/design
3. >elemen laman
4. >add gadget
5. pilih java script
masukan kode scriptnya seperti di bawah
<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/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Rcm9DjIfkUbplPvxA2gI_7LFPuFIs8QLRtSLN-7wQ9hmGuOwaceomLkNSE7b1TcAjBfvHYAfrq27JBHJOq72EmC9-p5bKFNfxgRc4Rn8vEy3ezYTOePuFCDiaT_-Speo51_B8I93xBQ/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer; margin-right: 8px;" title="English" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaxEQDAU8kOLpzU7rlKzs0rhes1THdV0wSBUPCRZ8YP5WGpjj1SW3g-gzVVjBZmlvJu6aFOLzSZP5ijMlQ_Iis4mLHxKN-oWRFLZImRsZ3iWrRRRDA9BZH366TX0FdbhGjuf9zbrgHedQ/s200/France.png" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW6zPd6Q96OBgE5lOeMH5qEAlnvDa07E9zYFQ2MVofKYz8vA553rnZowvxkqQlm_2hyphenhyphenO_V3ILPl0DTNvvXsqdLX5uLwBcHZQWN4yMkhzWn1U7Qj8RfXxNaqsdYgiTXPORQfanpDRX-pwE/s200/Germany.png" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGy6P4cQy75GfT-u4ZX-HcNRTFkgueVZwMzLA5H9izJtg2EE0iKkzdxl6ugcj8MMtmv_hBMBGa1PcL6V_1BRt8GTZABofx_6hP_2Tlib_1OWwnX9FUxm7yVY1LGK8YEwuY51tTY1qxCwk/s200/Spain.png" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhe0UN8vDhmEPqDbJNrMUOp7c_ZRX624gRDQg9TT55azGdKywdqwt227CN6U518mPqnqLEautIaafdZKT3EdLx503GHbBMI-yI9r6SDfHKwblMjHukN-fXUfwDsnHR_wNegP3_vzF3tuo/s200/Italy.png" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyAyVLyd2SmiIrXAhF-cTcP0aDf0pisRYmSVo0DBwyjTyNROihQmJ0_lwid95Qm0PQghZsXxtAZkRVH_sZKJ-aYjl5YpB9tiE81AhhTtCV6rg1ciJfqL2Oy1JTvq34ohEgkeFid76gZp8/s200/Netherlands.png" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB6jLnyBhZD06jaySl0d_clNdJpkXOR3NDw6nofYoH2R1L1oEA_OF8hmglyM17zQQxNhubJBE7-8NAg4rhwF1wviW23FBkXUyobQLcQfZws3lZjyfgwkjV-dWJAP-hsC-VutLmpFxJliM/s200/Russian+Federation.png" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitGt4DlP1RtlkHNEOsBclbvr2ZYi9MPOphyphenhyphenHg6XsSzcSDrzNzzrSPIU5dX5wG1S-eRgDKymhFjG5Gc8dRvG60jB7tbBCL1eDAND3VQspzoud55gmJsJDJlWYwlbORU1IbsG64D4tyKVlg/s200/Brazil.png" style="cursor: pointer; margin-right: 8px;" title="Portuguese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGZoCEWlykHwterdPvtXTnF91EnMEFv8jcp5Ov6UL_Ndh7ifTh1kvEfgePbcnvIY7jKGA-KAow4JvvN5_O3FWaYw1WxyVms5ZdMonfnPMuVPbxljQJgKGfv70ytY-rLiIObZh0ENBEn9Q/s200/Japan.png" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihDQhQPFrk9EbScsLov10QofXVd2mBlmHmq9x7qOEXfLwfFlHKOLsVzTMsXkBYRgs5VWwfvUWeNqJJdqIWUQp8JQ4mdNIdK25Rd8o88oI1Z8XbOTNty77ouN0kLb343a7ylBY7l1xy4NA/s200/South+Korea.png" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFYxhyphenhyphenkUO9nJThSZTcr-HI2lpC76dKqsXxG6A8hNW5PZhwfuDoLSeq1qJ_nBiESl8yAy3OcisLOP_YjF-21VUKxHgp-ReQOLGGX-dBsDYtf9CVaEKHuF7JHI0_FMYJFGzoeGJXbIhgSEM/s200/Saudi+Arabia.png" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe_iHqzQ0AWJGP5SpDMJkPxN5V78V6pjMRH2hrJOGvz90UUlSPuJijSUw0T068vPP6f39zVuzvGIybWBvZg4Kc6Q9N__jsQLzV7cUuwyxIjNczYY0HbPfqTBocBM2L8Vj9d5VOoXXmNw4/s200/China.png" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" width="24" /></a> </div>
<div 0px="" 0pxâ??="" 3px="" style="font-size: 10px; margin: 8px;">
</div><div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://ahmadbjblogs.blogspot.com/2012/07/cara-membuat-translate-language-pada.html" title="CARA membuat translate language pada blog dengan gambar bendera ">Translate Widget</a> by Google </div>
selesai
Semoga berhasil,.,.,.
Apabila ada pertanyaan tentang tutorial diatas dapat menambahkan,nya di kotak komentar.,.,.
Mungkin hanya itu saja yang dapat saya berikan kurang dan lebih,nya saya mohon maaf.,.,.
Salam Sukses
Salam Blogger Indonesia
{ 0 komentar... Views All / Send Comment! }
Posting Komentar