Тюнинг для блога: переводчик

В предыдущем посте я описывал вот такой виджет для перевода, о котором можно прочитать вот здесь. И выглядит он вот так:

А теперь хочу предложить вашему вниманию виджет переводчик собственного изготовления. Виджет не требует изменений в коде. Так что смело копируйте и вставляйте в ваш блог. Выглядит он вот так:

Это собственно виджет - код:

<div style="position:absolute; top: 50px; left: 5px; z-index: 1;"><br /><a href="http://z-tuning.blogspot.com/2008/11/google-translate.html" title="Grab this Widget"> <img alt="Grab this Widget" src="http://sites.google.com/site/mezenatorg/_/rsrc/1225192958381/Home/logo1.gif" /></a><br /><a style="cursor:pointer; cursor:hand;" target="new" rel="nofollow" title="Translate this site to English" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ru%7Cen&hl=ru&ie=UTF8'); return false;"><img border="0" alt="Translate this site to English" width="24" src="http://sites.google.com/site/mezenatorg/_/rsrc/1225192244668/Home/flag_usa.png" height="24" /></a><br /><a style="cursor:pointer; cursor:hand;" target="new" rel="nofollow" title="Translate this site to French" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ru%7Cfr&hl=ru&ie=UTF8'); return false;"><img border="0" alt="Translate this site to French" width="24" src="http://sites.google.com/site/mezenatorg/_/rsrc/1225192206086/Home/_french_s.png" height="24" /></a><br /><a style="cursor:pointer; cursor:hand;" target="new" rel="nofollow" title="Translate this site to Spanish" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ru%7Ces&hl=ru&ie=UTF8'); return false;"><img border="0" alt="Translate this site to Spanish" width="24" src="http://sites.google.com/site/mezenatorg/_/rsrc/1225192232388/Home/_spanish_s.png" height="24" /></a><br /><a style="cursor:pointer; cursor:hand;" target="new" rel="nofollow" title="Translate this site to German" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ru%7Cde&hl=ru&ie=UTF8'); return false;"><img border="0" alt="Translate this site to German" width="24" src="http://sites.google.com/site/mezenatorg/_/rsrc/1225192209762/Home/_german_s.png" height="24" /></a><br /><a style="cursor:pointer; cursor:hand;" target="new" rel="nofollow" title="Translate this site to Italian" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ru%7Cit&hl=ru&ie=UTF8'); return false;"><img border="0" alt="Translate this site to Italian" width="24" src="http://sites.google.com/site/mezenatorg/_/rsrc/1225192214074/Home/_italian_s.png" height="24" /></a><br /><small><a href="http://z-tuning.blogspot.com/2008/11/google-translate.html" target="_blank">+ Grab</a></small></div>

Установить его можно так: создать новый HTML/JavaScript виджет и туда импортировать код. Подсказка: если вы уже имеете HTML/JavaScript виджет на вашем блоге, то просто допишите туда код (для красоты так сказать).

Немного слов по настройке. В первой строке есть такие значения -

top: 50px; - меняя значение цифр можно регулировать расположение по вертикали

left: 5px; - здесь по горизонтали (если left поменять на right виджет переводчик будет расположен с правой стороны)

Также горизонтальное исполнение данного виджета переводчика. Настройки такие же, как вы прочитали выше.

<div style="position:absolute; top: 50px; left: 5px; z-index: 1;"><br /><a style="cursor:pointer; cursor:hand;" target="new" rel="nofollow" title="Translate this site to English" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ru%7Cen&hl=ru&ie=UTF8'); return false;"><img border="0" alt="Translate this site to English" width="24" src="http://sites.google.com/site/mezenatorg/_/rsrc/1225192244668/Home/flag_usa.png" height="24" /> </a><a style="cursor:pointer; cursor:hand;" target="new" rel="nofollow" title="Translate this site to French" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ru%7Cfr&hl=ru&ie=UTF8'); return false;"><img border="0" alt="Translate this site to French" width="24" src="http://sites.google.com/site/mezenatorg/_/rsrc/1225192206086/Home/_french_s.png" height="24" /> </a><a style="cursor:pointer; cursor:hand;" target="new" rel="nofollow" title="Translate this site to Spanish" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ru%7Ces&hl=ru&ie=UTF8'); return false;"><img border="0" alt="Translate this site to Spanish" width="24" src="http://sites.google.com/site/mezenatorg/_/rsrc/1225192232388/Home/_spanish_s.png" height="24" /> </a><a style="cursor:pointer; cursor:hand;" target="new" rel="nofollow" title="Translate this site to German" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ru%7Cde&hl=ru&ie=UTF8'); return false;"><img border="0" alt="Translate this site to German" width="24" src="http://sites.google.com/site/mezenatorg/_/rsrc/1225192209762/Home/_german_s.png" height="24" /> </a><a style="cursor:pointer; cursor:hand;" target="new" rel="nofollow" title="Translate this site to Italian" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ru%7Cit&hl=ru&ie=UTF8'); return false;"><img border="0" alt="Translate this site to Italian" width="24" src="http://sites.google.com/site/mezenatorg/_/rsrc/1225192214074/Home/_italian_s.png" height="24" /> </a><br /><a href="http://z-tuning.blogspot.com/2008/11/google-translate.html" title="Grab this Widget"> <img alt="Grab this Widget" src="http://sites.google.com/site/mezenatorg/_/rsrc/1225192958381/Home/logo1.gif" /></a></div>

Успехов и побольше зарубежных читателей!!!

Понравился пост - подпишись по RSS!!!