Палитра цветов html

HTML генератор палитры цветов html

Генератор цветов является очень важным инструментом для вебмастеров и блогеров. С его помощью вы сможете подбирать нужные цвета для каждого элемента сайта или блога. Благодаря успешно подобранной комбинации цветов ваш ресурс может стать более миловидным и приятным для глаз, что в свою очередь сделает его более посещаемым, главное не перестараться. В этой публикации будет расположено два простых генератора цветов. В одном из них вы так же сможете распознавать цвета прописав в строке нужный код. Ну, а другой обладает большим количеством цветовых гамм. В общем они дополняют друг друга.

Палитра цветов html

  • #5C97BF
  • #4B77BE
  • #1F3A93
  • #2574A9
  • #67809F
  • #34495E
  • #3A539B
  • #1E8BC3
  • #6BB9F0
  • #22313F
  • #336E7B
  • #19B5FE
  • #89C4F4
  • #2C3E50
  • #3498DB
  • #22A7F0
  • #94E0EE
  • #52B3D9
  • #59ABE3
  • #26A65B
  • #1E824C
  • #00B16A
  • #2ABB9B
  • #4DAF7C
  • #03A678
  • #26C281
  • #019875
  • #3FC380
  • #16A085
  • #2ECC71
  • #C5EFF7
  • #C8F7C5
  • #049372
  • #36D7B7
  • #66CC99
  • #1BA39C
  • #1BBC9B
  • #65C6BB
  • #BFBFBF
  • #ABB7B7
  • #DADFE1
  • #95A5A6
  • #C5DCE2
  • #BDC3C7
  • #EEEEEE
  • #D2D7D3
  • #F0E2C5
  • #EB9532
  • #E67E22
  • #F27935
  • #F9BF3B
  • #F7CA18
  • #F9690E
  • #F39C12
  • #D35400
  • #F4D03F
  • #F5AB35
  • #EB974E
  • #F2784B
  • #F4B350
  • #E87E04
  • #E74C3C
  • #CF000F
  • #C0392B
  • #D64541
  • #EF4836
  • #96281B
  • #D91E18
  • #E26A6A
  • #FF0000
  • #F22613
  • #E08283
  • #9B59B6
  • #8E44AD
  • #BE90D4
  • #BF55EC
  • #9A12B3
  • #913D88
  • #722D6A
  • #740A4E

Виджет последние комментарии Disqus

Установить на сайт или блог виджет последние комментарии Disqus

Подходит для любой платформы, будь то WordPress, Joomla, Blogger и т.д..

Тема Disqus пошла, как по маслу. Ну все таки самая популярная форма комментариев. И с тех пор, как она начала сбрасывать с пьедестала остальные формы комментариев, ее стали всячески приспосабливать для разных платформ. В нашем случае это платформа blogger. Изначально для формы комментариев blogger состряпали виджет последних комментариев. Это существенно упростило работу блогеров, потому как, чтобы посмотреть нету ли на блоге новых комментариев уже не нужно было открывать админ панель. Но, если у вас в настройках выбрана функция премодерации комментариев, в таком случае этот виджет вам не нужен. Разве что вы ставите его для своих читателей. В общем найти такой виджет для blogger проблем не составит, а вот для disqus уже совсем другое дело. Пересмотрел и протестировал я много разных виджетов и вот наконец выбрал один из лучших вариантов. Единственный минус (это относиться ко всем подобным виджетам disqus) когда посетитель вашего сайта оставляет комментарий, в этом виджете он появляется минут так примерно через пять. Судя по всему из-за длительной обработки на сервере. Ну в общем минус не сильно значительный, можно переварить.

Итак для установки на сайт или блог виджета последние комментарии disqus, нужно в разделе Дизайн - Добавить гаджет - HTML\Javascript - в нем вставляем код:


Меняете unique-disqus на название вашей формы комментариев, которое вы задавали при ее создании. Сохраняете гаджет.

Так же смотрите аналогичный виджет для комментариев Blogger

HTML5 Аудио плеер для сайта на WordPress, Blogger

HTML audio player для сайта WordPress, Blogger

Установить на сайт или блог стильный аудио плеер (blogger - blogspot)

Честно говоря не знаю окажется этот виджет кому-то полезным или нет, но все же он имеет право на существование. Помню когда я только начинал работать с blogger мне был нужен подобный плеер, правда я так и не нашел его, но выкрутился другим путем. Теперь же у новичков больше возможностей. Что могу сказать по нашему аудиоплееру, в общем он довольно симпатичный, функциональность процентов на девяносто. Не совсем удобно закидывать в него свои любимые хиты, но возможно со временем это измениться. Работает он только на платформе blogger (blogspot).


