CSS3

Это просто загруженные картинки, без применения стилей.



А здесь уже к изображениям применяются стили, благодаря которым появляются подписи с разными эффектами появления.

Простая подпись

Подпись на всю картинку

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Проявляющаяся подпись

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Выскальзывающая подпись

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Подпись с поворотом

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Масштабная подпись

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

hCard

Элементы hCard обрабатываемые Яндексом.

Использование микроданных для HTML-страниц сайтов, благоприятно влияет на результаты выдачи поисковиков.
Далее будет приведен пример того, что Яндекс рекомендует веб-мастерам для использования на сайтах.
Первый пример, показывающий краткую, минимально необходимую информацию об авторах блогов и организациях.
Так выглядит код для поисковых систем.

<div class="vcard">
  <div>Кафе <span class="fn org">Плюшка</span></div>
  <div class="adr">
    <span class="locality">г. Энгельс</span>,
    <span class="street-address">просп. Строителей, д. 21</span>
  </div>
  <div class="tel">Телефон: 
    <abbr class="value" title="+ 7 (8452) 123-45-67">123-45-67</abbr>
  </div>

 <span class="url">
    <span class="value-title" title="http://www.plushka-cafe.ru"> </span>
  </span>
</div>

C помощью вложенного элемента класса value-title с атрибутом title, в карточку можно добавить, невидимое для посетителей сайта, свойство url или category:

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

Наличие свойства category (род деятельности организации) облегчает отнесение организации сервисом, к конкретной рубрике.

e-mail

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

"Стандарт hCard допускает наличие нескольких элементов класса url, однако при добавлении карточки  в Справочник организаций, будет выбран наиболее подходящий.

Если адрес сайта отображается в блоке  с контактной информацией, то класс url можно присвоить элементу <a>:"

<div class="vcard">
  <div>
<span class="category">Кафе</span>-<span class="category">кулинария</span>
    <a class="fn org url" href="http://www.plushka-cafe.ru">Кафе Плюшка</a>
  </div>
  <div class="adr">
    <span class="postal-code">410000</span>,
    <span class="country-name">Россия</span>,
    <span class="region">Саратовская область</span>,
    <span class="locality">г. Энгельс</span>,
    <span class="street-address">просп. Строителей, д. 21</span>,
    <span class="extended-address">этаж. 2, оф. 201</span>
    <div class="tel">Телефон: 
      <abbr class="value" title="+ 7 (8452) 123-45-67">123-45-67</abbr>
    </div>
<div class="tel">
    <abbr class="type" title="fax">Факс:</abbr> 
    <abbr class="value" title="+ 7 (8452) 123-45-89">123-45-89</abbr>
  </div>
  </div>
</div>

<div class="email">
admin@plushka-cafe.ru</div>

<div>Электронная почта:
    <a class="email" href="mailto:plushka@plushka-cafe.ru">
      plushka@plushka-cafe.ru
    </a>
  </div>
<div>По вопросам трудоустройства:
    <a class="email" href="mailto:hr@plushka-cafe.ru">
      hr@plushka-cafe.ru
    </a>
  </div>
<div>По вопросам закупок:
    <a class="email" href="mailto:buy@plushka-cafe.ru">
      buy@plushka-cafe.ru
    </a>
  </div>

geo

 Если у вас есть географические координаты в градусах, они облегчают гео-кодирование вашего местоположения, рекомендуется включить их в карточку, но не более одного невидимого для посетителей сайта, элемента класса geo.

• latitude — широта;
• longitude — долгота.

<span class="geo">
    <span class="latitude">
      <span class="value-title" title="55.792188"> </span>
    </span>
    <span class="longitude">
      <span class="value-title" title="37.764956"> </span>
    </span>
  </span>

workhours

Время работы организации.
 Свойство не предусмотрено стандартом hCard, добавлено Яндексом в качестве расширения. Допустимо указывать время работы в произвольном формате.

• пн-пт 9:00-18:00
• пн-пт 9:00-18:00, обед 13:00-14:00, сб-вс 10:00-17:00, обед 13:30-14:00
• пн-сб 11:00-20:00, вс 12:00-24:00
• ежедн. 10:00-24:00
• круглосуточно

<div>

    Мы работаем<span class="workhours">ежедневно с 11:00 до 24:00</span>
  </div>

Остальные свойства, предусмотренные форматом hCard, в настоящее время игнорируются Яндексом.
Если ваша контактная информация содержит логотип организации, используйте свойство logo.
Полный список свойств представлен в официальной спецификации формата, в разделе Property List.

Харчо.

Харчо.

Ярлык на Blogger.

Вы уже наверное заметили, что если сообщению не прописать ярлык, (как в этом сообщении) то оно не отразится на странице Sitemap.
Но не это самое пугающее в сложившейся ситуации.
Делаем выводы, что ярлыки или можно ещё назвать их тэгами, помогают пользователю, быстро находить нужную статью на вашем блоге.
Это необходимо осуществлять, не только ради удобства пользователя, но и ради быстрой работы поисковых ботов, которые не любят, когда их деятельность затруднена.

Второй пост

 Этот блог экспериментальный, как и предшествующие.
Методом проб и ошибок, достигаются максимально значимые результаты.
И от раза к разу, все дальше и дальше уходишь от первых своих шагов и ускоряя движение, приближаешься к полету мысли, если не сказать парению.
 2leep.com - Виджеты для блогов будут опробованы на функциональность на этом блоге, когда он наберет оборотов.
А сегодня, из шаблона был удален код виджета, со ссылкой на дизайнера, который отображается внизу блога.
Вот этот код:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

<b:includable id='main'>

    <b:if cond='data:feedbackSurveyLink'>

      <div class='mobile-survey-link' style='text-align: center;'>

        <data:feedbackSurveyLink/>

      </div>

    </b:if>

    <div class='widget-content' style='text-align: center;'>

      <b:if cond='data:attribution != &quot;&quot;'>

       <data:attribution/>

      </b:if>

    </div>

    <b:include name='quickedit'/>

  </b:includable>

</b:widget>

Если  нужно удалить всю секцию, необходимо захватить ещё одну строчку расположенную выше кода и одну ниже.

<b:section…..>

 код виджета

 </b:section>

Новое сообщение

Новое сообщение испытания шаблона.
Cегодня используя программу Ashampoo Snap я записал это пробное видео и закинул на YouTube.
Еще идет обработка и я не видел как это получилось в оригинале.
Надеюсь, что не плохо.