Гаджет "Страницы" Blogger

В Blogger на вкладке Страницы"Страницы" есть возможность добавлять до 20 Страниц. Они служат для такого содержания, как "Контакты", "О блоге" и т.п. Отличаются от Сообщений тем, что

  1. вместо даты в адресе URL указана буква p,
    http://shpargalkablog.ru/p/blog-google.html
  2. отсутствуют в RSS (что это такое),
  3. не показываются на Главной, в гаджете "Архив блога", не объединены с другими веб-документами (посмотреть как выглядят в структуре блога).

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

Если щёлкнуть на "+ Добавить страницу со ссылкой", то можно добавить свой пункт меню, ведущий, скажем, на

  1. Страницу так, чтобы текст пункта меню отличался от названия Страницы,
  2. страницу ярлыков [здесь показано как сделать],
  3. мою электронную почту,
  4. чужой сайт.
Важно! Если добавляете адрес страницы своего блога, то используйте домен .com (см. про региональные домены в Blogger):
http://zarabotokiinternet.blogspot.ru/2011/08/stranicy-blogger.html
http://zarabotokiinternet.blogspot.com/2011/08/stranicy-blogger.html Добавить пункт меню Blogger

Как в Блоггере сделать так, чтобы ссылка в навигации не была активной, если человек находится на выбранной странице

В шаблоне нужно удалить ссылку у пункта меню с классом class='selected':



<b:widget id='PageList1' locked='false' title='Страницы' type='PageList'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

И немного поработать со стилем CSS

.tabs-inner .widget li a {
  /* содержимое */  
  color: $(tabs.text.color);
  /* содержимое */ 
}
заменив на
.tabs-inner .widget li {
  /* содержимое */ 
}

.tabs-inner .widget li a {
  color: $(tabs.text.color);
}
А
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover
заменив на
.tabs-inner .widget li.selected, .tabs-inner .widget li:hover
РЕЗУЛЬТАТ
Rookee — инструменты для привлечения клиентов на сайт
в f t
наверх ↑

88 комментариев:

