Здравствуйте друзья, читатели и гости. Сегодня предлагаю Вам фишку для блогов blogspot, скрыть определенные виджеты со статических или страниц сообщений. Мы не будем залезать в шаблон, проделать этот трюк сможет любой начинающий блоггер. Чтобы Вам было понятно о чем собственно информация, посетите тестовый блог.
Обратите внимание, сколько на главной в сайдбаре гаджетов, и для сравнения перейдите в меню по любой вкладке. Количество гаджетов на главной странице блога заметно отличается от любой другой страницы.
А все потому, что я скрыла с главной 9 гаджетов. При условии, в настройках показывать одно сообщение на главной, если больше, то гаджеты будут скрыты все. На статических страницах можно смело использовать такую фишку с CSS.
Отлично подходит вариант, когда опубликовано мало информации. Сообщение короткое, а гаджетов много, любой вебмастер согласиться, что вид оставляет желать лучшего. И второе: бывают ситуации, когда вебмастеру необходимо не показывать какой-то гаджет на странице.
Отлично подходит вариант, когда опубликовано мало информации. Сообщение короткое, а гаджетов много, любой вебмастер согласиться, что вид оставляет желать лучшего. И второе: бывают ситуации, когда вебмастеру необходимо не показывать какой-то гаджет на странице.
Используя CSS, мы сможем оставить на странице только самые нужные виджеты. Делается это очень просто. В редакторе сообщений blogger написали пост, перейдите слева по вкладке HTML и внизу страницы вставьте код CSS.
В редакторе blogger в режиме HTML вставить код CSS |
Код CSS
<style>
#HTML12,
#HTML20,
#HTML1 {
display: none;}
</style>
HTML12: ID гаджета. Посмотреть нужно дизайн изменить гаджет, в адресной строке.
Смотрим ID любого гаджета в blogger |
Чтобы скрыть гаджеты с главной страницы, идем в шаблон изменить шаблон. Делайте резервную копию шаблона. Ищем по ID нужный гаджет и вставляем код, нажмите на рисунок:
Надеюсь, что информация будет для Вас полезной. Почитайте Как убрать sidebar в не стандартном шаблоне блога Blogspot; Спасибо, что поделились с друзьями в социальных сетях. Всего доброго.
<b:if cond='data:blog.pageType == "item"'>здесь код виджета</b:if>
Еще похожие по теме статьи:
- Зафиксировать последний гаджет в сайдбаре блога blogspot;
- Скрыть navbar atom attribution с помощью CSS Сохранить гаджет без названия заголовка;
- Добавить гаджеты в макете блога blogspot на сторонних шаблонах;
- Гаджет формы подписки на обновления RSS ленты;
- Параметры CSS каскадной таблицы стилей;
- Как скопировать не копируемый код;
- Кнопки соц сетей в шапке блога blogger;
Рекомендуемый контент:
Ольга, простите, но это опять я. Я не понимаю. (((
ОтветитьУдалить"В редакторе сообщений blogger написали пост, перейдите слева по вкладке HTML и внизу страницы вставьте код CSS"
Какой пост? Ведь на главной странице несколько постов и публикуются они автоматически.
Галина, чтобы скрыть с главной гаджеты, нужно в шаблон вставить код. Дописала статью, читайте. Тестировала, подходит для любых шаблонов.
ОтветитьУдалитьС использованием CSS (тема этой статьи) скрыть по "адресу" страницы сообщения или статической страницы. Обращайтесь, если что-то непонятно.
Спасибо, теперь всё понятно, попробую. А нет ли у Вас статьи, как вставить картинку или логотип в шапку резинового блога по центру? :)
УдалитьУ меня стоит шаблон "Простая" - первая, жёлтенькая.
Галина, ответ отправила по почте. Если не получите, свяжитесь со мной через контактную форму. Я не могу в комментариях вставить код, не принимает.
ОтветитьУдалитьПока ничего не получила. Пойду искать контактную форму.
УдалитьГалина, форма в меню, вкладка "Контакты"
ОтветитьУдалитьОльга, привет. У меня уже пол года болтается черновик на эту тему - убрать сайдбар. Вчера подкорректировала и решила добавить твой способ в текст. Обязательно дам ссылку на этот пост. хорошее решение. Не возражаешь.
ОтветитьУдалитьЗдравствуй Вика. Конечно не возражаю, давай ссылку. У меня еще есть два поста по этой теме:
Удалитьhttp://goo.gl/MoKqkq
http://goo.gl/7BL0wg
Что-то ссылки у меня не работают. Ладно. Уже пост готов завтра к публикации.
УдалитьВика, у меня открываются ссылки. Вот адрес поста, в нем есть ссылка "как увеличить ширину отдельной страницы":
Удалитьhttp://www.bdblogov.ru/2015/09/registration-page-no-header-sidebars-and-header-in-blogger.html
Оля, У меня ни как не открываются. По полному спокойно перешла. А про ширину я знаю, спасибо.
УдалитьГениальное решение! Спасибо за информацию!
ОтветитьУдалитьСпасибо Максим, за отзыв.
УдалитьОля, только вот если в сообщение вставляешь, то на странице с сообщениями гаджеты тоже пропадают, а не только с открытием этого сообщения. И под кат убирал, без толку.
ОтветитьУдалитьМаксим, не замечала. А код рекламы вставляли вручную на страницу?
УдалитьКоды рекламных блоков лучше вставьте в шаблон над/под data.post.body, вторая строка в шаблоне. Подробнее в статье:
goo.gl/Quhqtr
Информация о рекламе adsense, но применима ко всем кодам рекламных блоков.
Пробовал в шаблон вставлять, чтобы над комментариями был - не получилось. Видимо когда автоматически сделал под сообщениями, какой-то конфликт был. Код конечно преобразовывал. С рекламой у меня пока норм, буду эксперементировать ;)
Удалить