Итак, сперва обсудим, как его добавить на свой сайт или блог, а затем, как перебрасывать в него аудиозаписи. Для добавления аудиоплеера можно создать либо новый гаджет (HTML\Javascript) или же новую страницу (сообщение) и переключится на вкладку HTML. После вставляете туда код:






00:00 / 00:00

Сохраняете гаджет или страницу и проверяете как работает плеер. На данный момент в нем находиться четыре композиции.
A class=''play'' - это начало кода каждого трека
Data-album - к какому стилю относиться песня поп, кантри, блюз, рэп и т.д.
Data-albumart - служит для добавления постера исполнителя.
Data-artist - название группы или исполнителя.
Data-title - название песни
Data-url - ссылка с помощью которой проигрывается композиция.

Первый шаг прошли теперь давайте разберем, как добавлять в аудиоплеер новые треки.

Для этого переходим по ссылке: sites.google.com здесь мы создаем сайт, заполняем строку: Укажите название сайта, проходим проверку капчи и жмем красную кнопку Создать. В появившемся окне вверху, с правой стороны кликаем по значку Создать страницу. После создания откроется новая страница, где нужно кликнуть по Добавить файлы и загружаем со своего компьютера нужный трек. После загрузки увидим свой трек, а напротив него с правой стороны значок в виде стрелки при клике по которой можно скачать трек, нам же нужно кликнуть по нему правой кнопкой мыши скопировать ссылку, она будет иметь примерно такой вид:
/sites.google.com/site/skiseukdav4345/vayva/76b9ef6349fd.mp3?attredirects=0&d=1
в ней удаляем:
?attredirects=0&d=1
затем вставляем ссылку:
/sites.google.com/site/skiseukdav4345/vayva/76b9ef6349fd.mp3
в значение Data-url сохраняемся и наслаждаемся любимыми композициями. 

Переходим к просмотру видео:

Google Search Console, как проверить сайт на дубли страниц


Старая версия Гугл Консоля уже почти ушла к праотцам. Честно говоря она мне нравилась больше, нежели новая, хотя быть может я еще не привык. В общем вся соль в том, что в новой версии изменился практически весь интерфейс. Разделы и подразделы имеют новые названия и соединены по новому, что собственно и затрудняет процесс знакомства. Я не стану здесь описывать новые разделы, поскольку данная статья относилась исключительно к дублям страниц так что эту же тему мы и продолжим изучать вот только уже в новом консоле.

Чтобы проверить сайт на дубли откройте новый Google Search Console и перейдите в раздел Покрытие и в таблице кликните на кнопку  Исключено.
Google Search console покрытие

Дальше скролим страницу вниз, в списке ищем ссылки с подобными названиями:

  • Страница является копией. Отправленный URL не выбран в качестве канонического.
  • Страница является копией. Канонические версии страницы, выбранные Google и пользователем, не совпадают.


Google search console страница копия
Как видите новая система может создать сразу два раздела с копиями страниц. И в обоих случаях присутствует слово канонический. 

Вкратце о том, что такое канонический адрес. Google придумал атрибут canonical, который помогает поисковому боту определить какой адрес индексировать, если одна и та же страница открывается по двум или более ссылкам. 

Например моя главная страница /shablonu-dlya-blogger.ru/ так же может быть доступна под следующим адресом /shablonu-dlya-blogger.ru/?m=1 такая ссылка задается для мобильных устройств. 

При этом может возникнуть дубль страницы, но атрибут canonical указывает боту, что исходной страницей является именно /shablonu-dlya-blogger.ru/ и страницу с адресом для мобильных не нужно индексировать и считать дублем.

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

Нет, ну если у двух страниц одинаковый заголовок, тогда да это понять не сложно, но если у двух страниц одинаковое описание (мета тег Description), что делать в данном случае пока что не ясно.
копии страниц с одинаковыми заголовками
На данном скриншоте видно, что есть дубли ссылки которых имеют окончание m=0 (помните выше был параметр m=1, так вот m=0 используется когда сайт посещают с компьютера, но обычно в самой ссылке этого параметра не видно) это говорит о том, что мета тег canonical либо отсутствует, либо не срабатывает. 

Такое бывает в некоторых шаблонах (темах сайта) этот баг нужно исправлять в HTML редакторе. Еще на картинке выше вы можете заметить одну нормальную ссылку без каких либо окончаний.

Это обозначает, что у двух страниц идентичный заголовок или мета описание. Исправить ситуацию можно, если одной из этих страниц задать другой заголовок или описание.

Видео инструкция:

В общем хотел написать новый материал, а получилось, что тупо продублировал старый. 😁
Надеюсь, что принесет вам пользу.

Видео по теме:


Проиндексировано несмотря на блокировку

Вариант страницы с тегом canonical

Индексирование запрещено тегом noindex