ColorMag бесплатный новостной шаблон для WordPress

ColorMag бесплатный новостной шаблон для WordPress

Перевод на русский язык и настройка шаблона и устранения проблемы с размером картинок в слайдере, пишите на почту через контакты.

На сегодняшний день новостной шаблон для WordPress, ColorMag является одной из самых популярных в мире. И сейчас мы вкратце рассмотрим ее возможности. Достаточно просто взглянуть на дизайн этого шаблона и вы сразу же захотите использовать его на своем сайте. Разнообразие среди цветовых тонов создает впечатление живого сайта. При помощи виджетов на главной странице вы сможете предоставлять своим пользователям до восьми разных тематик (категорий) контента. Простой, удобный и быстрый функционал. Приятный LightBox.

Структура шаблона

1. Статический слайдер
Выберите нужную категорию постов и задайте ее для отображения на главной странице в статическом слайдере.

2. Виджеты главной страницы 
 Вам предоставлена прокачанная виджетами главная страница. Это обеспечивает дополнительную гибкость сайта. Виджеты можете настраивать по своему желанию.

3. Возможность добавления собственного логотипа

4. Восемь виджетов на главной странице
Создайте свой уникальный дизайн разместив и настроив восемь пользовательских виджетов на главной странице.

5. Социальные иконки
Шаблон включает самые популярные иконки социальных сетей, отображение которых вы так же можете настроить по собственному требованию.

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

Демо
Скачать

ColorMag - бесплатный новостной шаблон для WordPress

Relevanssi плагин для WordPress окно поиска

Relevanssi - плагин для WordPress окно поиска

Вы когда нибудь использовали на своем сайте стандартное поисковое окно WordPress? Это просто отстой. Как ни крути, но это действительно так. К примеру, когда вы пытаетесь найти определенный пост и задаете в поисковом окне некоторые части из его заголовка, этот пост вы точно не увидите в первых позициях результата поиска и будет хорошо, если вообще увидите.  С помощью бесплатного плагина для WordPress, Relevanssi (окно поиска) вы сможете улучшить результаты поиска. Он спокойно может выполнять поиск по определенной фразе из поста, соответствующих ключевых слов или даже по цитате.

Ключевые возможности плагина:

  • Результаты поиска сортируются не по дате, а в порядке релевантности
  • Поиска по фразе взятую в кавычки
  • Заданная фраза в поиске подсвечивается в найденных результатах
  • Поиск можно осуществлять по категориям, тегам, комментариям
  • Возможность настройки выдачи одного результата или же всех схожих

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

Скачать Relevanssi - плагин для WordPress окно поиска

Fotografity шаблон blogger для портфолио фотогалерея

Fotografity шаблон blogger для портфолио 2016

Демо
Скачать
Настроить шаблон

Fotografity шаблон blogger для портфолио


Fotografity является гладким и минималистским шаблоном для blogger с направлением на сайты и блоги тематики портфолио, фотографии. Этот простой и изысканный адаптивный шаблон для Blogger следует только лучшим стандартам кодирования для обеспечения наилучшего и качественного отображения контента. Возможно, это самый просто шаблон, который вы когда-нибудь испытывали на своем блоге. Шаблон Fotografity идеально подходит для любого современного веб-сайта, который пытается сосредоточиться на рассказывание историй с красивыми образами.

Beauty бесплатный детский шаблон для Blogger

Beauty бесплатный детский шаблон для Blogger 2016

Демо
Скачать бесплатную версию
Настроить шаблон

Beauty бесплатный детский шаблон для Blogger


Красивый и творческий шаблон для блоггер, который очень прост в установке и поставляется с большим набором функций. Эта тема идеально подходит для вашего интернет-магазина творческого сайта и других интернет проектов. Авторы сделали эту тему более динамичной и более исполнительской, и это наше убеждение, что это лучший красивый шаблон для блоггер, который является идеальное сочетанием дизайна и других веб-технологий. Мы устанавливаем множество функций, таких как адаптивный макет, возможность SEO оптимизации, виджеты социальных сетей Instagram, Вконтакте, Одноклассники и т.д.. Рекламные баннеры, чистые скрипты, все это и многое другое вы сможете найти в шаблоне для Blogger Beauty

EasyMag бесплатный шаблон для blogger

EasyMag беслпатный шаблон для blogger 2016

Демо
Скачать бесплатную версию
Настроить шаблон

EasyMag бесплатный шаблон для blogger


EasyMag является чистым шаблоном blogger для личных блогов с простыми творческими возможностями. EasyMag представляет собой легкий и элегантный шаблон, который может быть использован для любых типов блога. Мало того, что его современный дизайн приятен для глаз, так еще он прост в использовании серверной системы, все управление через раздел Дизайн. Идеально подходит для блогов о моде, образе жизни, блогов путешествия, продуктовые блоги, ремесла, технологии, творческие блоги и т.д. Адаптивный дизайн полностью отвечает всем требованиям это означает, что веб-ресурс будет вписываться в различные устройства разного размера.

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

Dens новостной шаблон для blogger 2016

Dens новостной шаблон для blogger 2016
Демо
Скачать бесплатную версию
Настроить шаблон

Dens новостной шаблон для blogger 2016


Dens новостной, чистый и стильный шаблон для blogger c отзывчивым дизайном, который позволяет сосредоточиться на содержании. Может использоваться для таких тематика, как технологии, игры, туристические направления, фильмы, журналы, лынче блоги, мода, стиль, спорт и т.д.. С привлекательным сочетанием цветов и увлеченных профессионалов имеет много особенностей. С акцентом на снижение показателя отказов, в то время как увеличение показов объявления, эта тема будет удержать ваших посетителей, все это поможет достигнуть  максимального дохода от рекламы! Если вы ищете шаблон для блоггер новостного стиля, то это лучший вариант для вас.

Jupiter журнальный шаблон для blogger

Jupiter шаблон для blogger 2016

Демо
Скачать бесплатную версию
Настроить шаблон

Jupiter журнальный шаблон для blogger


