пятница, 29 марта 2013 г.

Привлекательный виджет Ярлыки для блога Blogger

Привлекательный виджет Ярлыки для блога Blogger
В сегодняшнем посте я объясню Вам, как добавить привлекательный желтый виджет Ярлыки для блога Blogger. Таким образом, эти ярлыки станут выглядеть аккуратными и красивыми.

Итак, начнем!



Как добавить привлекательный желтый виджет Ярлыки для блога Blogger?


1. Войдите в Blogger.

2. В панели инструментов своего блога Blogger нажмите на выпадающее меню Дополнительно и выберите пункт Шаблон:

Привлекательный виджет Ярлыки для блога Blogger


3. Затем нажмите кнопку Изменить HTML.

Привлекательный виджет Ярлыки для блога Blogger


4. Найдите следующий фрагмент кода (нажмите CTRL+F и вставьте в строку поиска код, чтобы найти его):

]]></b:skin>

5. Вставьте указанный ниже код перед тегом ]]></b:skin>


#Label1 a{float: left;
    font-size: 11px!important;
    line-height: 1em!important;
    display: block;
    margin-right: 7px;
    margin-bottom: 7px;
    padding: 7px;
    background: #ffd964 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0AiYE0duR3EnD6wEApgmo5k8y6s-xGcQdoT0q86y-HqfPPXDzThaGIRUHYtYYrxXaRmtlFK3qzEbVeL0reTMDyLpMcFRWslu4SgHOxBpFgrOgzcNuavvlKb1C6iFXNcV6XAzzDqD3xmI/s1600/yellow-btrix.png);
    border: 1px solid #F9B653;
    color: #9C6533!important;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#Label1 a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja8PidbDGcMkohWCR6FWOyZlkktei9Ad7uqGw42VgoQESEPDilFTgonsIVG8HSMuaWVZP0JI2OBCyYH0OMR8HU1PFBNq_BQshbxuJOdqinm0nNzojZyHceA53s-ZJDkW-u79Q0egh-82I/s1600/yellow-btrix-hover.png);}
#Label1 a:active { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaAROaI6zJnpKILWSZ_ZEYS3h3ww-hr6iaPWIGN-aqNAxtDaD3BIyyXK4Nj-Aq8wqXv8QIu66DGRKX-Y-1BFY_SgL6Th_YWVSSK1o2lwtnnnMsESJPYzNO4jVonT1WHMa3Who3KsQhHvc/s1600/yellow-btrix-active.png); }

6. Сохраните изменения, нажав кнопку Сохранить шаблон.

Готово!

4 комментария:

  1. В моем шаблоне нет такого скрипта что делать

    ОтветитьУдалить
  2. Этот комментарий был удален автором.

    ОтветитьУдалить
  3. дельный совет, но кнопки появляются только у 1го виджета "ярлыки", а если у меня несколько блоков ярлыков?

    ОтветитьУдалить
  4. дельный совет, но кнопки появляются только у 1го виджета "ярлыки", а если у меня несколько блоков ярлыков?

    ОтветитьУдалить