Ведьма
У меня возникла такая проблема с этим гаджетом: две страницы "не видят" ссылки почему-то. (((( Последние страниц (фотокниги и странички). Подскажите, в чем может быть проблема? Мой блог: http://alina-novalina.blogspot.com/
NMitra
Не могу так сказать, нужно смотреть шаблон.
AloeNika
Скажите, а что если нужные "сложные" страницы? К примеру, как в сайте -
фирма - инфо, акции; производство - такое, сякое, и такосякое, контакты - твои, мои, ничьи. ТО есть подстраницы, как такое сделать?
NMitra
Вы хотите выпадающее меню? Я подумаю как это лучше сделать.
NMitra
Тут статья - http://shpargalkablog.ru/2011/10/gorizontalnoye-vypadayushcheye-menyu.html
PANIC
Я однажды убрала гаджет "страницы" и заменила его "списком ссылок". А теперь не получается вновь поставить его - при выборе на против нужного мне гаджета "страницы" написано "уже добавлено". Но его же нет. В HTML кода гаджета id='PageList1' тоже нет.
Как его можно добавить в таком случае? Может быть внести приведенный выше код в HTML? Но возможно ли управлять им в дальнейшем без влезания в код?
NMitra
Да, у меня тоже была подобная ситуация - гаджет "Страницы" писали "уже добавлено". Решить удалось лишь одним способом. У читателя была ситуация, когда ничего не осталось сделать, как удалить блог. Я экспортировала http://shpargalkablog.ru/2011/01/bezopastnost-blogger.html , а потом удалила блог (не этот, стоит потренироваться сначала на тестовом экземпляре), а затем создала с тем же названием и импортировала. На вопрос "опубликовать ли статьи сразу" ответила "да". Это было сделано в тестовом блоге и я не проследила, что будет с URL, которые сначала пишутся на англ, а потом на русс. Но даты публикации были в норме.

Стоит это мероприятие проводить только в крайнем случае и отсутствие гаджета "Страницы", по-моему этого не заслуживают.
Zasha K.
Здравствуйте! Статья была очень интересной. Но у меня возникает вопрос, касающийся положения страниц. У меня они расположены по левому краю, а как сделать так, чтобы расположение было по центру?
NMitra
http://shpargalkablog.ru/2011/04/gadzhet-spisok-ssylok-blogger.html - там скриншот и код
Юрий Грехов
Здравствует, NMitra. Пожалуйста опишите более подробно о "...Создать страницы, но не отображать их в гаджете. Помимо этого добавить веб-адрес, где указать своё название...". При создании страницы, её название дублируется в теле самой страницы. Я достаточно слабо разбираюсь в CSS и HTML, но могу убрать это с помощью графики, что не есть хорошо. Подскажите, как это исправить.
NMitra
Не, тут не нужны знания CSS. Всё это доступно в новом редакторе шаблонов. См. первый скриншот. Видите там есть пункт "веб-адрес". Именно его выбирайте, в качестве URL - адрес своей страницы, название любое. А в гаджете (см. второй скриншот) уберите галочку с выбранной страницы. Созданный веб-адрес будет показан в любом случае, пока вы его не удалить на вкладке "Страницы".
EVGENIA MASLOBOEVA
Подскажите, пожалуйста, как можно сделать так, что название страниц в гаджете было картинкой, вот как тут
http://www.flkmiracle.com/
NMitra
В коде у каждого виджета есть код, отвечающий за название:

<b:widget id='HTML1' locked='false' title='Название гаджета' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>

его заменим на

<b:widget id='HTML1' locked='false' title='Название гаджета' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
<img src="адрес" />
  </b:if>

Полный код изображения должен быть таким http://shpargalkablog.ru/2010/08/podpis-kartinki-html.html
Алекс
Здраствуйте. Гаджет "Страницы" шаблона Корпорация Чудеса у меня в горизонтальном виде. При это по ширине он (гаджет) становится на всю страницу, в то время как основная часть блога у меня уже. В итоге выглядит не красиво. Что можно с этим сделать?
NMitra
1) Убрать несколько пунктов меню, не обязательно удалять эти страницы.
2) Расположить меню в боковой колонке.
3) Сделать меню выпадающим http://shpargalkablog.ru/2011/10/gorizontalnoye-vypadayushcheye-menyu.html
Алекс
Спасибо большое Вам за ответ, но возможно я не совсем верно описал проблему. Вот этот блог http://alexfxtrend.blogspot.com Гаджет страницы вернее располагается в целом правильно, ширина соответствует всему сайту. Т.е если добавить еще страницы, то они идут в нижний уровень, по ширине же все отлично кажется. Однако справа и слева какие то полосы идут от этого меню, окрашенные в цвет фона заголовков. Как будто сам цвет окраски не видит боковых границ гаджета страницы и вылезает за их пределы. Сам гаджет вроде в порядке. Очень прошу Вас помочь.
NMitra
"Этот блог открыт только для приглашенных читателей."
Алекс
Простите, пожалуйста, мою невнимательность в этом!
Я открыл разрешение, пожалуйста, помогите решить проблему.
NMitra
Посмотрите здесь:

http://www.southernspeakers.net/2011/01/blogger-pages-gadget-no-stretch.html
Алекс
Спасибо Вам огромное! :)
Анонимный
ЛОмаю голову над тем, как сделать так, чтобы страницы блога были разбиты по темам...например страница ФОрекс..и в ней статьи о форексе...подскажите пожалуйста...вот ссылка на блог http://tytmoneys.blogspot.com/
NMitra
С помощью ярлыков - http://shpargalkablog.ru/2012/04/blog-eto.html ( http://shpargalkablog.ru/2011/03/yarlyki-blogger.html )

У меня так отдельные сообщения/страницы, куда я просто ссылки добавляю на новые статьи, то есть получается то же оглавление, но оформленное вручную.
NMitra
В гаджет "Страницы" потом просто добавляете необходимые URL, например, http://tytmoneys.blogspot.com/search/label/fake
GoodBuyer
Здравствуйте!

Подскажите, пжл, так как же можно убрать название страницы из тела самой страницы? Так и не нашёл. Заранее благодарен.
NMitra
Здравствуйте, несколько вхождений