Jupiter журнальный шаблон для  Blogger с адаптивным дизайном. В нем есть все, что нужно, чтобы сделать свой блог выделяющемся. Этот шаблон является полностью настраиваемым и очень гибким, и мы считаем, что он понравиться вам. Адаптивный Шаблон с легкой настройкой для тех блоггеров, которые хотят произвести впечатление на аудиторию с бойко чистой и величественной эстетичностью современного блогеровского взгляда. Вы можете продемонстрировать свой контент в легком вневременном стиле благодаря этому шаблону. Jupiter может быть настроен для всех современных методов SEO и плагинов. Он полностью  адаптивный для мобильных устройств, и самое главное, легкий. При правильной оптимизации контента, скорость загрузки блога будет очень быстрой и идеально подходит для настольных и мобильных устройств.

Google Adsense новый формат рекламных блоков для мобильных устройств

Adsense Page-level ads адаптивные блоки

Всемирно известная компания Google успешно внедряет различные улучшения для более удобного просмотра контента на мобильных устройствах. Вот уже несколько дней, как одна из ее отраслей (Adsense) ввела нововведение для вебмастеров и блогеров, которые продают трафик своих сайтов и блогов. Что же оно собой являет вы узнаете по ходу ознакомления с данной статьей.

Google Adsense новый формат рекламных блоков для мобильных устройств - что это такое?


Думаю, что многие из вас уже знают про адаптивный дизайн и, что компания Гугл позаботилась о предоставлении своим партнерам (вебмастерам) адаптивных рекламных блоков, которые существенно подняли уровень дохода, как самой компании так и ее партнеров. Теперь Google Adsense добавила новый формат рекламных блоков, который будет способствовать еще большему проценту пробива. Называется этот формат Page-level ads, что в переводе с английского означает рекламный уровень страницы.

Преимущества Page-level ads


Теперь давайте ознакомимся с главными преимуществами данного рекламного формата:
  1. Новый удобный дизайн рекламы
  2. Показ рекламы осуществляется в подходящий момент не отвлекая пользователя от контента
  3. Не тормозят загрузку страниц сайта
  4. Значительный прирост дохода от рекламы

Типы объявлений

На данный момент пользователям Adsense доступно два новых типа объявлений:
  • Оверлеи или Фиксированные объявления
  • Полно экранные заставки

 

1. Фиксированные объявления

Фиксированные блоки появляются в нижней части экрана. Они загружаются в фоновом режиме и ни коем образом не мешает посетителю просматривать контент. Тем более посетитель может легко скрыть этот блок.

 

2.Полно экранные заставки

Полно экранные заставки отображаются во время перехода пользователя между страницами сайта. При таком переходе следующая страница загружается в фоновом режиме и появляется после того, как пользователь закроет рекламное объявление.

Количество рекламных блоков Adsense на одной странице

Еще один важный фактор. Думаю все знают, что Adsense не разрешает использовать на одной странице более трех рекламных блоков. Теперь приятная новость, данное правило не относиться к новому виду объявлений. Вы спокойно можете добавлять новый мобильный формат рекламы на те страницы, на которых у вас уже отображается три обычных блока.

В итоге можно с уверенностью сказать, что теперь заработок на рекламе Google Adsense станет еще более прибыльным и в свою очередь более привлекательным для тех, кто желает испытать себя в этом деле.

Плагин WordPress форма обратной связи - страница с контактами

Плагин WordPress форма обратной связи

Big Contact Contact Page - бесплатный плагин WordPress форма обратной связи - страница с контактами


Как вы уже наверное поняли этот плагин отвечает за создание на сайте страницы с контактами, благодаря которым ваши посетители могут легко связаться с вами для обсуждения важных вопросов. Стоит уточнить, что Big Contact Contact Page - плагин WordPress форма обратной связи вовсе не простой виджет с контактами, он имеет много полезных функций, которые мы сейчас перечислим.
  1. Возможность предоставить посетителю ваш рабочий график
  2. Базовая фильтрация спама
  3. Возможность добавление календаря
  4. Возможность добавление географической карты расположения
  5. Планировщик встреч с посетителями, который выбирают сами посетители согласно заданного вами расписания
Это самые главные функции плагина WordPress для создания формы обратной связи - страницы с контактами. Так же есть ряд второстепенных достоинств с которыми вы ознакомитесь непосредственно при установке и работе с плагином.

Как по мне самая важная его особенность это наличие базовой фильтрации спама, подобная функция убережет ваши нервы от надоедливых спамных сообщений. Кроме того вы можете настроить форму контактов на 67 разных языках.

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

Скачать плагин

Evanger шаблон для blogger на русском

Evanger бесплатный адаптивный шаблон для blogger 2016

Evanger бесплатный адаптивный шаблон для blogger 2016

Давненько в нашей коллекции не появлялось тем для blogspot с отображения постов по стилю "Сетки" (Grid). И вот мы готовы представить вашему вниманию Evanger бесплатный шаблон для blogger.

Особенности шаблона

Думаю стоит вновь вернуться к проблеме выбора нужного для блога шаблона. В предыдущем обзоре мы с вами затрагивали данный вопрос и я не только дал на него ответ, но еще и опубликовал два разных стиля одного и того же шаблона, которые подходят под разные тематики ваших сайтов и блогов. Что касается Evanger, то ему достаточно одного стиля отображения контента, чтобы подстроится под ваши веб-ресурсы. К примеру он может использоваться для личных блогов, для сайтов с тематикой портфолио, отдых, путешествия, спорт, автомобили и т.д.. Шаблон обладает легким и минималистским дизайном, преимущественно светлыми тонами, что в общем сочетании создает единую гармонию. Другими словами его внешний вид и отображение контента создают очень приятный эффект для глаз ваших посетителей.

Структура шаблона

1. Главное меню 

Главное меню имеет свойство Sticky, чтобы вы понимали оно двигается вместе с прокруткой страниц. Подобный трюк повышает процент поведенческого фактора.

2. Статический слайдер

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

3. Сообщения шаблона на главной странице

Как упоминалось выше тип воссоздания постов у Evanger "Сетка" на английском "Grid". У данного стиля есть свои плюсы. К примеру один из них это возможность показать на одном участке до двух или даже четырех постов одновременно, все зависит от их расстояния.

4. Колонтитулы и сообщения на второстепенных страницах

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

