Google+ Blogger WordPress Facebook Like Vkontakte Odnoklassniki LiveJournal vKruguDruzei Facebook Email Gmail
вторник, 1 мая 2018 г.

Разноцветные ярлыки в BLOGGER


Щёлкните правой кнопкой мыши по полю в блоге и выберите Просмотр кода страницы. 
В открывшемся окне с помощью клавиш CTRL+ F вызовите функцию поиска ( для начинающих советую почитать эту статью). И впишите в поле категории (это мой вариант). Вас перебросит к полному коду гаджета. Сразу под заголовком, за который отвечает строка
 <h2>Категории</h2>
вы увидите много строчек с классом <span class='label-size label-size-5'>, <span class='label-size label-size-4'>. Вообще, их всего на самом деле от одного до пяти. Вот именно их мы и разукрасим.
Просто присвоим каждому классу определённый цвет. Опять же оговорюсь, что это касаемо только ОБЛАКА.  
Разноцветный фон облака ярлыков. Примерно так это будет смотреться.
Код
.label-size-5  {background: #6495ED;}
.label-size-4  {background: #2E8B57;}
.label-size-3  {background: #FFD700;}
.label-size-2  {background:#FF4500;}
.label-size-1  {background:#B03060;}
Разноцветный шрифт облака ярлыков.
Код
.label-size-5 a {color: #FFF9A3;}
.label-size-4 a {color: #AAFF3E;}
.label-size-3 a {color: #78D600;}
.label-size-2 a {color:#B8FFA3;}
.label-size-1 a {color:#E6FFA3;}

В зависимости от того, что вам нужно, копируйте один из кодов. Идём во вкладку Тема, находим знакомую всем строку ]]></b:skin> , опять же с помощью горячих клавиш. Над ней нужный код вставляем.

Аккуратнее смотрится первый вариант с фоном, без отображения количества постов данного ярлыка.

http://www.shpargalochki.ru/2018/03/kak-oformit-gadzhet-yarlyki-blogger.html?showComment=1525154705777#c2686390149682452888



0 коммент.:

Отправить комментарий