![Притурки. Промени в дизайна на Преводач от Google дизайн на Преводач от Google](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPybGF5o2zqcSKOP1Qm3qbK-Fbay6U7Ph1MyYRKOZwUwLN593uyf9HNaCoxsBE0SBlC9fVka1A9TW8N1dKmDxNcy7nTcAm2m0O-EgNigXrJdFbu-uIC1764IFzGGVeCsH-6nvXoSoIwjk/s320/trans1-min.jpg)
Всеки блог има свой собствен облик, така че ще имате възможност да персонализирате приспособлението за превод според фона му.
Ще работим в следната последователност:
➤Добавяне на притурката в оформлението на блога;
Ако я имате инсталирана пропуснете тази стъпка, но ако още не сте, трябва да го направите. Намерете притурката Преводач сред предлаганите от Blogger. Изберете стил вертикален и я преместете на нужното ви място в оформлението на блога;
![притурката Преводач Преводач](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Tg5Vo8_PeI25WGIbmy2CEpcnKoDlgNHTWWM20JBYKG5hyphenhyphenZ4nFh_PN4nFawYgSMW_xybUe5zOwqZ7sxUqngpWcLQ6G08E8CsHyNvadPhLBk7ban0yqgo3nzBatG-PQOW-EYBP-I6IUx0/s320/var0-min.png)
➤Изберете един от предлаганите кодове и го персонализирайте;
Код 1:
<style>
#google_translate_element a {
display: none;}
div.goog-te-gadget {
color:transparent !important;}
.goog-te-gadget .goog-te-combo {
margin: 0px 0 !important;
padding: 6px 5px;
background: #0e5198;
border: 2px solid #03b4cc;
color: #fff;
font-size:16px;
font-style:italic;
border-radius: 8px 0px 40px 0px;
cursor: pointer;
outline: none;}
</style>
Притурката ще изглежда така:
![Вариант 1 Вариант](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPma3xzq1otB9CqYZm6ngUd32-xK2Zq4j4sQljDDnJmszVaA5lZCY1cj6qaNsfTs6AloDyfsGbC3FM32HYlJuTa_f8nCXa6XASsGlKobr_JuDS_Xo0ly-VSlA2eEmCjrTLVQnb8reF2gM/s320/var1.png)
Код 2:
<style>
#Translate1{
padding:12px;
background:#82B638;
border:4px ridge #82B638;
}
option {
background:#82B638;
color:#fff;
font-size:16px;
font-style:italic;
font-weight:bold;
}
</style>
Притурката ще изглежда така:
![Вариант 2 Вариант 2](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4_APdZIVIMK6sJX3v63IgvWfzFrc1nI9QM7DtotG84MYTApeir0z16VbdxfE8EAocbxYgtonKcnWUKzOKurKeQMTIWUH8wOOl1zgTZrMq9zn-Tqz9Ne4VHQLE-XDfas2RzVFuimFxXW8/s320/var2-min.png)
Код 3:
<style>
#google_translate_element {
color: transparent;}
#google_translate_element a {
display: none;}
select.google_translate_element {
color: black;}
div.goog-te-gadget {
color: transparent;}
div.goog-te-gadget {
color: transparent !important;}
.goog-te-gadget .goog-te-combo {
margin: 0px 0 !important;
padding: 6px 5px;
background: #7423fe;
border: 2px solid #7423fe;
color: #ffffff;
font-size:14px;
font-style:italic;
border-radius: 5px;
cursor: pointer;
outline: none;}
</style>
Притурката ще изглежда така:
![Вариант 3 Вариант 3](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMEH5GImOzT0O9OQpnPBlCmBBZX5ZX6WeMKo8Bq6n2EBl8L7VCPlAE8w508dcSXXxFQP5CaXHSWQP9FEmRSjzbPHJ5WpacQxefVJep2opnpN2pg_ZB7gVSogTCL4uhxxvDoC4eDmpZhLc/s320/var3-min.png)
➤Инсталирайте персонализирания код;
Отворете в Админ панела ➔ Оформление ➔ Добавяне на притурка ➔ Изберете HTML/JavaScript ➔ поставете готовия CSS код в тялото ѝ и я „настанете“ някъде в долния колонтитул на блога.
И трите варианта са тествани в различни шаблони, работят.
За въпроси моля, в коментарите. А може и на тази страница.
Ще съм благодарна да оцените моя труд. Моля, гласувайте за блога ми на:
![Посетете .: BGtop.net :. Топ класацията на българските сайтове и гласувайте за този сайт! BGtop](http://bgtop.net/images/bgtop8831.gif)
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Няма коментари:
Публикуване на коментар