<b:if cond='data:post.title'>...</b:if>

заменить на

<b:if cond='data:blog.url != "http://адрес_вашей_строницы/"'><b:if cond='data:post.title'>...</b:if></b:if>

См. http://shpargalkablog.ru/2011/02/uslovnye-tegi-v-blogger.html
GoodBuyer
спасибо большое за помощь
GoodBuyer
Здравствуйте!

Т.е., если я правильно понял, это работает только для конкретной страницы.
...
на
....

А как удалить все названия страниц из тела самих страниц?
Планируется только оставить H1 для отображения вместо названий старниц (title).
Спасибо.
NMitra
Поставьте другое условие

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

Чтобы сменить title - применимы те же условия - http://shpargalkablog.ru/2010/07/kontent.html
vladqe kazantcev
Здравствуйте, подскажите пожалуйста. Я сделал верхнее меню,
Главная, описание, скриншоты и т.п.
можно ли сделать чтобы вкладка "описание" тоже была блогом (такой же страницей, как и главная?)?
NMitra
Объедините Сообщения общим ярлыком. Добавьте в гаджет "Страницы" ссылку ярлыка.
Роман Лесовой
Здравствуйте! Не разобрался как изменить название урла созданной страницы. Она не отображается в виде меню. У меня в блоге на нее ведет ссылка. Сейчас название: /p/blog-page_номер.html
NMitra
Название: "Гаджет Страницы",
URL: " http://shpargalkablog.ru/2011/08/stranicy-blogger.html ".
Так что вам нужно поменять?

Про URL - сначала пишите заголовок Страницы английскими буквами, публикуете, редактируете уже созданную Страницу и меняете заголовок на кириллицу.
Роман Лесовой
Нужно было изменить имя урл.
Спасибо! Все получилось. Правда еще осталась /p/. Но, в любом случае приятнее смотрится)
Роман Лесовой
Осваиваю блоггер. Непривычно, что на оставленный комментарий в блоге не приходит уведомление на почту об ответе. Приходится вручную проверять.
Olga Valeeva
Здравствуйте! В динамическом просмотре пропала возможность добавлять комментарии в дополнительную страничку... Можно как-то эту возможность вернуть, не возвращая блог в исходное состояние со стандартным дизайном?
NMitra
Роман, http://shpargalkablog.ru/2010/10/comments-blogger.html#moi первый пункт. Для чужого блога справа от кнопки "Публикация" ссылка "Подписаться по электронной почте"



NMitra
Здравствуйте, Olga. Не поняла.
Роман Лесовой
Благодарю!)
Olga Valeeva
NMitra, поставила в шаблонах для блога динамический просмотр, после этого пропала возможность писать комментарии на дополнительных страницах, их можно только просматривать и читать, но не комментировать. С главное страницей же все впорядке
NMitra
"Страницы"-"Изменить" (входим в редактор статьи) - "Параметры" справа - "Разрешить"
svitlana
Здравствуйте. В некоторых блогах на сделанных страничках я видела отдельные сообщения. Как они делаются?
А еще я видела в блоге музыкальной группы страничку с интервью, на которой есть ссылки на каждое интевью отдельно. Самое интересное - все это в пределах одного блога. Как этого достичь?
Заранее спасибо.
NMitra
Здравствуйте, http://shpargalkablog.ru/2012/05/html-blogger.html

По второму вопросу. Создаётся Страница http://shpargalkablog.ru/2011/08/stranicy-blogger.html , куда вручную добавляются ссылки (пример, http://shpargalkablog.ru/p/raskrutka-bloga.html ). Или Сообщениям присваивается один ярлык http://shpargalkablog.ru/2011/03/yarlyki-blogger.html и даётся ссылка на этот ярлык вида http://название_блога/search/label/название_ярлыка . Или Сообщениям присваивается ярлык, публикуется Страница, на которой размещается скрипт http://shpargalkablog.ru/2011/04/krasivoe-oglavlenie-blogger.html , где в RSS указывается RSS ярлыка.
Анонимный
Здравствуйте, подскажите как сделать так, чтобы при заходе на блог посетитель видел лишь одну картинку на белом фоне, при клике по которой переводил бы на основной блог, но уже с боковыми менюшками и постами.