На второстепенных страницах в основном можно выделить не маленькую ширину полотна. Знаю многие тащатся от подобных параметров, особенно те, кто публикует на своих веб-ресурсах изображения или видео с большими размерами.

В остальном все просто и понятно.

Демо
Приобрести шаблон - полная SEO версия

Плагин Wordpress для коммерческих сайтов - таймер и перенаправление

Коммерческий плагин WordPress таймер и перенаправление

Business Deal Countdown - бесплатный плагин для коммерческих сайтов, на движке WordPress. В переводе с английского - обратный отсчет до завершения сделки (предложения). Плагин включает код легко настраиваемого таймера. И не стоит считать, что это всего навсего обычный таймер, это не так.

Для чего нужен плагин и как он работает?


Плагин Wordpress для коммерческих сайтов - Business Deal Countdown может быть полезен в следующем случае. Допустим вы решили провести на сайте акцию по скидкам на один из товаров или услуг, которая будет действовать определенное время. Однозначно в этом вам поможет плагин - Business Deal Countdown. Важно знать, что по истечении заданного времени, страница перестанет быть доступной для пользователей и будет перенаправлять их на другую страницу вашего сайта, которую вы можете задать сами.

Польза плагина Business Deal Countdown


Главной фактором при работе данного плагина является время, вернее его истечение, что заставляет вашего потенциального покупателя быстрее ознакомиться с предложением и осуществить сделку по данному виду товара или услуги.

Скачать - плагин Wordpress для коммерческих сайтов - таймер и перенаправление

Starbox - бесплатный плагин для WordPress

Starbox - бесплатный плагин для wordpress

Бесплатный плагин для WordPress, Starbox предлагает вам установить на свой сайт стильный и элегантный раздел в котором будет отображаться информация об авторе поста. Этот плагин особенно популярен и востребован на сайтах, где работают сразу несколько авторов. Это помогает посетителям определить читают ли они статью своего любимого автора или же кого нибудь другого. Плагин содержит много разных опций. Вы можете разместить его на свое усмотрение, до начала поста или же в самом конце. Starbox включает в себя кнопки социальных сетей в которые вы можете легко подключить свои социальные аккаунты.

Положительные факторы бесплатного плагина для WordPress Starbox

Вебмастера выделили ряд положительных факторов плагина Starbox благодаря, которым ваш сайт получит более высокий рейтинг в поисковых системах.
  1. Больше доверия со стороны посетителей
  2. Дополнительное социальное распространение 
  3. Дополнительные посетители с социальных сетей
  4. Большее число вернувшихся посетителей 

Скачать Starbox - бесплатный плагин для WordPress

Hermes адаптивный шаблон для Blogger на русском

Hermes бесплатный шаблон для Blogger

Hermes премиум шаблон для Blogger

Адаптивный Шаблон для blogger Hermes включает в себя два разных стиля, новостной и персональный. По личному опыту знаю, что не все блогеры корректируют свой выбор согласно этим значениям и выбирают шаблон по своему личному убеждению. Каждый сам знает, что ему нужно. На самом деле сделать правильный выбор очень сложно, ведь так же нужно учитывать мнение посетителя. Поскольку это очень сложно сделать, лучше всего выбрать для своего блога или сайта тот шаблон, который имеет простой и быстрый функционал. Именно этими критериями обладает Hermes. К тому же его дизайн отлично сочетается с разными тематиками.

Hermes был создан на базе уже знакомого вам шаблона ExGPress, по-этому он обладает теми же качествами, но Hermes более развернут в плане виджетов, цветовых тонов и как уже упоминалось выше по стилю подачи контента (новостной и персональный).

Строение шаблона

1. Колонтитулы

Как видите шаблон для blogger Hermes состоит из трех колонтитулов:
  • Сообщения блога
  • Боковые сайдбары для виджетов и гаджетов
Так же есть возможность использовать четыре нижних колонтитула для тех же гаджетов в футере блога (нижняя часть).

2. Виджеты

1) В верхней части находиться дополнительное информационное меню включающее в себя кнопки:
  • Контакты
  • Информацию о сайте
  • FAQ
  • И кнопка поиска
Эти кнопки можно легко редактировать по своему желанию.

2) Дальше видим баннер 728*90.

3) Горизонтальное меню с выпадающими ячейками.

3) В новостном типе идет виджет строка бегущих новостей, вернее строка переключающихся новостей. В персональном типе шаблона этот виджет отсутствует.

4) Статический слайдер, который отображает сообщения в соответствии от заданного ему ярлыка.

5) Сообщения блога.

6) Полюбившийся многим виджет Infinite Scroller вместо постраничной навигации.

7) В сайдбарах можно определить два разных типа ярлыков, новый виджет популярные сообщения и виджет социальных сетей для подписки. Виджеты популярные сообщения и  ярлыки (список) имеют плавающее (sticky) свойство.

8) В постах все по прежнему за исключением кнопки Нравиться.   

Демо новостной тип
Демо персональный тип
Приобрести шаблон полная SEO версия

Плагин для WordPress автоматическая оптимизация изображений

Плагин для WordPress оптимизация картинок

Плагин для WordPress, ShortPixel служит для уменьшения размера картинки и тем самым способствует повышению рейтинга вашего сайта в поисковых системах. Главные достоинства плагина:
  1. Не теряется качество картинки после сжатия
  2. Процесс сжатия автоматический (происходит во время загрузки картинки в редактор WordPress)
Плагин ShortPixel подходит для всех распространенных типов изображений это:
  1. PNG
  2. JPG
  3. GIF
  4. А так же PDF файлы

Как работает плагин автоматической оптимизации картинок ShortPixel?

Плагин очень прост в использовании. После активации ShortPixel мгновенно обрабатывает новые изображения, загруженные на ваш сайт. Массовая оптимизация будет автоматически сжимать размер ваших старых изображений. Плагин WordPress для автоматической оптимизации картинок является, как платным так и бесплатным. В месяц вы сможете оптимизировать не более 100 картинок, это лимит для бесплатного использования. Если вы хотите оптимизировать большее количество иллюстраций, в таком случае вам придется оплатить один из тарифных планов. Есть месячный план и разовый план. Так же вы сможете получать дополнительные кредиты, для сжатия изображений, благодаря партнерской программе.

