Поиск по ярлыкам

Сообщения

Показаны сообщения с ярлыком "Blogger"

Виджеты в футере для новых тем в блоге на Blogger

В простых темах в Blogger есть возможность добавить виджеты в футер. В новых темах место для виджетов под записями почему-то не предсмотрено. Что вообще размещают в подвале сайта? Контакты, адрес, обратную связь, кнопку подписаться, ссылки на самые важные страницы и записи, логотип с ссылкой на главную страницу, ссылки на RSS и соцсети. Такую мелкую неприятность, как отсутствие места для виджетов в футере можно устранить своими руками, добавив в HTML-код темы небольшой фрагмент. Чтобы добавить виджеты в подвал блога на Блогспот, нужно открыть HTML код темы, для чего перейти в Тема » Изменить HTML и найти следующий фрагмент кода: <b:section class='footer' id='footer' name='Footer' showaddelement='false' tag='footer'> Перед этим фрагментом добавляем следующий код:  <div class='bottom'> <div class='bottom-widget'> <b:section class='footer1' ...

Далее...

Как добавить фрагмент текста в тему Soho в Blogger

Шаблон Soho в Blogger немного похож на тему Emporio. На главную страницу так же выводятся анонсы изображений и заголовки с датами записей. Похожи темы, но не очень, и не только внешне. Хотя шаблоны Soho, Emporio, Notable и Contempo созданы на одном движке, разнятся в них не только таблицы стилей, но и куски кодов. Так, код, с помощью которого можно добавить фрагмент текста в тему Emporio , не подходит для шаблона Soho. Сохо, Лондон Чтобы добавить фрагмент текста в тему Soho, нужно открыть HTML код темы, для чего перейти в Тема » Изменить HTML и найти следующий фрагмент кода. Таких фрагментов в коде должно быть два. Нас интересует второй по счету. <b:else/> <b:include name='headerByline'/> </b:if> <b:include data='post' name='postTitle'/> </b:if> <b:include data='post' name='postFooter'/> Теперь нужно добавить вместо найденного фрагмента следующий код. Выделенное к...

Далее...

Адаптивное горизонтальное меню для Blogger

Горизонтальное меню представляет собой список основных страниц и разделов блога, причем в интернете можно найти множество готовых решений. Большинство из них подходят к блогу на Блогспот, требуя лишь небольшой корректировки. Главное, найти наиболее удачное место для размещения меню. В разделе «Дизайн» Blogger можно найти только одно место для размещения горизонтального меню - под названием и описанием сайта. В предыдущей записи я рассказала, как добавить свой виджет верхнего меню в блог на Blogger . Кому-то кажется, что меню в верхней части сайта выглядит нагляднее, а кто-то предпочитает меню под заголовком и описанием. Возможно, вы захотите установить два меню - так тоже делается. Горизонтальное меню должно иметь адаптивный дизайн, то есть представление меню меняется в зависимости от разрешения экрана. Это весьма повышает привлекательность блога. Данное меню не только прекрасно выглядит при просмотре как с компьютера, так и с мобильного телефона, но и удобно в пользовании. ...

Далее...

Как добавить свой виджет верхнего меню в блог на Blogger

Есть у меня в Блоггере другой блог, в который я решила добавить верхнее горизонтальное меню навигации. Можно было бы воспользоваться существующим местом для виджета горизонтального меню, но я бы не хотела его фиксировать: в новых темах на Блогспот имеется стикер с названием блога, который немного конфликтует с фиксированным меню. Меню должно прокручиваться вместе со страницей, однако с помощью стандартного места для виджета горизонтальное меню без фиксации можно установить только после названия блога и описания. Что делать? Добавить место для виджета горизонтального меню. Для этого необходимо зайти в HTML-код своей темы и найти строку <body> (или <body class='container'> , в зависимости от темы). Не стану объяснять, как это сделать. Если вы дошли до жизни такой, что добавляете в блог новые места для виджетов, вы должны хорошо разбираться и в настройках блога, и в HTML. Итак, после тега <body> необходимо добавить следующие строки. <!-- Верхнее ...

Далее...

Как оптимизировать заголовки сообщений в новых темах на Блогспот

