Catatan Pribadiku: Memasang translator /translate di blog

Menambahkan Fasilitas translate akan sangat membantu pengunjung blog anda t
erutama pengunjung yang dari luar. Maksutnya orang luar bukan Alien tapi orang
dari negara lain yang mengunjungi blog anda. Selain itu dengan adanya fasilitas t
ranslate juga dapat meningkatkan jumlah pengunjung blog anda. kanapa bisa ?, karena
orang dari negara lain akan mengerti apa yang anda tulis dengan menerjemahkan
bahas tulisan anda. dengan demikian orang luar akan lebih sering mengunjungi
blog anda. Fasitas tanlate yang akan kita buat adalah fasilitas tranlate dengan logo
bendera seperti ini:

Cara menambahkan fasilitas translate kedalam blog anda langkah-langkahnya adalah :

Pilih Rancangan >Tata letak/Elemen halaman >Edd gadget

Muncul halaman seperti ini

- Copy paste kode berikut kedalam box yang tersedia

<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:220px;
width:50px;
float:left;
cursor:pointer;
background:url('https://lh3.googleusercontent.com/-VMYgnu_cheo/TWoea1Cd47I/AAAAAAAAABM/8yWEw8mo1i4/s1600/TEKS+NEW.bmp') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #003e82;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">



<div style="background-color:#F5F6CE; -moz-border-radius-topleft:25px; -moz-border-radius-bottomright:25px; border:5px solid #790606; padding:5px;"> <center> <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }</style><center><a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/arabic.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/korean.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/korea.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/pinginbelajarchina.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/russian.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 0px" alt="Portuguese" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/portuguese.gif" align="absBottom" border="0" /></a> </center> <center><a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/english.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/pinginbelajarfrance.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/german.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/spain.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/italian.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 0px" alt="Dutch" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/dutch.gif" align="absBottom" border="0" /></a> </center></center></div>

<br />
<div class="hc-credit">
<span style="float:left">

</span>
<span style="float:right">
<a href="javascript:showHidehcr()">
[close]
</a>
</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>