Если ваш бесплатный лимит исчерпан и вы не хотите приобретать ни один из тарифных планов, тогда вы можете воспользоваться простым сервисом для сжатия картинок

Сейчас разработчики плагина работают над внедрением новых функций:
  1. Восстановление резервной копии изображения
  2. Поддержка для NextGen Galley

Скачать плагин для WordPress автоматическая оптимизация изображений.

Заказать сайт онлайн интернет-магазин

Заказать онлайн интернет-магазин

Здравствуйте дорогие друзья. В этой теме вы узнаете, где можно приобрести профессиональный онлайн интернет-магазин.  Для начала поговорим о платформе на которой будет работать ваш онлайн магазин. Платформа уже более чем известна называется она 2х2 CMS. Данная платформа специализируется именно на работе интернет-магазинов. Стоимость такого онлайн магазина 30000 руб. (если для вас это слишком дорого, тогда воспользуйтесь услугой нашего сервиса). И прежде чем перейти к осмотру возможностей сайта работающего на данной платформе, я предлагаю вам ознакомиться с демо версией одного из них . На той же странице вы так же можете просмотреть демо панели управления.
Как видите интернет-магазин имеет красивый, современный и адаптивный дизайн. Последний позволяет ему работать на мобильных устройствах, что крайне важно, как для ваших посетителей так и для поисковых систем.

Возможности интернет-магазина 

Вот теперь можем перейти к просмотру возможностей данного интернет-магазина. Их очень много по-этому я выделил самые главные:
  • Поисковая оптимизация срабатывает автоматически, вашего вмешательства не требуется
  • Сайт интегрируется с разными системами: 1С Предприятие, Excel, ЯндексМаркет и другие  
  • Множество способов оплаты товаров вам лишь нужно выбрать самый подходящий для своей аудитории
  • Код сайта очень легок, что позволяет мгновенно загружать страницы.  
  • Надежная защита от взлома
  • Настройка дизайна по своему желанию
  • Простая и удобная панель управления
Это лишь часть из огромного списка возможностей. С остальными достоинствами сайта вы можете ознакомиться на странице возможности.

Теперь о приятных мелочах, хотя для некоторых это вовсе и не мелочи. В случае заказа онлайн интернет-магазина на 2х2 CMS у вас будет возможность воспользоваться следующими услугами абсолютно бесплатно:
  1. Регистрация домена и хостинга
  2. Установка всех компонентов сайта на ваш хостинг
  3. Подключение формы для оплаты товаров и услуг
Как видите, все самые неприятные заморочки с настройкой работы интернет-магазина команда 2x2 CMS берет на себя. Вам остается лишь управлять процессом продажи товаров и услуг, как в обычном магазине.

Заказать сайт онлайн интернет-магазин

Закажите сайт онлайн интернет-магазин на 2х2 CMS и приумножайте свои доходы при помощи новых технологий.

Программа для голосового набора текста

голосовой набор текста

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

Наткнулся я на эту программу для  голосового набора текста очень удачно поскольку уже давно искал способ, как вытащить текст из видео на youtube. Если честно не все так гладко, но все же, на сегодняшний день это самый лучший способ изъятия текста из видео.

Сейчас предлагаю вам ознакомиться с недостатками и достоинствами расширения для  голосового набора текста. Пожалуй начнем с достоинств:
  1. Удобно общаться с другими людьми 
  2. Не теряется ход мысли при написании контента для сайта или блога
  3. Возможность изъятия текста из видео роликов.
Достоинства оформили, теперь перечислю недостатки:
  1. Не всегда распознаются некоторые слова, особенно названия, особенно зарубежные названия
  2. Для изъятия текста из видео приходится самому повторять предложения из ролика
  3. Расширение работает только в браузере Google Chrome.
В общем теперь вы можете взвесить все за и против, чтобы определиться стоит ли использовать данное расширение для голосового набора текста или же ждать пока появится что-то получше. Лично мне сойдет и это, если и вы готовы попробовать, тогда перейдем к инструкции по установке расширения в браузер и его дальнейшего использования.

Как установить программу позволяющею осуществить голосовой набор текста?

Итак открываем свой браузер Google Chrome и переходим по ссылке Speechpad именно так называется расширение для голосового ввода текста. На скриншоте ниже можно увидеть, как оно выглядит:
расширение speechpad
После того, как расширение установится переходим на сайт speechpad.ru. Здесь нам нужно в нижней части страница найти кнопку: ВКЛЮЧИТЬ ЗАПИСЬ. Теперь можете начинать записывать свой текст. После того, как закончите вы можете скопировать весь текст и вставить его в нужном месте.

Как программа для голосового набора текста работает в социальных сетях?

Теперь перейдите в свою социальную сеть, найдите там:
  • любое поле для ввода текста 
  • в нем кликните правой кнопкой мыши
  • выберите значок расширения speechpad 
  • можете приступать к записи
Голосовой набор текста существенно облегчит вашу работу и отдых в интернете. На этом все, надеюсь сегодняшний материал вам понравился. Всего доброго.

Оптимизация картинок — Онлайн сервис для сжатия изображений

Онлайн сервис сжатия изображений

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

Так же читайте: Оптимизация картинок для сайта. Как добавить тег Alt?

Какие форматы изображений лучше всего использовать?

Самые популярные форматы изображений это JPEG и PNG. Именно эти два формата лучше всего использовать для своего сайта. И тот и другой формат имеет свои особенности. К примеру JPEG используется, когда картинка имеет много цветов, PNG в свою очередь используется в основном для простых изображений, имеющих прозрачный фон.

Онлайн сервис для сжатия изображений

Если картинка замедляет работу вашего веб-сайта, в таком случае вам поможет онлайн сервис сжатия изображений TinyPNG.com. Сервис использует умные технологии, которые позволяют максимально уменьшить размер картинки. И при этом, что самое главное качество картинки остается прежним. Вам нужно только загрузить свою иллюстрацию на TinyPNG и скачать ее сжатую версию, вот и все.

И в конце маленький пример. Размер заглавной картинки к этому посту был 300 кб, после сжатия ее размер становит 74 кб.

Адаптивный Lightbox на jquery