Что мне не нравится в блогах на Блогспот, так это то, что ни одна тема не оптимизирована в смысле SEO. Ни одна! И в старых, и в новых темах повторяется одна и та же ошибка - заголовку сообщения и на главной, и на отдельной страницах почему-то присвоен тег H3. А это неправильно. Поисковым системам важно не то, как красиво и крупно написан заголовок, а то, какая выстраивается иерархия заголовкой в блоге. В Wordpress все в этом смысле замечательно: заголовку блога присвоен тег H1, заголовкам сообщений на главной странице - H2, на отдельной странице сообщение отмечено тегом H1. В Блоггере иерархия нарушается. Заголовку блога присвоен тег H1, заголовкам анонсов записей на главной странице - H3. А где же тег H2? В старых шаблонах тегом H2 маркируются заголовки виджетов, что тем более недопустимо. В результате этой путаницы и отсутствия логики в структуре блога поисковые системы ранжируют заголовки сообщений как третьестепенные. Вывод: необходимо самостоятельно оптимизировать заголовки с...

Далее...

Как улучшить тему Emporio блога на Blogspot

Тема Emporio, как и другие новые темы в Блоггер, имеет ряд преимуществ по сравнению с более старыми. Это и современный дизайн, и вывод фрагментов постов с миниатюрами на главной странице, и автоматическое уменьшение размера изображения в публикации по ее ширине. Однако тема имеет и недостатки, которые мне пришлось устранять в процессе настройки. Пока я вносила добавления в HTML-код темы Emporio на другом своем блоге, который использовала в качестве испытательной платформы, я обнаружила два бага - с виджетами горизонтального меню и избранного сообщения. Дополнения заключались в похожих записях с миниатюрами после публикации, нормальных социальных кнопок и добавления фрагмента текста при выводе анонсов записей на главной странице. После этих манипуляций почему-то периодически пропадала ссылка на главную страницу в горизонтальном меню, а избранное сообщение начинало показываться на странице отдельной публикации, причем как-то глючно, без фрагмента текста и миниатюры. В результате на ос...

Далее...

Блог на Блоггере создан. Что дальше?

Мой блог постепенно обживается на новом месте. Дизайн максимально подогнан под тот, что был на Wordpress. Появились новые записи. О чем прежде всего нужно подумать, когда размещаешь свой уютный бложек на Блоггере, или Блогспоте? На мой взгляд, об индексации в поисковых системах. Если Wordpress замечательно оптимизирован, Блоггер, принадлежащей компании Google, основой которой является крупнейшая поисковая система, оптимизирован не очень хорошо. А.И.Локтионов, «В новую квартиру» (1952 г.) Почему же так вышло? В то время, когда многие считают крутым «переехать» в блог на Wordpress на платном хостинге, я переношу stand-alone блог на Блоггер. В августе-сентябре этого года хостинг Мультихост, где я держала свои блоги, был подвергнут сначала взлому, затем DdoS-атаке. Противодействие злоумышленникам со стороны техподдержки было весьма топорным. Поначалу, когда я обратилась к сотрудникам хостинга с вполне понятными вопросами, они пытались перебросить мои проблемы на меня, будто взлому и DD...

Далее...

Как привязать домен второго уровня к Blogger

Широко известно, что персональный домен имеет ряд преимуществ по сравнению со стандартным доменом третьего уровня, предоставляемым блог-сервисом. Это и его некоторая независимость, и географическая привязка, и плюс с точки зрения СЕО. Гугл предоставляет возможность добавить свой домен на свой блог-сервис совершенно бесплатно. Воспользуемся же этим. Предположим, вы уже зарегистрировали домен второго уровня, и ваша задача - произвести ряд настроек, чтобы ваш любимый блог открывался по вашему доменному имени. Эта возможность имеется в разделе «Настройки» в блоке «Публикации». Кликаем по пункту «Персональный домен». Собственно, домен второго уровня на Blogger добавить нельзя. Можно либо домен третьего уровня, либо верхнего, то есть с www, например, www.aryona.ru. Если вы попытаетесь добавить домен второго, получите следующее сообщение. Чтобы этого избежать, вводим доменное имя с www, нажимаем кнопку «Сохранить» и получаем от сервиса всплывающее окно с инструкцией, какие именно рес...