Как сделать теги в блоггере
Использование условных тегов в Blogger
Условные теги позволяют отображать элементы только на определённых веб-страницах, не задействовав весь блог в целом. И в отличии от свойства display: none;, не просто их скрывают, а удаляют из исходного кода.
Для того, чтобы понять что такое условные теги, я приведу простой пример Что можно интерпретировать как: «Если ( b:if cond) погода дождливая, то я остаюсь дома, иначе ( b:else) иду гулять».
Может быть только один результат: «Если погода дождливая, то я остаюсь дома».
Наиболее полезные условия Blogger
Другие более сложные выражения приведены на этой странице. Если вы справитесь и с ними, то можно смело изучать JavaScript 🙂
Разный фон на разных страницах
Рассмотрим как сделать фон статистических страниц отличный от основного.
Как убрать с Главной конкретную страницу в Blogspot
Каждое сообщение имеет свой id. Его можно узнать на странице публикации поста в строке браузера
68 комментариев:
PANIC Спасибо.
а что означает следующее:
я поняла, что полностью сей элемент удалятся в таком месте
просто удалением background.
оказывается это называется настройки для background
но все равно спасибо за статью и скорость реагирования на вопрос) vikki1000 а можно такой тип групп выделить
1) только для страниц, которые выводятся по ярлыкам
2)для всех страниц, кроме главной и статичных NMitra Первый вариант не получится.
background: green url(. ) fixed; temasey нет-нет. как чтобы не прокручивалась картинка, а чтобы была единственная ну, а дальше можно просто черный фон NMitra Там же «no-repeat». Анонимный у меня купили рекламу, но гаджет adsense в правой и верхней колонке все портит. можно ли его убрать только с одной страницы где написано это сообщение.
Но я все равно не понимаю как это сделать. NMitra Ваш URL блога RWJ Извините, но я боюсь за свою конфиденциальность. 🙁
Шаблон simple.
условно url: prdeved.blogspot.com
похожая строка:
http://s017.radikal.ru/i443/1305/3a/641d9f7d8646.jpg NMitra Как я по вашему должна вам помогать? Ищите что-то похожее
и окружайте его кодом
.
Анонимный если бзе url не сможете помочь, тогда извините за беспокойство. Азазаз верхний кусок кода нужно окружать этим?
Азазаз Азазаз спасибо разобрался.
со скриншотом проще
http://4.bp.blogspot.com/-E2YlixWv5V0/Ts38O5I1vGI/AAAAAAAAHOo/2xciE3KWQ4M/s1600/template-editor-blogger2.jpe NMitra Вот и хорошо 🙂
вывод 1-ого значения
вывод 2-ого значения
Отдельно вывожу dir=’ltr’>().
Теория http://shpargalkablog.ru/2013/02/opacity-css.html Red Baron Огромное спасибо! walter white У меня такая дилемма, сделал ярлыки для каждой новости, но в настройках установил чтобы на главной странице показывалось 0 сообщений. То есть каждый ярлык сделал как ссылкой на новости. Теперь на главной странице пустота. Как мне поместить туда лишь один ярлык или одну новость которую я захочу? NMitra http://shpargalkablog.ru/2011/03/yarlyki-blogger.html только с условием
В настройках установить 1 сообщение, с Главной убрать ссылку на «Предыдущие записи». NMitra Или посмотрите http://shpargalkablog.ru/2010/07/vsegda-sverhu.html Oxana Zolotnitsyna Может не в ту тему пишу. Сориентируйте плиз. Можно ли изменить код шаблона таким образом, чтобы при нажатии на стрелку предыдущей страницы превьюшки статей отображались также как на главной (с фото и кратким текстом)? Или это шаблон такой и его уже никак не поменять? http://www.easy-going.ru Alexander Bogomolov Здравствуйте, как сделать так, чтобы показывалось Только на главной и в сообщениях? Заранее благодарен. NMitra Здравствуйте, Blogger не даёт такого тега, только URL. Скриптом из RSS летны предполагаю можно выцепить недостающую информацию. NMitra Эм, предыдущий комментарий для Oxana Zolotnitsyna
или перечислить список, на которых не должно показываться Kliwi Ru Как постоить условие, действующее на несколько конкретных страниц? Мне нужно применить одинаковые стили к ним.
Так не работает:
b:if cond=’data:blog.url == «http://адрес_1/»‘
b:if cond=’data:blog.url == «http://адрес_2/»
стили
/b:if
/b:if
Приходится для каждой отдельно прописывать.
NMitra Kliwi Ru Спасибо! guest Подскажите, пожалуйста, что и как нужно сделать, чтобы на следующих страницах блога:
— labels;
— archive;
— Newer Posts /Older Posts (search?updated-max=),
выводилось определённое заданное пользователем количество сообщений, например одно, или два?
Это тот же самый CSS ( http://shpargalkablog.ru/2012/10/kommentarii-html-css-javascript-php.html ):
Назовите блог СПАМ блог, это будет соответствовать истине. NMitra Я не понимаю вас. Другие читатели показывают скрины, вот что я хочу сделать, вот что получилось, когда сделал то, что вы посоветовали. Дают адрес блога, а не («профиль недоступен»), сообщают стандартный это шаблон или нет и т.д. То есть активно участвуют в дискуссии. Извините, каков вопрос, таков ответ.
По Blogger я могу сделать многое, но это многое требует времени. Я знаю как тех, кто продолжает вести блог, как и тех, кто бросает его спустя короткое время. Я не готова тратить время на последних. А первые, как правило, начинают со статей. И когда ко мне обращаются уже имеют некоторое число посетителей.
Тут вопрос в том, что либо услуга оплачивается и тогда мне всё равно что будет дальше. Либо у человека большое желание и старание, и тогда при наличии свободного времени я рада помочь безвозмездно. Либо человек сам старается искать информацию, а я лишь направляю в нужную сторону (вот у таких всё получается!).
Облако тегов: определение, назначение, создание (часть2)
Во второй части темы недели об облаке тегов рассмотрим установку данного элемента в вашем блоге. Точнее приведение элемента к классическом виду облака тегов вместо обычного списка, как это делает Blogger по умолчанию.
Внимание! Перед внесением любых изменений настоятельно рекомендуется сделать копию вашего шаблона блога и сохранить в файле на локальном компьютере.
После этого можно со спокойной совестью приступить к модифицированию базового кода. Для начала заходим в блог раздел «Шаблон», выбираем меню «Элементы страницы». И создаем новый элемент типа «Ярлыки». Хотя, в принципе, это можно сделать и после модификации облака тегов.
Далее заходим пункт меню « Изменить HTML ». Метку в верхнем правом углу «расширить шаблоны виджета» отставляем неизменной – это несколько упростит работу:) Итак, теперь приступим непосредственно к правке кода, которая состоит из трех частей.
Все строки могут быть изменены, но объясним их значение позже. Пока для нас важно чтобы заработали эти настройки по умолчанию.
3. Теперь займемся модификаций виджета «Ярлыки». Находим в шаблоне место (или подобное ему — ищите по значениям id, type)
Копируем следующий код от начала до конца и заменяем им данную строку.
Кстати, автор называет возможные ошибки при создании облака. Во-первых, убедитесь, что хотя бы один из тегов имеет повторение, то есть использован более одного раза. Кроме того, нельзя использовать в тегах символ двойных кавычек «. При этом разрешатся писать одинарную кавычку ‘ или апостроф.
Вполне вероятно, что вид облака тегов по умолчанию будет не таким, как вы точно хотели. Но не расстраивайтесь! Все размеры и цвета могут быть настроены путем изменения нужных переменных. Рассмотрим значение переменных, которые мы добавили в шаблон на втором этапе настройки.
Позволяет ограничить число тегов в облаке – параметр указывает количество повторений, требуемых для включения тега в облако. То есть, если вы установите, например, 3 – то в облаке тегов будут отображены только ярлыки с тремя и более повторений. Настройка, приведенная выше, позволяет отобразить все теги.
Чтобы получить нужный вам вариант оформления облака тегов нужно немного поэкспериментировать с цветом и размерами. Кроме того, для облака необходимо достаточно количество ярлыков, 3-4 будет маловато.
Внимание, когда вы изменяете настройку цвета, придерживайтесь нужного формата, приведенного в примере – использование закрывающих кавычек [] и разделения значений запятыми. Если вы не в курсе RGB кодов для цветов, можете воспользоваться следующей таблицей (нужные значения в первой колонке).
Последняя переменная lcShowCount может принимать значения «истинно» (true) и «ложно» (false). Отвечает за отображение количества повторений того или иного тега в блоге. По умолчанию эта настройка выключена.
Что касается секции стилей ( CSS ), то там также есть несколько мест, которые можно изменить под себя.
Здесь вы можете изменить шрифт, используемый в облаке, или же выравнивание:
text-align:justify;
text-align:right;
text-align:left;
Если вы хотите, чтобы теги выстраивались в столбик, то в строке:
И на последок строка:
Она задает стиль для метки количества вхождений. Конечно, если данная особенность облака активирована.
Если и этого вам мало, можно сделать для блога еще одну фишку. Вы, наверное, заметили, что Blogger использует вместо понятия тегов «ярлыки». И соответственно под каждым сообщением идет перечень установленных вами тегов, перед которыми используется слово «Ярлыки». Можно это изменить!
Заходим в раздел «Шаблон», меню «Изменить HTML», далее активируем галочку в верхнем правом углу «расширить шаблоны виджета». После этого находим в коде блок:
В нем вместо строки пишем любой другой нужный вам текст, например – «теги». Решение подсмотрел здесь.
Как оптимизировать заголовки в Blogger 2021
По факту каждый раздел странички должен быть отмечен тегами от H1 до H6 это нужно для того, чтобы поисковые системы понимали, какие из них более важные. Однако с появлением HTML 5 каждому разделу сайта должен быть присвоен заголовок с тегом H1, правда по моему опыту это все относительно. В публикациях с помощью тегов H выстраивается логичная структура, которая упрощает читателям процесс ознакомления с материалом, а поисковые системы будут ранжировать статью выше, если в подзаголовках будут прописаны ключевые слова.
Сегодня я покажу вам, как оптимизировать заголовки в блоге на Blogger, а именно в сообщениях, страницах, гаджетах и ярлыках.
1. Blogger Оптимизация заголовков в сообщениях и страницах
Во всех блогах, которые показывают, как это сделать я видел один и тот же вариант. Этот вариант правильный, но можно сделать и проще.
1.1 Оптимизация в новых темах
Он может встречаться несколько раз, каждый раз меняйте его следующим HTML кодом:
Если у вас Тема Emporio тогда ищем код:
Может встречаться три раза, нам нужен третий по счету. Меняем его на вот этот код:
1.2 Оптимизация в старых темах
На очереди старые темы Blogger. Тут все просто, вам нужно проделать все в точности, как и в случае с новыми темами Contempo, Soho, Notable поскольку разметка с заголовками у этих тем и старых одинаковая. Когда будете искать строку post-title entry-title то код будет встречаться больше одного раза, вам нужен второй по счету, детальней смотрите на видео в конце публикации.
Поздравляю, только что вы оптимизировали заголовки в сообщениях и страницах своего блога.
2. Оптимизация заголовка в гаджетах
Один из таких сигналов находится в виджетах блога, а именно в его заголовках. Эти заголовки так же несут определенную пользу при индексировании и ранжировании ресурса поисковыми системами. Эта польза достигается тогда, когда заголовкам присваиваются названия согласно тематики сайта. Но это уже, как получится потому, как обычно администратор добавляет немало виджетов, например:
Например есть сайт о шаблонах для blogger. Я создал виджет, который показывает разные тип шаблонов и соответственно подписал его заголовок, как «Типы шаблонов». Так же виджет «Популярные шаблоны». Плохо будет, если писать оглавления в такой манере: «Типы», «Популярное». Приведу небольшой пример пользы такого заголовка. Допустим человек ищет «Популярные шаблоны blogger». Но на вашем сайте нет такой статьи и соответственно поисковик выдаст результат поиска без вашего сайта или же с понизит его место в выдаче. И вот тут заголовок «Популярные шаблоны» с тегом H2 может быть полезным. Поисковик просто выберет наиболее релевантную страницу вашего сайта и в сниппете к ней приложит заголовок этого виджета. Тогда у сайта больше шансов оказаться в топе при таком запросе.
Понятно, что проще составить заголовок виджета с ключевыми словами для узко тематического сайта. И наоборот, чем больше тематик используется на сайте, тем сложнее подобрать название оглавления с ключевиками. И все же сайт с одной темой не исключает добавления таких виджетов, как: Мы в социальных сетях, Подписаться на рассылку, и других важных инструментов.
2.1 Как в заголовке виджета изменить тег H2
В темах Contempo, Notable, Emporio и Soho заголовки гаджетов настроены по умолчанию, так что владельцы блогов с этими темами могут пропустить этот раздел.
Для каждого виджета нужно проделать такую операцию отдельно. К тому же внешний вид заголовка после замены тега изменится.
Вот и все операция завершена.
Такую замену можете сделать выборочно, только для тех виджетов, заголовки которых не несут никакой важности для поисковиков.
Blogspot, как убрать название гаджета
Видим участок выделенный оранжевым цветом удаляете его и сохраняете шаблон.
3. Оптимизация заголовка в ярлыках:
Если присмотреться к тому, как браузер отображает заголовки в ярлыках, то можно заметить, что в старых темах сперва идет заголовок главной страницы и только потом оглавление самого ярлыка. В новых темах оглавления ярлыка и вовсе нету. Чтобы исправить это используйте следующий код:
Всё гениальное просто
Полезные решения и бесплатные инструменты для создания, продвижения и монетизации блогов
Как настроить теги robots для заголовков Blogger
Пришло время обратить внимание на персонализированные теги robots для заголовков сообщений, настройка которых стала доступна для блог-платформы Blogger совсем недавно. Все действия и настройки, которые мы с вами разбирали в последних статьях, осуществляются исключительно в новом интерфейсе, автоматический переход к которому запланирован на последние числа апреля.
Так что, вполне логично будет начать освоение новой внутренней навигации уже сейчас. Продолжим знакомство с настройками поиска Blogger, которые (вместе с высоким качеством контента) призваны сыграть решающую роль в завоевании блогом ведущих позиций в поисковой выдаче.
Настроить теги robots для заголовков
2. В открывшемся окне устанавливаем настройки тегов так, как показано на образце и нажимаем «Сохранить изменения»
Таким образом мы определяем для поисковых роботов следующие правила поведения:
б) Не индексировать и не архивировать страницы поиска и архивов
Следуя нашим указаниям, роботы будут полнее индексировать полезное содержание блога, обходя стороной «поисковый мусор».
Это откроет для нас окно встроенного редактора Blogger. В «Настройках сообщения» (правая колонка) выбираем «Персонализированные теги robots».
Убираем флажок default (по умолчанию) и выставляем нужные нам настройки. Например:
Надеюсь, что новые настройки и мои рекомендации будут способствовать победному шествию вашего блога через тернии непроходимых джунглей поисковых алгоритмов!
Ключевые слова в URL Blogger-SEO URL
Приветствую Вас, дорогие мои читатели! Тема: Создаем правильный SEO URL в Blogger или ключевые слова в URL страницы блога. Что делать, если заголовок статьи получается очень длинным? Если у вас название поста более 39 символов, а как известно наш любимый Blogger позволяет добавлять лишь до 38-40 символов в URL (адрес страницы). Чуть более символов и Blogger остальное беспощадно обрубит. В итоге в браузере мы увидим половину заголовка нашего сообщения. Есть отличный выход из этого положения.
Ранее назывался Universal Resource Locator — универсальный указатель ресурса. URL служит стандартизированным способом записи адреса ресурса в сети Интернет.
Короткий URL с ключевыми словами в Blogger
Ключевые слова в URL страницы для Яндекса и Google.
Очень легко или как говориться,что нам стоит дом построить. Сначала напишите на транслите (как это сделать,читайте здесь) короткий заголовок, используя только ключевые слова. Не забудьте не больше 39 символов. Например заголовок статьи такой:
Kakoj-vybrat’-schetchik-dlja-Blogger-Jandeks-Metrika-ili-LiveInternet — теперь нам нужно выбрать ключевые слова заголовка. Получится приблизительно так:
Какой выбрать счетчик для Blogger? Яндекс.Метрика или LiveInternet
Что теперь мы имеем в итоге. Короткий URL с ключевыми словами для Blogger и нужное длинное название статьи. Вот как то так.
Для SEO лучше, чтобы ссылка была покороче. Важно : Не употребляйте слишком много повторяющихся ключевых слов в URL.
Как создать пользовательскую постоянную ссылку в Blogger
При создание нового сообщения. Справа страницы «Настройки сообщения», нажмите на пункте «Постоянная ссылка».
В раскрывшейся настройке, выберите пункт «Пользовательская постоянная ссылка». В поле, впишите нужную вам seo ссылку с ключевыми словами, используя латиницу и обязательно разделяйте слова дефисом. Пишите без ошибок, есть предварительный просмотр, как будет выглядеть постоянная ссылка (подчеркнуто зелёным). Нажмите кнопку «Готово».
В дополнение, что бы не писать отдельный крошечный пост.
Как в Blogger сделать правильные SEO заголовки
Правильно должно быть так: сначала идёт «название статьи» потом «название блога», а не наоборот. Вот мы сейчас всё исправим,ведь во всех шаблонах blogger изначально неправильно проставлены заголовки. Ищем в шаблоне такую строчку:
и заменяем её на другой код:
Вот вроде и всё. Удачи всем. До новых встреч.