Sebelum membuat, terlebih dahulu kita copy HTML :
<div class='widget-content'>
<div id='crosscol-wrapper' style='text-align:center'>
<br/><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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/UK%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/France%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Deutschland%20Germany%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Spain%20Espanya%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Italy%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Nederlands%20Netherlands%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Russia%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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="https://lh3.googleusercontent.com/-1-vTFifnr1I/Tjk3zNil2iI/AAAAAAAAAr4/3OLyA4EOics/Portuguese%252520Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Japan%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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="https://lh5.googleusercontent.com/-KJ7PRXE7apg/TjkxCjzh7pI/AAAAAAAAArc/ZUoFuAx79eI/Korea%252520Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Arabia%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese" border="0" align="absbottom" title="Chinese" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/China%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>
</div> <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div></div>
</div>
<div class='widget-content'>
<div id='crosscol-wrapper' style='text-align:center'>
<br/><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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/UK%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/France%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Deutschland%20Germany%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Spain%20Espanya%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Italy%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Nederlands%20Netherlands%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Russia%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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="https://lh3.googleusercontent.com/-1-vTFifnr1I/Tjk3zNil2iI/AAAAAAAAAr4/3OLyA4EOics/Portuguese%252520Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Japan%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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="https://lh5.googleusercontent.com/-KJ7PRXE7apg/TjkxCjzh7pI/AAAAAAAAArc/ZUoFuAx79eI/Korea%252520Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Arabia%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese" border="0" align="absbottom" title="Chinese" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/China%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>
</div> <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div></div>
</div>
Berikut adalah cara-caranya :
1. Kita log in seperti biasa, kemudian kita menuju ke Tata Letak
1. Kita log in seperti biasa, kemudian kita menuju ke Tata Letak
2. Setelah itu klik Tambah Gadget
3. Klik tambah gadget HTML/JavaScript
4. Kode HTML di yang tadi saya kasih, di copy ke konten
Terima Kasih Semoga Bermanfaat
semoga sukses....
Tidak ada komentar:
Posting Komentar