что-то на подобии этого
http://aakashnihalani.com/
NMitra
Как-то я такое не советую делать. Народ не будет разбираться что да как и пройдёт мимо сайта.

http://shpargalkablog.ru/2012/05/html-blogger.html - первый вариант, куда вносите код, который должен быть на Главной
http://shpargalkablog.ru/2010/07/vsegda-sverhu.html - шаг второй
Виталий
А как можно запретить индексацию страниц если они веб адреса, т.е. второй вариант? Где это можно сделать?
NMitra
Самый простой вариант:

          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>
          </b:if>

заменить на

            <li><a href='адрес'>текст</a></li>
            <li><a href='адрес'>текст</a></li>
            <li><a href='адресу_не_передаётся_вес' rel="nofollow">текст</a></li>
            <li><a href='адрес'>текст</a></li>

То есть вручную прописать код.

rel="nofollow" не сохраняет вес на странице, но не передаёт его. За такие ссылки вы не получите санкций от поисковиков.
Алла Позднякова
Здравствуйте, я только начала вести блог. Я хотела бы научиться писать сообщения отдельно на других страничках (например для родителей, а у меня сообщения пишутся на главной странице)? Подскажите, как действовать дальше?
NMitra
Здравствуйте, на втором скриншоте выберите "Пустая страница".
Евгения
Добрый вечер) А можно ли сделать так, чтобы один из пунктов меню (одна из страниц) был выделен другим цветом?
NMitra
Добрый вечер, добавьте стиль CSS

.tabs-inner .widget li:nth-of-type(2) {
background: green;
}


:nth-of-type(2) - 2 - это номер пункта меню, измените на свой
Евгения
Наташ, Вы супер! Чтобы я без Вас делала))
MarSem
Здравствуйте. В настройках гаджета "Страницы" можно менять порядок их отображения, перетаскивая мышью, - и я поставил на первое место статическую страницу "Welcome", но все равно при входе в блог сначала открывается "Главная страница" - http://markfrm.blogspot.com/. Что можно предпринять для исправления . Спасибо
NMitra
Здравствуйте, настройки меняют порядок ссылок в меню

http://shpargalkablog.ru/2010/07/vsegda-sverhu.html
http://shpargalkablog.ru/2013/06/pop-up.html
http://shpargalkablog.ru/2013/06/popup.html
MarSem
к 52. спасибо. а мне еще рекомендовали, без расшифровки , для моего случая "в настройках поставить редирект с / на /p/blog-page_3.html" . Вы не знаете, что это значит?
NMitra
Не нужно так делать.
MarSem
спасибо
Anastasia Talko
Скажите пожалуйста как в шаблоне "Ethereal" изменить размер гаджета под заголовком, чтоб вместо одного, можно было вставить несколько? Например: Обо мне, О блоге, Контакты и т.д.
NMitra
Это ведь не стандартный шаблон, я могу только предполагать как там и что. Попробуйте обратиться к его разработчикам.
NMitra
Или я ошибаюсь?
Anastasia Talko
Это стандарный шаблон в blogspot...
NMitra
Посмотрите тут http://shpargalkablog.ru/2010/11/gadzhety-dlya-blogger.html#razdelit Оно? Или нужно именно меню? Тогда почему гаджет "Страницы" не подходит.
Anastasia Talko
Простите пожалуйста за "чайное" понимание, но мне надо, чтоб было Главная, Об авторе, О блоге, Контакты, это ж делается с помощью добавления гаджетов?
NMitra
У вас уже есть "Страницы"? Их нужно создавать не на вкладке "Сообщения", а на вкладке "Страницы".
Anastasia Talko
Все, спасибо, разобралась. Это действительно страницы и все достаточно легко оказалось. Главное понять, что именно надо;)))
NMitra
Я тоже так начинала )
Татьяна Беседа
Здравствуйте! У меня вопрос новичка. Стали делать новый блог, создаем странички , но как разместить меню из страничек горизонтально на блоге? Вниз одна за другой размещаются, а горизонтально никак не поместить. Спасибо.
Татьяна Беседа
Прочитала вопрос и ответ выше. Созданы странички. Но нет кнопки, кот. была раньше - поместить горизонтально или вертикально.
NMitra
Здравствуйте, Татьяна. Гаджет "Страницы" нужно поместить между заголовком и сообщением. Посмотрите как выглядит на второй картинке http://shpargalkablog.ru/2011/03/soderzhanie-bloga-na-blogger.html
Алла Удод
Здравствуйте! У меня вопрос новичка. Делаю блог http://alla-petelki.blogspot.com/
Хотела добавить постраничную навигацию на блоге, а получила "кракозябры" в шапке. Как исправить? Спасибо.
NMitra
Здравствуйте. Тот код, что вы добавили в body, нужно перенести и положить до ]]></b:skin>
Это стиль CSS http://shpargalkablog.ru/2011/12/kak-izmenit-shablon-blogger.html#css
Алла Удод
Спасибо, что ответили. Я, конечно, ничего не поняла))) Делала по этому совету http://profi-net-bloging.blogspot.com/2013/02/postranichnaja-navigacija-na-bloge.html#more Потом, всё удалила, но "кракозябры" в шапке остались. Возможно их удалить (если можно пошагово)?

