В сегодняшнем посте я объясню Вам, как добавить привлекательный желтый виджет Ярлыки для блога Blogger. Таким образом, эти ярлыки станут выглядеть аккуратными и красивыми.
Итак, начнем!
1. Войдите в Blogger.
2. В панели инструментов своего блога Blogger нажмите на выпадающее меню Дополнительно и выберите пункт Шаблон:
3. Затем нажмите кнопку Изменить HTML.
4. Найдите следующий фрагмент кода (нажмите CTRL+F и вставьте в строку поиска код, чтобы найти его):
]]></b:skin>
5. Вставьте указанный ниже код перед тегом ]]></b:skin>
6. Сохраните изменения, нажав кнопку Сохранить шаблон.
Готово!
Итак, начнем!
Как добавить привлекательный желтый виджет Ярлыки для блога Blogger?
1. Войдите в Blogger.
2. В панели инструментов своего блога Blogger нажмите на выпадающее меню Дополнительно и выберите пункт Шаблон:
3. Затем нажмите кнопку Изменить HTML.
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. Сохраните изменения, нажав кнопку Сохранить шаблон.
Готово!
В моем шаблоне нет такого скрипта что делать
ОтветитьУдалитьЭтот комментарий был удален автором.
ОтветитьУдалитьдельный совет, но кнопки появляются только у 1го виджета "ярлыки", а если у меня несколько блоков ярлыков?
ОтветитьУдалитьдельный совет, но кнопки появляются только у 1го виджета "ярлыки", а если у меня несколько блоков ярлыков?
ОтветитьУдалить