адаптивный lightbox на jquery
По идеи должен подходить для сайтов и блогов на любой платформе.

Прежде, чем рассказать вам, как добавить в свой блог или сайт адаптивный lightbox на jquery я напишу несколько строчек для тех, кто не знает, что это такое и для чего оно нужно и нужно ли вообще.

Что такое Lightbox

Lightbox - в переводе с английского означает светлая коробка или светлый ящик, в общем, что-то в этом роде. В веб-дизайне Lightbox отыгрывает роль подачи изображения. К примеру вы просматриваете статью в которой есть несколько изображений, если вы хотите посмотреть на это изображение в его полном размере вы, что делаете? Правильно кликаете по нему, и вот в это время когда оно открывается вместе с ним отрывается и Lightbox, который задает фон окна в котором появляется картинка и скажем так стиль появления этой картинки. К примеру сравните, как открывается изображения в разных лайтбоксах:

  1. Обычный Lightbox - кликнете по заглавной картинке поста
  2. Lightbox на jquery

Правда эффект открывания изображения в Lightbox на jquery выглядит намного красивее нежели в обычном? Мне во всяком случае больше нравится второй вариант.

Еще добавлю, что не все лайтбоксы адаптивны с мобильными устройствами. Но не переживайте в нашем варианте это предусмотрено.

Как добавить адаптивный Lightbox на jquery в свой блог или сайт


Для тех у кого платформа blogger переходим в раздел Шаблон - Изменить HTML находим код ]]></b:skin> и перед ним вставляем следующий код:

#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:10%;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a,#jquery-lightbox a:hover{border:none;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;max-width: 960px;max-height: 560px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
img#lightbox-image {max-height: 540px;max-width: 940px;}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width: 100%;z-index:10;}
#lightbox-container-image-box &gt; #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:10%;float:left;}
#lightbox-nav-btnNext{right:10%;float:right;}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;max-width: 940px;;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#555;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:bold;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}

@media (max-width:1200px){
img#lightbox-image {height:100%;width:100%;}
#lightbox-container-image-box{position:relative;background-color:#fff;width: 100% !important;height: 100% !important;margin:0 auto;}
#lightbox-container-image-data-box{width:100% !important;}
}