NMitra
Вот так ищите http://shpargalkablog.ru/2011/12/kak-izmenit-shablon-blogger.html и удаляете код из пункта 2 инструкции profi-net-bloging.blogspot.com
Алла Удод
Спасибо, огромное, всё удалилось!)))
Вера Хорьякова
Здравствуйте! Подскажите, пожалуйста, как можно сделать страницы все время вверху, например как в этом блоге: http://www.magdamizera.blogspot.ru/
Спасибо заранее :)
NMitra
Здравствуйте, в CSS пропишите ( http://shpargalkablog.ru/2011/12/kak-izmenit-shablon-blogger.html )

#PageList1 {
position: fixed;
z-index: 10;
}

С помощью top bottom left right margin при необходимости выберите нужное положение. Подробнее http://shpargalkablog.ru/2012/04/position-fixed-html.html

Это сложнее http://shpargalkablog.ru/2013/09/scroll-block.html
Татьяна Байкалова
Подскажите как мне убрать в страницах названия этих страниц.

пример http://diplom-studenty.blogspot.ru/p/blog-page_6360.html - как убрать способы оплаты вверху??????
NMitra
В <b:includable id='post' var='post'> добавить условие http://shpargalkablog.ru/2011/02/uslovnye-tegi-v-blogger.html . То есть приблизительно такой код

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

заменить на

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'><b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
</b:if>
Gosha Egoryan
Не подскажите, как изменить адрес такой страницы? А то создает myblog/p/blog-page.html , а хочется поставить какое-то вразумительное словосочетание
NMitra
Комментарий 32
Gosha Egoryan
Спасибо!
Максим Барсков
Как сделать чтобы страница не ссылалась на саму себя. Заголовок страницы - ссылка, а нужен просто текст...
http://i-am-best.blogspot.ru/p/teorija.html
Теория успеха
NMitra
Где-то с условиями напортачили http://shpargalkablog.ru/2010/09/optimizatsiya-zagolovka-h1-h2-h3.html Обратите внимание на

<h2 class='post-title entry-title' itemprop='name'>
<a expr:href='data:post.link'><data:post.title/></a>
</h2>
Админ
Всем привет.

У меня вопрос а что делать есть страница выводится так /p/blog-page_29.html как его можно заменить например так /p/auto-class.html
Админ
Все нашел ответ.Поспешил Вам написать.
В общем комментарий 32
Лариса Червак
На странице панель инструментов не двигаетсЯ страница вниз. Информация стоит на месте.
NMitra
Не поняла
Лариса Червак
Прочитать новости на странице, которые расположены ниже невозможно. Не прокручивается в низ. И это только на планшете.На компе все нормально.
NMitra
Лариса, никак не успеваю на планшете посмотреть, и совсем ничего не успеваю :( Извините, пожалуйста. Попробуйте обратиться на форум https://groups.google.com/forum/#!forum/blogoask