Затем ищем код  </body> перед которым нужно вставить код:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <script>
(function(a){a.fn.lightBox=function(p){p=jQuery.extend({overlayBgColor:&quot;#000&quot;,overlayOpacity:0.9,fixedNavigation:false,imageLoading:&quot;http://3.bp.blogspot.com/-PhHW03ckcTo/Uxz2KObEXKI/AAAAAAAAGdc/yIlxeHoSGrQ/s1600/loading.gif&quot;,imageBtnPrev:&quot;http://3.bp.blogspot.com/-argbPLkMSYI/Uxz1cSp0BYI/AAAAAAAAGc8/CEVnfIEZcdA/s1600/prev-image.gif&quot;,imageBtnNext:&quot;http://2.bp.blogspot.com/-eKmHc8KcGhg/Uxz1lTM4CoI/AAAAAAAAGdE/aqs71cp-J4M/s1600/next-image.gif&quot;,imageBtnClose:&quot;http://3.bp.blogspot.com/-AaP8lP-PLP4/Uxz1wHeh-1I/AAAAAAAAGdM/B4g4ds7FSr8/s1600/close-image.gif&quot;,imageBlank:&quot;http://4.bp.blogspot.com/-YAyF8nlnzyM/Uxz1579tqvI/AAAAAAAAGdU/qYDLC_j3T6k/s1600/blank.gif&quot;,containerBorderSize:10,containerResizeSpeed:400,txtImage:&quot;Image&quot;,txtOf:&quot;of&quot;,keyToClose:&quot;c&quot;,keyToPrev:&quot;p&quot;,keyToNext:&quot;n&quot;,imageArray:[],activeImage:0},p);var i=this;function r(){o(this,i);return false}function o(v,u){a(&quot;embed, object, select&quot;).css({visibility:&quot;hidden&quot;});c();p.imageArray.length=0;p.activeImage=0;if(u.length==1){p.imageArray.push(new Array(v.getAttribute(&quot;href&quot;),v.getAttribute(&quot;title&quot;)))}else{for(var t=0;t&lt;u.length;t++){p.imageArray.push(new Array(u[t].getAttribute(&quot;href&quot;),u[t].getAttribute(&quot;title&quot;)))}}while(p.imageArray[p.activeImage][0]!=v.getAttribute(&quot;href&quot;)){p.activeImage++}l()}function c(){a(&quot;body&quot;).append(&#39;&lt;div id=&quot;jquery-overlay&quot;&gt;&lt;/div&gt;&lt;div id=&quot;jquery-lightbox&quot;&gt;&lt;div id=&quot;lightbox-container-image-box&quot;&gt;&lt;div id=&quot;lightbox-container-image&quot;&gt;&lt;img id=&quot;lightbox-image&quot;&gt;&lt;div style=&quot;&quot; id=&quot;lightbox-nav&quot;&gt;&lt;a href=&quot;#&quot; id=&quot;lightbox-nav-btnPrev&quot;&gt;&lt;/a&gt;&lt;a href=&quot;#&quot; id=&quot;lightbox-nav-btnNext&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;div id=&quot;lightbox-loading&quot;&gt;&lt;a href=&quot;#&quot; id=&quot;lightbox-loading-link&quot;&gt;&lt;img src=&quot;&#39;+p.imageLoading+&#39;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;lightbox-container-image-data-box&quot;&gt;&lt;div id=&quot;lightbox-container-image-data&quot;&gt;&lt;div id=&quot;lightbox-image-details&quot;&gt;&lt;span id=&quot;lightbox-image-details-caption&quot;&gt;&lt;/span&gt;&lt;span id=&quot;lightbox-image-details-currentNumber&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div id=&quot;lightbox-secNav&quot;&gt;&lt;a href=&quot;#&quot; id=&quot;lightbox-secNav-btnClose&quot;&gt;&lt;img src=&quot;&#39;+p.imageBtnClose+&#39;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&#39;);var t=f();a(&quot;#jquery-overlay&quot;).css({backgroundColor:p.overlayBgColor,opacity:p.overlayOpacity,width:t[0],height:t[1]}).fadeIn();var u=h();a(&quot;#jquery-lightbox&quot;).css({top:u[1]+(t[3]/10),left:u[0]}).show();a(&quot;#jquery-overlay,#jquery-lightbox&quot;).click(function(){b()});a(&quot;#lightbox-loading-link,#lightbox-secNav-btnClose&quot;).click(function(){b();return false});a(window).resize(function(){var v=f();a(&quot;#jquery-overlay&quot;).css({width:v[0],height:v[1]});var w=h();a(&quot;#jquery-lightbox&quot;).css({top:w[1]+(v[3]/10),left:w[0]})})}function l(){a(&quot;#lightbox-loading&quot;).show();if(p.fixedNavigation){a(&quot;#lightbox-image,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber&quot;).hide()}else{a(&quot;#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber&quot;).hide()}var t=new Image();t.onload=function(){a(&quot;#lightbox-image&quot;).attr(&quot;src&quot;,p.imageArray[p.activeImage][0]);j(t.width,t.height);t.onload=function(){}};t.src=p.imageArray[p.activeImage][0]}function j(w,z){var t=a(&quot;#lightbox-container-image-box&quot;).width();var y=a(&quot;#lightbox-container-image-box&quot;).height();var x=(w+(p.containerBorderSize*2));var v=(z+(p.containerBorderSize*2));var u=t-x;var A=y-v;a(&quot;#lightbox-container-image-box&quot;).animate({width:x,height:v},p.containerResizeSpeed,function(){g()});if((u==0)&amp;&amp;(A==0)){if(a.browser.msie){n(250)}else{n(100)}}a(&quot;#lightbox-container-image-data-box&quot;).css({width:w});a(&quot;#lightbox-nav-btnPrev,#lightbox-nav-btnNext&quot;).css({height:z+(p.containerBorderSize*2)})}function g(){a(&quot;#lightbox-loading&quot;).hide();a(&quot;#lightbox-image&quot;).fadeIn(function(){k();s()});q()}function k(){a(&quot;#lightbox-container-image-data-box&quot;).slideDown(&quot;fast&quot;);a(&quot;#lightbox-image-details-caption&quot;).hide();if(p.imageArray[p.activeImage][1]){a(&quot;#lightbox-image-details-caption&quot;).html(p.imageArray[p.activeImage][1]).show()}if(p.imageArray.length&gt;1){a(&quot;#lightbox-image-details-currentNumber&quot;).html(p.txtImage+&quot; &quot;+(p.activeImage+1)+&quot; &quot;+p.txtOf+&quot; &quot;+p.imageArray.length).show()}}function s(){a(&quot;#lightbox-nav&quot;).show();a(&quot;#lightbox-nav-btnPrev,#lightbox-nav-btnNext&quot;).css({background:&quot;transparent url(&quot;+p.imageBlank+&quot;) no-repeat&quot;});if(p.activeImage!=0){if(p.fixedNavigation){a(&quot;#lightbox-nav-btnPrev&quot;).css({background:&quot;url(&quot;+p.imageBtnPrev+&quot;) left 15% no-repeat&quot;}).unbind().bind(&quot;click&quot;,function(){p.activeImage=p.activeImage-1;l();return false})}else{a(&quot;#lightbox-nav-btnPrev&quot;).unbind().hover(function(){a(this).css({background:&quot;url(&quot;+p.imageBtnPrev+&quot;) left 15% no-repeat&quot;})},function(){a(this).css({background:&quot;transparent url(&quot;+p.imageBlank+&quot;) no-repeat&quot;})}).show().bind(&quot;click&quot;,function(){p.activeImage=p.activeImage-1;l();return false})}}if(p.activeImage!=(p.imageArray.length-1)){if(p.fixedNavigation){a(&quot;#lightbox-nav-btnNext&quot;).css({background:&quot;url(&quot;+p.imageBtnNext+&quot;) right 15% no-repeat&quot;}).unbind().bind(&quot;click&quot;,function(){p.activeImage=p.activeImage+1;l();return false})}else{a(&quot;#lightbox-nav-btnNext&quot;).unbind().hover(function(){a(this).css({background:&quot;url(&quot;+p.imageBtnNext+&quot;) right 15% no-repeat&quot;})},function(){a(this).css({background:&quot;transparent url(&quot;+p.imageBlank+&quot;) no-repeat&quot;})}).show().bind(&quot;click&quot;,function(){p.activeImage=p.activeImage+1;l();return false})}}m()}function m(){a(document).keydown(function(t){d(t)})}function e(){a(document).unbind()}function d(t){if(t==null){keycode=event.keyCode;escapeKey=27}else{keycode=t.keyCode;escapeKey=t.DOM_VK_ESCAPE}key=String.fromCharCode(keycode).toLowerCase();if((key==p.keyToClose)||(key==&quot;x&quot;)||(keycode==escapeKey)){b()}if((key==p.keyToPrev)||(keycode==37)){if(p.activeImage!=0){p.activeImage=p.activeImage-1;l();e()}}if((key==p.keyToNext)||(keycode==39)){if(p.activeImage!=(p.imageArray.length-1)){p.activeImage=p.activeImage+1;l();e()}}}function q(){if((p.imageArray.length-1)&gt;p.activeImage){objNext=new Image();objNext.src=p.imageArray[p.activeImage+1][0]}if(p.activeImage&gt;0){objPrev=new Image();objPrev.src=p.imageArray[p.activeImage-1][0]}}function b(){a(&quot;#jquery-lightbox&quot;).remove();a(&quot;#jquery-overlay&quot;).fadeOut(function(){a(&quot;#jquery-overlay&quot;).remove()});a(&quot;embed, object, select&quot;).css({visibility:&quot;visible&quot;})}function f(){var v,t;if(window.innerHeight&amp;&amp;window.scrollMaxY){v=window.innerWidth+window.scrollMaxX;t=window.innerHeight+window.scrollMaxY}else{if(document.body.scrollHeight&gt;document.body.offsetHeight){v=document.body.scrollWidth;t=document.body.scrollHeight}else{v=document.body.offsetWidth;t=document.body.offsetHeight}}var u,w;if(self.innerHeight){if(document.documentElement.clientWidth){u=document.documentElement.clientWidth}else{u=self.innerWidth}w=self.innerHeight}else{if(document.documentElement&amp;&amp;document.documentElement.clientHeight){u=document.documentElement.clientWidth;w=document.documentElement.clientHeight}else{if(document.body){u=document.body.clientWidth;w=document.body.clientHeight}}}if(t&lt;w){pageHeight=w}else{pageHeight=t}if(v&lt;u){pageWidth=v}else{pageWidth=u}arrayPageSize=new Array(pageWidth,pageHeight,u,w);return arrayPageSize}function h(){var u,t;if(self.pageYOffset){t=self.pageYOffset;u=self.pageXOffset}else{if(document.documentElement&amp;&amp;document.documentElement.scrollTop){t=document.documentElement.scrollTop;u=document.documentElement.scrollLeft}else{if(document.body){t=document.body.scrollTop;u=document.body.scrollLeft}}}arrayPageScroll=new Array(u,t);return arrayPageScroll}function n(v){var u=new Date();t=null;do{var t=new Date()}while(t-u&lt;v)}return this.unbind(&quot;click&quot;).click(r)}})(jQuery);
$(document).ready(function(){
$(&#39;a[href$=jpg]:has(img)&#39;).lightBox();
$(&#39;a[href$=jpeg]:has(img)&#39;).lightBox();
$(&#39;a[href$=png]:has(img)&#39;).lightBox();
$(&#39;a[href$=gif]:has(img)&#39;).lightBox();
$(&#39;a[href$=bmp]:has(img)&#39;).lightBox();
});
</script>
</b:if>

Затем сохраняете шаблон. Теперь в настройках нам нужно отключить lightbox, для этого переходим в раздел - Настройки - Сообщения и комментарии. В появившемся окне напротив строки:  
  • Показывать изображения в Lightbox ?
Переключаете на Нет и сохраняете настройки вверху с правой стороны. На картинке ниже указано, как это сделать.

отключить lightbox blogger

Вот и все, теперь можете радоваться новому Lightbox на jquery.


Как добавить друзей в Google

Как добавить друзей в google+

Сегодня мы будем путешествовать по социальному миру Google+, чтобы шаг за шагом узнать для себя несколько полезных советов о тонкостях работы этой скромной системы. В этом руководстве вы узнаете, как добавить друзей в google+ и как создавать новые круги для различных социальных категорий. Выбрал я именно эту тему, потому что blogger тесно взаимодействует с google+ по-этому для всех пользователей платформы blogger и не только для них это тема без всяких сомнений будет полезной.

Как найти и пригласить друзей в Google плюс

  1. Зайдите в Google плюс
  2. Войдите в свой аккаунт
  3. С правой стороны вы увидите форму возможных друзей и правее нее иконку с тем же значением
    googl+ добавить друзей в свои круги
  4. Кликните по ссылке Еще или по иконке и перед вами появиться весь список так называемых возможных друзей, которых вы можете добавить в свои круги

Каждого из друзей система предложит занести в уже существующие круги:
  • Друзья
  • Семья 
  • Знакомые
  • Подписки
Или же вы можете создать новый круг задав ему свое название.

Как создать новый круг и добавить туда уже имеющихся друзей.

На этой же странице в той же форме с правой стороны кликните по ссылке Еще и в новом окне перейдите на вкладку Мои круги 

google+ как содать новый круг

Здесь внизу наведите мышку на круглый значок с плюсом внутри, после чего появиться надпись: "перетащите контакты или нажмите, чтобы создать круг".  Кликните по этому кругу и вы с легкостью сможете создать новый социальный круг следуя простым инструкциям.

Добавить в блог комментарии google+

Добавить в блог комментарии google+

С большой уверенностью можно сказать, что Google не забывает усовершенствовать свои творения. В данном случае речь идет о социальной сети Google+ и конструкторе для блогов и сайтов blogger. Эти два творения Гугла уже давно связаны между собой и не только комментариями, но и другими полезными виджетами.

Для тех кто не знает скажу, что после создания веб ресурса на blogger вы можете выбрать между стандартной формой комментариев блогера и интегрированной формой комментариев из социальной сети google+. Но не во всех шаблонах есть такая возможность. Зачастую зарубежные веб дизайнеры избавляются от второго варианта. в таком случае владельцу данного шаблона нужно добавлять в свой блог комментарии google+ вручную через редактор Изменить HTML.

Возможности комментариев google+

При помощи комментариев google+ вы можете легко отслеживать разговоры своих читателей, а те в свою очередь могут узнавать, что пишут другие люди о вашем блоге.

Конфиденциальность пользователей

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

Расширенный охват публики

Еще один значительный плюс в том, что вы можете значительно расширить охват своей публики. Комментарии, которые пользователи делают в вашем блоге появляются в их аккаунтах. Таким образом при помощи комментариев google+ вы могли бы привлечь совершенно новую аудиторию и тем самым увеличить трафик на свой сайт или блог.

Как добавить комментарии google+ в свой блог - сайт

Имейте ввиду, что после этого стандартная форма комментариев blogger не будет отображаться, но вы всегда сможете вернуться к ней и при этом ваши диалоги с другими пользователями останутся целыми и невредимыми, но в новой форме google+ они могут не отображаться.

Перейдите в раздел Google+  и в нем поставьте галочку напротив:  
  •  Включить комментарии Google+ в этом блоге

Если после этого новая форма комментариев не срабатывает, в таком случае вам нужно в разделе Шаблон - Изменить HTML найти код:

      <b:if cond='data:blog.pageType == & quot;static_page&quot;'>
       <b:if cond='data:post.showThreadedComments'>
          <b:include data='post' name='threaded_comments'/>
          <b:else/>
          <b:include data='post' name='comments'/>
       </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == & quot;item&quot;'>
       <b:if cond='data:post.showThreadedComments'>
          <b:include data='post' name='threaded_comments'/>
          <b:else/>
          <b:include data='post' name='comments'/>
       </b:if>
    </b:if> 


Две выделенные части красным кодом нужно заменить на следующий код:

  <b:include data='post' name='comment_picker'/>

После этого сохраняете шаблон и проверяете наличие в своем блоге комментариев google+. 

Kompi Landing Page шаблон для blogger

Kompi Landing Page бесплатный шаблон для blogger blogspot

Демо
Скачать бесплатную версию
Настроить шаблон

Kompi landing page бесплатный шаблон для blogger (blogspot)


В последнее время так называемые сайты Landing Page набирают все больше популярности в сфере интернет коммерции. Увы blogger не может похвастаться большим количеством подобных шаблонов в своем арсенале, ведь их в основном используют фирмы и компании предлагающие определенные услуги. Тогда как пользователи blogger это зачастую физические особы, которые зарабатывают на своих сайтах - блогах при помощи рекламы google adsense.

На своей памяти я могу насчитать вот уже если брать и этот шаблон, то да, всего два шаблона blogger для landing page. Думаю, что если бы на них действительно был большой спрос на платформе blogger, то их сейчас могло бы быть гораздо больше. Судя по такой печальной статистики спрос очень маленький. Но у меня хорошая новость для тех, кто все же хочет сделать Landing Page на blogger такая возможность у вас есть и в этом вам поможет бесплатный шаблон для blogger Kompi landing page.

Как и должно быть в нем есть Целевая (главная) страница где можно отобразить:
  • Название компании или фирмы
  • Род деятельности 
  • Кнопки социальных сетей
  • Товары и услуги
  • Форму контактов
  • Местонахождение на карте Google

Как видите вес пакет, который должен быть на Landing Page присутствует в полном объеме.

В верхней части можно увидеть главное меню. В нем есть кнопка Blog при нажатии на которую у вас появится возможность просмотреть все содержимое сайта. Там дальше все по старому. 

Если возникнут сложности с настройкой шаблона можете обратиться к нам за помощью.

Как добавить в Яндекс карту сайта - файлы sitemap

Добавить в Яндекс карту сайта - файлы sitemap



Следовательно нужно было уже давно опубликовать руководство о том, как добавить в Яндекс карту сайта - блога. Но рабочий график все никак не позволял этого сделать. Времени хватило лишь на то, чтобы рассказать вам, как добавить карту сайта в гугл, вернее файлы sitemap. На той же странице вы можете ознакомиться для чего это нужно сделать. Если вкратце, то добавление в поисковую систему файлов sitemap сайта или блога помогает понять их содержимое и тем самым несколько увеличить процент SEO оптимизации, что влечет за собой более высокие позиции в результатах поисковой выдачи.

Нужно знать, что внесение файлов sitemap является одним из этапов добавления сайта - блога в Яндекс:
  • Регистрация
  • Добавление сайта
  • Проверка прав

И это будет завершающий этап.

Как добавить в Яндекс карту сайта


Итак для того, чтобы добавить в Яндекс карту сайта нужно:

1. Перейти на webmaster.yandex.
2. Дальше войти в раздел Мои сайты, здесь выбрать нужный сайт.
3. В панели с левой стороны открыть вкладку Настройки индексирования и в ней выбрать Файлы sitemap.
4. После откроется новая страница, где вы увидите строку в которой нужно вставить ссылку:

http://www.shablonu-dlya-blogger.ru/sitemap.xml

Участок ссылки выделенный красным меняете на адрес своего сайта. И жмете кнопку Добавить.

добавление в яндекс файлов sitemap
В общем все довольно просто. После этого спустя некоторое время поисковой робот учтет данные изменения и внесет эти файлы в свою базу. Период этого времени зависит от домена вашего сайта.

ExGPress шаблон для blogger на русском языке

ExGPress шаблон для blogger на русском языке

ExGPress премиум шаблон для blogger

С чего бы это начать? Ну пожалуй начну с того, что был создан действительно шикарный шаблон, который без всяких сомнений достойно выступит на всемирной арене blogger. Он превосходит множество уже полюбившихся шаблонов не только простотой, элегантностью и тонкостью своего дизайна, но и лучшей SEO оптимизацией. Если бы нужно было вкратце охарактеризовать ExGPress я бы сказал, что это шаблон, который заставляет сердце биться сильнее.

Особенности шаблона

По своей функциональности ExGPress не сильно отличается от других шаблонов blogger, но все же некоторые отличия в нем есть. К примеру не всегда найдешь нормальную тему для blogspot, которая имеет три колонтитула, два из которых служат для добавления виджетов и гаджетов (плюс к этому стоит добавить аж четыре панели в нижней части) и автоматическая подгрузка постов более  известная, как Infinite Scroller. И все это подкрепляется быстрой загрузкой всех страниц. О достоинствах этого монстра можно еще долго рассказывать, но времени не так много по-этому выделил только самые важные компоненты.

Структура шаблона

1. Главное Меню

Главное меню по традиции занимает верхнею позицию и радует всех нас не только выпадающими ячейками, но и разнообразными иконками и вмонтированным окном поиска.

2. Сообщения шаблона на главной странице

Чем-то похожи на тот тип, который встречается в одном из динамических шаблонов blogger. И по своему стилю напоминает стену (ленту) из социальных сетей. В них вмонтирована организационная строка определяющая дату, автора, категорию публикации и количество написанных к ней комментариев. Насчитывает три эффекта визуального выделения. Смена цвета элементов и увеличение изображения.

3. Постраничная навигация или Infinite Scroller

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

4. Колонтитулы шаблона

Помним из текста выше, что ExGPress обладает двумя колонтитулами для виджетов и гаджетов, что в последнее время является большой редкостью для шаблонов. Так же для виджетов есть сразу четыре кармана в футере (нижняя часть) шаблона.

5. Сообщения шаблона на второстепенных страницах

Здесь можно выделить обновленный внешний вид таких функций редактора, как:
  • Цитаты 
  • Маркированный список 
  • Нумерованный список 
Обновления добрались и к виджету поделиться в соцсетях, было добавлено две кнопки поделиться в Одноклассниках и в Pinterest. Так же внешне обновилась форма комментариев blogger. Напоследок остается отметить новую кнопку скроллинга вверх, которую вы явно еще нигде не встречали и адаптивный дизайн позволяющий работать вашему сайту или блогу на мобильных устройствах.

Демо
Скачать бесплатную версию
Приобрести шаблон полная SEO версия