Блог-шоу – выпуск 50 Заработок online

Блог-шоу – выпуск 50
Улучшения в HTML редакторе шаблона Blogger
Упоминание в постах пользователей Google+
Обзор программы для SEO аудита сайтов Website Auditor
Как я организую информацию при продвижении сайтов
Мозговой штурм перед созданием англоязычного сайта
Как выбрать тематику англоязычного сайта
9 причин, почему нужно заниматься англоязычным SEO
Как я работал поваром в летнем лагере в США
Как привлекать целевых посетителей с помощью программы BuzzBundle
Интервью – Алексей Паньшин, автор блога seokemerovo.ru и директор Паньшин Групп
Мой отчет о SEO конференции в Казани
Управление страницами в Blogger
Страница Blogger на Google+ с полезной информацией
Итоги BlogoHelp`а в 2013 году (лучшие посты)
DesignPress - крутой дизайнерский шаблон для Blogger
Два простых стильных шаблона для Blogger
Делимся постами блога в Google+ автоматически
7 причин для создания блога на платформе Blogger
Оптимизация изображений в Blogger для привлечения трафика
Социальные кнопки с эффектом при наведении
Комментарии Google+ в Blogger
Базы для продвижения блогов и сайтов
Оригинальное увеличение картинки в Blogger
Эффектный темный шаблон с большим слайдером
Шаблон Rusalka для Blogger
Стильное облако тегов для Blogger с помощью CSS3
Легче предупредить, чем лечить: антивирусы для вашего ПК
Создаем блок подписчиков и фолловеров в сайдбаре
Лучшие статьи BlogoHelp и новости Blogger 2012
Морской шаблон Jumbudvipam для Blogger
Винтажный шаблон Old Magazine для Blogger
Шаблон Garden для блога о растениях и саде
Улучшенное мобильное приложение для Blogger
Виджет фолловеров Google+ в Blogger
NOINDEX и NOFOLLOW – что такое и как использовать
Lightbox на HTML и CSS3 без применения JavaScript и jQuery
Особенности рекламной кампании в социальных сетях
Блогу SEO-Дилетанта два года. Блог жил, жив и будет жить
Оптимизация и переоптимизация текстов – новость Яндекса и личный опыт
Как правильно настроить URL адрес сайта в файле .htaccess
Как защитить свой контент от воровства
SEO оптимизация WordPress – Title и метатеги без плагина
Мета тег Robots и файл Robots.txt – как управлять индексацией страниц сайта
Как установить нестандартный кириллический шрифт на сайт

Posted: 26 Dec 2014 02:20 AM PST

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

Это пятидесятый, юбилейный выпуск рубрики блог-шоу на shakin.ru. Первое блог-шоу я опубликовал 19 января 2008 года, можете его посмотреть по этой ссылке.

Для разнообразия я решил разместить самое вкусное – пункт “Продвижение сайтов” не в начале, а в конце блог-шоу . Всего в этом выпуске 40 ссылок на интересные материалы, из них 23 – в пункте о SEO.

Итак, поехали !

Полезные сервисы и программы

cleantalk.org – поставил в ноябре эту платную защиту от спама на свой форум по Фотошопу http://planetaphotoshop.ru/, и проникся к этому сервису глубоким уважением. За это время не прорвался ни один спамер, при этом нормальные пользователи регистрируются без проблем. А раньше каждую неделю приходилось вычищать спамные сообщения, которые появлялись, несмотря на капчу (защитный код). А теперь и капча не нужна, я ее отключил. Кого замучил спам – рекомендую. Стоит недорого и есть поддержка многих движков, например, WordPress, Data Life, phpBB. Я искренне желаю ребятам успехов в развитии сервиса и хочу, чтобы о нем узнало как можно больше владельцев сайтов.

Читать далее Блог-шоу – выпуск 50

Пост Блог-шоу – выпуск 50 опубликован на блоге Shakin.ru.

Мой отчет о SEO конференции в Казани

Posted: 08 Oct 2014 03:17 AM PDT

Дорогие друзья, пришло время написать отчет о моей поездке на SEO конференцию в Казань, которая проходила 25-26 сентября 2014 года. В посте будет много фотографий, в конце я напишу выводы, которые я для себя сделал.

Я не буду пересказывать доклады, вы их можете посмотреть по приведенной далее ссылке. Лучше я расскажу, какой я увидел конференцию и покажу немного, что происходило “за кулисами”.

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

Начну по порядку. Так как я покупал билет на конференцию за несколько месяцев, то мне удалось забронировать номер в отеле в том же здании IT-Park, в котором проходило мероприятие:

Это оказалось не только очень удобно, но и комфортно. Номер отличный, много места:

номер в отеле IT-Park в Казани

Читать далее Мой отчет о SEO конференции в Казани

Пост Мой отчет о SEO конференции в Казани опубликован на блоге Shakin.ru.

The post Мой отчет о SEO конференции в Казани appeared first on Продвижение сайтов, веб-дизайн и креатив.

Управление страницами в Blogger

Posted: 20 Mar 2014 09:40 AM PDT

Функционал страниц (не постов) в Blogger появилась более 4х лет назад. Разработчики посчитали, что будет полезно размещать в блоге статические странице об авторе, рекламных предложениях и другой полезной информации. Тогда, кстати, еще был старый интерфейс админки, который сейчас совсем не узнать.

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

С помощью нового дизайна вы можете:

просматривать информацию о странице - количество просмотров и комментариев;
управлять несколькими страницами сразу;
просмотреть сколько страниц в черновиках и опубликованы.

Виджеты для страниц

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

В настройках виджета страниц можете помещать местами разные пункты и добавить новые.

В принципе, глобальных каких-то изменений данное обновление не внесло, но стало работать со страницами гораздо удобнее и проще.

Страница Blogger на Google+ с полезной информацией

Posted: 18 Jan 2014 04:05 PM PST

Недавно в статье про полезные ресурсы в помощь Blogger'у я привел парочку интересных ссылок для пользователей системы. Хотя лично для меня максимально актуальным в последние пару лет был проект buzz.blogger.com. К сожалению, обновления там сейчас публикуются крайне редко. Боюсь скорого его постигнет судьба "ушедшего на пенсию" Blogger in Draft.

А недавно совершенно случайно попал на тематическую страницу Blogger на Google+ от разработчиков, которая мне очень понравилась. Я так понял вся активность "перенеслась" именно туда. Только за половину января 2014 там размещено больше записей чем за весь 2013 год в Blogger Buzz!

Конечно, эта информация имеет совсем другой формат - тут нет "полноценных" обзорных и "повествовательных" статей. Большая часть материалов (как и полагается для социальной сети) является короткими сообщениями со ссылками на соответствующие страницы. В некоторых из них найдете видеоролики. Далеко за примером ходить не нужно - в последних записях представлены видео некого Mike Downes, который создал на Blogger около 160 проектов и делится своим большим опытом.

Там есть ролики про текстовый редактор, монетизацию, вставку видео и многое другое. Конечно, все они на английском, поэтому хоть какое-то базовое знание языка приветствуется.

Также под конец года была опубликована подборка #14to2014 из 14ти лучших советов по работе с платформой Blogger: восстановление постов, мобильных блоггинг, SEO оптимизация, распространенные ошибки и т.п.

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

Кроме этих записей на странице Blogger в Google+ встречаются ссылки на статьи других блоггеров, например, про создание пользовательского меню. Также имеются трансляция видео трансляций Hangout с полезными обсуждениями для блоггеров. Есть заметки личного плана по типу поздравления с ДР разработчиков Blogger и т.п.

Конечно, если отбросить все эти материалы и сосредоточиться только на анонсах новых функций как это делает Blogger Buzz, постов там было бы мало. Но в этом и вся прелесть страницы Blogger на Google+ ведь тут представлена абсолютно вся информация про систему не важно кто является ее автором или в каком формате (текст, видео, ссылка) она подается. Это круто!

Итоги BlogoHelp`а в 2013 году (лучшие посты)

Posted: 30 Dec 2013 09:33 AM PST

В BlogoHelp`е давно не было новых публикаций, так как сами разработчики Blogpost не особо радовали нас обновлениями во второй половине 2013 года. Хотя, если так призадуматься, то вообще весь 2013 прошел без каких-либо крупных и значительных апдейтов. Сравнивая происходящее с итогами Blogger 2012 где было много важных моментов, 2013 оказался каким-то "тихим годом". Тем не менее, я решил опубликовать обзор наиболее интересных заметок в этом году. Для удобства разделил их по категориям.

Google+

Значительное количество времени разработчики уделили интеграции блогохостинга Blogpost и социальной сети Google+. Вполне логичная тенденция, которая прослеживается в течении всего года.

Упоминание в постах пользователей Google+. В текстовом редакторе добавился инструмент легкого добавления ссылок на профили пользователей из Google+.

Комментарии Google+ в Blogger. Комментарии к постам в социальной сети будут также отображаться и в самом блоге. Это полезно для расширения аудитории. Также появится управление видимостью комментариев (только для кругов соц.сети).

Делимся постами блога в Google+ автоматически. Все публикации блога могут быть автоматически опубликованы в ленте Google+.

Виджеты

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

Создаем блок подписчиков и фолловеров в сайдбаре. Красивый виджет, отображающий число подписчиков в фэйсбуке, твиттере, по RSS, соц.сетям Google+ и Pinterest.

Стильное облако тегов для Blogger с помощью CSS3. Симпатичный вариант оформления облака тегов с помощью стилей. Небольшой CSS код придаст данном виджету отличный вид. Можете над стилями поэкспериментировать дополнительно.

Социальные кнопки с эффектом при наведении. Еще один вариант оформления блока подписки. Смотрится очень стильно и эффектно, хотя CSS кода намного больше, чем в предыдущем посте.

Функции и хаки

Улучшения в HTML редакторе шаблона Blogger. По сути, единственное глобально изменение в самом движке блогохостинга. Редактор шаблона стал намного удобнее, нагляднее и лучше. Тут вам и нумерация строк, и подсветка синтаксиса, и поиск по коду и т.п.

Оригинальное увеличение картинки в Blogger. В данном посте рассмотрена реализация увеличения фотки при наведении на картинку. Для некоторых типов сайтов может быть полезна.

Оптимизация изображений в Blogger для привлечения трафика. Пригодится тем, кто пишет не просто для себя, а занимается еще и продвижением сайта. Парочка советов для вас.

Напоследок, можно также упомянуть посты с обзорами шаблонов для Blogger. Были там и простые/минималистические, и дизайнерские/стильные. Проще всего просмотреть одноименный раздел блога.

Что же касается планов на 2014, то тут пока что некая неопределенность. Я реально не ожидал такой пассивности разработчиков. С другой стороны они внедрили практически все значимые и требуемые обновления ранее. Возможно, буду публиковать простые заметки как решить те или иные задачи для Blogger. Но реально с темами для постов имеется легкая напряженка.
Удачи вам в новом 2014 году.

DesignPress - крутой дизайнерский шаблон для Blogger

Posted: 24 Nov 2013 03:54 PM PST

Если вы ищите яркий шаблон для дизайнерского блога или проекта, который имеет похожую тематику, то DesignPress отлично подойдет. Основными фишками темы автор считает jQuery слайдер в шапке, красивое фоновое изображение, а также весьма серьезную функциональность. В принципе, не зря тема называется именно DesignPress - мне кажется, дизайн является в ней самым большим плюсом (можно сказать "козырем"). Темные макеты всегда создают стильный эффект, фон здесь также подобран очень хорошо. Шрифт основного содержимого макета не белый, поэтому читать текст не сложно. Лично мне шаблон очень нравится, реально один из лучших.

Скачать

В шапке DesignPress кроме, упомянутого выше, стильного слайдера найдете также: два горизонтальных меню (второй выпадающее до 3-х уровней), логотип и место для баннера 468x60. Все эти элементы меняются через правку HTML кода макета.

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

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

В футере кроме копирайта найдете 3 колонки, которые можете заполнить соответствующими виджетами или информацией (например, разместить контакты). По умолчанию в колонках футера отображаются списки ссылок, а также страницы блога. Я так понимаю их можно редактировать через раздел "Дизайн" в админке Blogger, что весьма удобно. В целом, сами видите, тема DesignPress более чем крутая, причем не только для личного, но и коммерческого проекта.

P.S. Одна из самых больших статей затрат при работе с принтерной техникой это расходные материалы. Вы можете купить снпч для техники Canon, Epson, HP в интернет магазине электроники Эра.

Два простых стильных шаблона для Blogger

Posted: 17 Oct 2013 01:30 AM PDT

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

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

Шаблон "Фруктовый микс" - просто и со вкусом

Данный макет может подойти для кулинарного блога или сайта, посвященного вину (два бокала которого расположены в футере). Цвета в шаблоне приглушенные, но не блеклые.

Скачать

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

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

Минималистический шаблон Heliumified

Данная тема может использоваться как для личного так и, например, для тематического блога с техническим уклоном (интернет, веб-дизайн, программирование). Все здесь достаточно сдержанно и четко, можно даже сказать в какой-то мере "строго".

Скачать

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

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

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

Делимся постами блога в Google+ автоматически

Posted: 16 Sep 2013 12:53 PM PDT

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

"Шаринг" (sharing) - это полезно для развития проекта, особенно сейчас, когда активность в социальных сетях достаточно велика. С другой стороны это требует определенного (пусть и незначительного времени). Именно поэтому в Blogger'е решили данный процесс автоматизировать. Долой лишние клики! Напомню, что отправлять новый пост в социальную сеть Google+ можно было и раньше - для этого просто нужно было законнектится к Google+.

Кроме того, если вы подключили комментарии Google+ к Blogger'у то все ответы в социальной сети будут автоматически отображаться и в вашем блоге.

У всех, кто законектился блогом с Google+, опция автоматической отправки уведомлений начнет работать сама, начиная с публикации следующего поста в блоге. В иных случаях можно вручную активировать ее из админ панели. Заходите во вкладку "Google+", где отмечаете галочки напротив соответствующих пунктов.

Вот такое вот небольшое обновление. С одной стороны достаточно незначительное, с другой - сложно представить что еще нужно улучшать в системе Blogger: комментарии, МЕТА теги, настройки индексации - все уже есть.

7 причин для создания блога на платформе Blogger

Posted: 09 Aug 2013 05:04 AM PDT

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

1. Простота и удобность. Интерфейс сервиса Blogger довольно-таки прост и интуитивно понятен. Для создания блога не требуется каких-то особых знаний или умений.

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

3. Преимущества при продвижении блога в поисковой системе Google. Так как сам сервис принадлежит компании Гугл, вполне закономерно, что блоги, которые созданы на Blogger, намного легче вывести на первые страницы поисковых результатов. Да и в целом достоинством такого блога является высокая интеграция с другими сервисами Гугл.

4. Возможность создать на одну учетную запись несколько блогов. Ограничений нет!

5. Многофункциональность блога и наличие множества полезных гаджетов. Здесь можно вдоволь экспериментировать с дизайном и использовать различные дополнительные гаджеты, предлагаемые на сервисе.

6. Беспроблемный перенос блога на собственный домен. Если в будущем вы захотите приобрести себе доменное имя и перенести на него свой блог, сделать это можно будет без особых проблем – в настройках блога есть соответствующее меню для этого.

7. Возможность напрямую зарабатывать с Google AdSense. В меню управления блогом есть специальная вкладка «Прибыль», где вы можете зарегистрироваться в AdSense и начать зарабатывать посредством размещения рекламы на блоге.

Создание блога на платформе Blogger – это масса преимуществ, которыми просто грех не воспользоваться. Успехов вам в блоггерстве!

P.S. В работе с Joomla есть много разных тонкостей и нюансов. Начиная от настройки ЧПУ и заканчивая вопросом как сделать robots.txt для Joomla 2.5 и VirtueMart 2 максимально корректно. К счастью, в интернете есть блоги, которые рассказывают об этой CMS и работе с ней.

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

Posted: 06 Jul 2013 03:42 PM PDT

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

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

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

Правильные изображения

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

Кроме того, неплохо было бы использовать в названии файла картинки ключевые слова. Например, намного более разумно написать для фото выше имя sport-car.jpg нежели spcr.jpg. Если будете ссылаться на ту или иную картинку на сайте используйте в тексте анкора (ссылки) ключевые слова - это также полезно для seo оптимизации.

Добавление Alt в тег IMG

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


<img src="sport-car.jpg" alt="Спортивная машина" />

Кстати, в браузерах параметр Alt используется для вывода текста на странице, когда фото не может быть загружена (или отключено их отображение). Это достаточно удобно и для самих пользователей, которые сразу поймут, что в определенном месте есть картинка.

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

1. Заходите в текстовый редактор, где кликаете по иконке добавления изображения.

2. После вставки фото, выделяете его и в меню под ним выбираете пункт "Свойства".

3. Во всплывающем окне вводите значения параметров Title и Alt.

В качестве текста может быть название картинки и ключевые слова. Параметр Title отображает текст при наведении курсора мышки на изображение, тогда как Alt больше для поисковиков (о чем мы говорили выше). Оптимизация картинок сайта, как и его текстов - это полезно. Если есть время и желание получать больше поискового трафика, советую, этим вопросом заниматься.

Если в вашем доме часто отключают горячую воду, то проще купить водонагреватели в Одессе или будь то в Киеве - тогда вы будете не зависеть от ситуации.

Социальные кнопки с эффектом при наведении

Posted: 14 Jun 2013 10:47 AM PDT

Сейчас в каждом блоге просто таки должен быть блок со ссылками на профили автора в социальных сетях. Начиная от самых популярных типа твитера, Вконтакте и заканчивая общепризнанными проектами вроде Google+ и Facebook. Сюда же часто добавляют ссылки на другие сайты социальных медиа - Youtube, Pinterest и др. Ну, и конечно, не следует забыть про RSS. Все это дополнительная возможность для пользователей присоединиться к вашей аудитория в соц.сервисах и получать обновленную информацию там, где им наиболее удобно.

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

Для установки заходим в админ панель Blogger. Выбираем пункт меню "Дизайн". Затем создаем новый виджет "HTML/Javascript". Можно добавить его, например в сайдбар или футер - все зависит от вашего макета.

В сам виджет добавляем код:


<style>

.StarsBloggingSocialButtonsBorder {

margin:0 auto;

padding:5px;

width:auto;

border-radius:5px;

border: 1px #BBBBBB solid;

}

#bloggertrix-SexySocialButtons{

list-style:none;

text-decoration:none;

font-size:0.9em;

font-family:trebuchet ms,sans-serif;

}

#bloggertrix-SexySocialButtons a{

text-decoration:none;

font-family:trebuchet ms,sans-serif;

}

#bloggertrix-SexySocialButtons li{

position:relative;

height:38px;

cursor:pointer;

padding: 0 !important;

}

#bloggertrix-SexySocialButtons .facebook, .googleplus, .YouTube, .rss, .twitter{

position:relative;

z-index:5;

display:block;

float:none;

margin:5px 0 0;

width:210px;

height:38px;

border-radius:5px; background:url(http://1.bp.blogspot.com/-JKq0eFFwx34/UGx39fhHO_I/AAAAAAAABE4/56i9phAS2do/s1600/NBT+Sprites+Social+Icons.png) no-repeat;

background-color:rgba(217,30,118,.42);

-webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px;

-moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px;

box-shadow:rgba(0,0,0,.28) 0 2px 3px;

color:#141414;

text-align:left;

text-indent:50px;

text-shadow:#333 0 1px 0;

white-space:nowrap;

line-height:32px;

-webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out;

-moz-transition:width .25s ease-in-out,background-color .25s ease-in-out;

-ms-transition:width .25s ease-in-out,background-color .25s ease-in-out;

-o-transition:width .25s ease-in-out,background-color .25s ease-in-out;

transition:width .25s ease-in-out,background-color .25s ease-in-out;

-o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;

}

#bloggertrix-SexySocialButtons li:after{

position:absolute;

top:0;

left:50px;

z-index:2;

display:block;

height:38px; color:#ffffff;

content:attr(data-alt);

line-height:32px;

}

#bloggertrix-SexySocialButtons .icon{

overflow:hidden;

color:#fafafa;

}

#bloggertrix-SexySocialButtons .facebook{

width:32px;

height:32px;

background-color:rgba(59,89,152,0.42);

background-position:0 0;

}

#bloggertrix-SexySocialButtons .twitter{

width:32px;

height:32px;

background-color:rgba(64,153,255,0.42);

background-position:0 -33px;

}

#bloggertrix-SexySocialButtons .googleplus{

width:32px;

height:32px;

background-color:rgba(228,69,36,0.42);

background-position:-3px -66px;

}

#bloggertrix-SexySocialButtons .YouTube{

width:32px;

height:32px;

background-color:rgba(174,45,39,0.42);

background-position:-2px -95px;

}

#bloggertrix-SexySocialButtons .rss{

width:32px;

height:32px;

background-color:rgba(255,102,0,0.42);

background-position:-3px -126px;

}

#bloggertrix-SexySocialButtons li:hover .icon,

.touch #bloggertrix-SexySocialButtons li .icon{

width:210px;

}

.touch #bloggertrix-SexySocialButtons li .facebook, #bloggertrix-SexySocialButtons li:hover .facebook{

background-color:rgba(59,89,152,1);

}

.touch #bloggertrix-SexySocialButtons li .twitter, #bloggertrix-SexySocialButtons li:hover .twitter{

background-color:rgba(64,153,255,1);

}

.touch #bloggertrix-SexySocialButtons li .googleplus, #bloggertrix-SexySocialButtons li:hover .googleplus{

background-color:rgba(228,69,36,1);

}

.touch #bloggertrix-SexySocialButtons li .YouTube, #bloggertrix-SexySocialButtons li:hover .YouTube{

background-color:rgba(174,45,39,1);

}

.touch #bloggertrix-SexySocialButtons li .rss, #bloggertrix-SexySocialButtons li:hover .rss{

background-color:rgba(255,102,0,1);

}

</style>
<div class="bloggertrixSocialButtonsBorder">

<ul id="bloggertrix-SexySocialButtons">

<li data-alt="Follow us on Facebook"><a class="icon facebook" href="https://www.facebook.com/bloggertrix">Follow us on Facebook</a></li>

<li data-alt="Follow us on Twitter"><a class="icon twitter" href="https://twitter.com/bloggertrix">Follow us on Twitter</a></li>

<li data-alt="Follow us on Google+"><a class="icon googleplus" href="https://plus.google.com/107955298793879607964">Follow us on Google+</a></li>

<li data-alt="Subscribe us on YouTube"><a class="icon YouTube" href="https://youtube.com/Username">Subscribe us on YouTube</a></li>

<li data-alt="Subscribe with RSS"><a class="icon rss" href="http://feeds.feedburner.com/bloggertrix">Subscribe with RSS</a></li></ul></div>

Дальше сохраняем и проверяем работоспособность виджета - отображается ли он, работает ли эффект наведения и переход по ссылкам.

Если все ок, то нужно будет внести в код некоторые модификации. Опять же открываем раздел "Дизайн", выбираем редактирование только что созданного виджета. Здесь есть несколько параметров/настроек, которые можно изменить:

1. Во-первых, в самом конце кода найдете ссылки на профили в тех или иных социальных сервисах - https://www.facebook.com/bloggertrix, https://plus.google.com/107955298793879607964 и т.п. Все ссылки нужно обязательно(!) заменить на свои.

2. Во-вторых, желательно для русских или украинских блогов заменить текст "Follow us on" на соответствующие русские и украинские аналоги.

3. В приведенном выше коде в начале идет блок разных стилей style, в нем можете отредактировать те или иные элементы, которые вас не устраивают. Например, возможно, вы захотите изменить иконки сервисов какими-то другим соц.сетями - ищите в коде background:url, где имеется ссылка на картинку с иконками. Вы можете сохранить файл, изменить его с помощью фотошопа, после загрузить на свой хостинг Ukrnames или другой, а затем замените линк в коде. Кроме того, белый цвет шрифта подойдет не всем дизайнам, хотя черный будет не так ярко смотреться на фоне кнопки при наведении. Как бы там ни было, стили вы можете менять под себя и свои нужды.

Комментарии Google+ в Blogger

Posted: 15 May 2013 07:26 AM PDT

Данное обновление в Blogger появилось еще до праздников, но вот смог добраться до него только сейчас. Вопрос функциональности системы комментирования всегда оставался одним из самых актуальных, потом, правда, с развитием сервиса Disqus многие переключились на него. Тем не менее, около месяца назад разработчики Blogger добавили возможность подключения к блогу комментариев Google+. Кроме обычной опции публикации комментариев этот механизм добавляет некоторые плюсы по аналогии с системами комментирования других социальных сетей (тех же Вконтакте или Facebook).

Данную функцию можно подключить непосредственно в админ панели Blogger в разделе Google+. Для этого просто отметьте галочку "Включить комментарии Google+ в этом блоге".

Итак, что же за преимущества получит автор блога.

Все комментарии в одном месте

Теперь когда вы будете просматривать комментарии блога к тому или иному посту, то найдете там записи не только от прямых посетителей сайта, но и от пользователей Google+. Допустим вы законнектили свой Blogger профиль с Google+ и после каждой публикации делаете анонс поста в социальную сеть. А там он, в свою очередь, получает достаточно активное обсуждение среди друзей. Так вот все комментарии и рэплаи оттуда будут отображены на странице самого блога. Это позволит собрать всех пользователей, желающие вступить в дискуссию, в одном месте. Что, в принципе, достаточно удобно и полезно. Может даже помочь расширить аудиторию и трафик блога.

Продвинутый шаринг комментариев

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

Вот как все это выглядит на практике:

Тут вам и отображение лучших комментариев, и просмотр записей из кругов, и продвинутый шаринг комментария с публикацией его в Google+. Что касается меня, то я пока что остаюсь на Disqus, т.к. система меня полностью устраивает и не могу сказать, что очень сильно привязан к Google+, но сама идея и разработка в этом направлении - это хорошо. Вообще в Google все идет к тесной интеграции разных сервисов между собой - соц.сети, блога, картинок и т.п.
P.S. Всем кто любит читать о разных странах и городах блог Записки путешественника должен понравится - неважно планируете ли вы будущую поездку или просто изучаете что-то новое.

Базы для продвижения блогов и сайтов

Posted: 06 May 2013 03:49 AM PDT

Для многих сегодня интернет – чуть ли не дом родной. Но многие блоггеры и обладатели собственный сайтов стремятся еще и заработать с помощью своего ресурса. Можно, конечно, полагаться на контекстную рекламу, только эффективность ее иногда вызывает сомнения, а вот размещение ссылок из бирж зачастую дает весьма ощутимые результаты. Правда, перед тем, как начать продавать ссылки необходимо раскрутить свой ресурс, увеличить показатели тИЦ и PR, поскольку без этого интереса к сайту попросту не будет.

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

База трастовых сайтов

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

Размещать ссылки на свой ресурс можно навсегда, и для этого не требуется специального программного обеспечения. Всего в базе 250 сайтов, общий тИЦ которых 152370, суммарный PR 983. Все сайты имеют отличные показатели и расцениваются как качественные доноры.

Из 250 сайтов 187 имеются в Яндекс каталоге и 139 в Dmoz. Использование базы может дать рост показателей вашего ресурса (тИЦ до +80, PR и Яндекс Rank)

Статьи лучше, чем ссылки

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

Вашему вниманию предлагается база статейных сайтов, которые позволят нарастить показатели вашего ресурса и увеличат не только посещаемость. Но и рентабельность. В базе 50 сайтов, 29 и которых в ЯК и 15 в Dmoz. Качественный контент размещается навсегда, а ссылки в статьях открыты для индексации. Суммарный PR сайтов в базе – 191, а тИЦ – 34830. Применение базы позволяет самостоятельно размещать статьи, и наращивать количество ссылок, используя качественных доноров.

Оригинальное увеличение картинки в Blogger

Posted: 21 Mar 2013 05:35 PM PDT

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

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

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

Реализовать это, кстати, намного проще, чем кажется. Для установки скрипта сделаем следующее:

1. Заходим в админку Блоггера в раздел "Шаблон". Кликаем по кнопке "Изменить HTML".

2. Находим в шаблоне строку ]]></b:skin> и прямо перед ней вставляем код:

#easy_zoom{

width:600px;

height:400px;

border:5px solid #eee;

background:#fff;

color:#333;

position:fixed;

top:35px;

left:45%;

overflow:hidden;

-moz-box-shadow:0 0 10px #555;

-webkit-box-shadow:0 0 10px #555;

box-shadow:0 0 10px #555;

/* vertical and horizontal alignment used for preloader text */

line-height:400px;

text-align:center;

}

Здесь с помощью CSS стилей задается размер, оформление и расположение всплывающего окна. Можете уточнить каждый из параметров, погуглив из значение. Если вкратце, то width и height это ширина и высота. Расположение окна фиксированное с верхним отступом в 35 пикселей и 45% слева от начала экрана. Все это можно менять.

3. Дальше находим в шаблоне строку </head> и перед ней вставляем код скрипта.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>

<script src='http://suyb.googlecode.com/files/easyzoom.js' type='text/javascript'/>

<script type='text/javascript'> 

$().ready(function() { 

$(&#39;a.zoom&#39;).each(function(i) { 

$(this).easyZoom();

}); 

}); 

</script>

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

Чтобы добавить для картинки оригинальный эффект увеличения вы должны прописать для нее class="zoom". То есть вы сначала вставляете в текстовом редакторе изображение обычным методом, после чего переключаетесь в режим редактирования HTML и добавляете в ссылку нужный класс:

<a class="zoom" href=".../s1600/blog2.jpg" imageanchor="1">

<img src=".../s320/blog2.jpg" width="320" />

</a>

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

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

P.S. Тематический портал о Виннице содержит много полезного: карту map.vn.ua, службы такси в Виннице а также описание достопримечательностей и последние новости города.

Эффектный темный шаблон с большим слайдером

Posted: 08 Mar 2013 05:48 AM PST

Иногда встречаются такие дизайны, по которым сразу не скажешь что за CMS на них установлена - для того же wordpress или blogger можно найти сотни классических стандартных дизайнов. И вот когда попадаешь на реально оригинальный макет, то мягко говоря приятно поражаешься. Шаблон Especial хороший тому пример. Этому дизайну могли позавидовать даже многие WP блоги (хотя не исключено, что именно с него он был "срисован"). Как бы там ни было, данная темная тема для blogger однозначно заслуживает внимания.

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

Скачать

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

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

Футер выполнен не менее замечательно - общая стилистика шаблона просматривается и в нем. Из функциональных элементов здесь 3 колонки, в которых отображаются категории, теги блога и список произвольных ссылок. Как только вы достигаете низа страницы в правом нижнем углу появляется иконка для прокрутки наверх. Если вы находитесь посредине, она скрывается - визуально неплохо смотрится. Вообще шаблон Especial, наверное, один из самых стильных и эффектных из всех которые я видел!

P.S. Создавая блог на своем хостинге вам нужно быть уверенным в его надежности. Сейчас Хостинг Германия является одним из самых оптимальных при выборе по соотношению цена/качество.

Шаблон Rusalka для Blogger

Posted: 25 Feb 2013 04:31 AM PST

Многие шаблоны для Blogger являются адаптацией тем популярной в блогосфере wordpress cms. Основные их преимущества - достаточно стильный и хороший дизайн, а также наличие расширенной функциональности. Большинство шаблонов Blogger, который я рассматривал на страницах BlogoHelp, имеют весьма простой внешний вид, а из виджетов, как правило, только архив и список тегов. Для того чтобы привести все это к виду серьезного блога нужно повозиться. С "адаптированными WP темами" чуть проще - здесь основное время тратится на сам процесс интеграции зато потом получаете максимум возможностей. Впрочем, что я тут рассказываю, проще наглядно все продемонстрировать на примере одного из шаблонов - Rusalka.

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

Скачать

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

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

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

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

P.S. Кстати, многие создают блоги с целью дальнейшего заработка на них - недавно нашел на этом сайте подборку разных статей по тем или иным нишам онлайн заработка, новичкам пригодится.

Стильное облако тегов для Blogger с помощью CSS3

Posted: 19 Feb 2013 07:07 AM PST

Про облако тегов для системы Blogspot было сказано немало, но тем, кто лишь недавно присоединился к данному блогохостингу, я кое-что повторю. Если "глубоко копнуть", то следует заменить, что изначально виджета для тегов как такового в системе не было, приходилось довольствоваться специальным хаком. Процесс внедрения облака тегов был не таким уж и простым, хотя результат получался вполне достойный.

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

Установку можно разделить на 2 этапа: добавление виджета облака тегов в макет блога, второй - правка в шаблоне стилей для него.

1. Заходим в админку Blogger и выбираем раздел "Дизайн". Создаем новый гаджет/виджет типа "Ярлыки". В нем указываем нужные вам настройки для облака тегов.

2. Теперь открываем раздел "Шаблон", кликаем по кнопке "Изменить HTML". В окне с кодом макета находим ]]></b:skin>. Перед этим местом добавляем следующие строки:

/*-----Custom Labels widget by www.bloggertrix.com----*/
#Label1 a{outline: 1px rgba(255,255,255,0.4) dashed;

border: 1px rgba(0,0,0,0.3) dashed;

padding: 4px 10px 4px 20px;

text-decoration: none;

color:#000000;

white-space: nowrap;

font-family: Arial;

font-size: 12px;

font-weight: bold;

position: relative !important;

background: #8dc63f;

float: left;

padding: 5px 3px;

margin: 0 5px 5px 0;

border-radius:4px 4px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px;

}


#Label1 a:hover{color: rgba(0,0,0,0.5);}

.label-size{line-height:1.5;align:left;}

Сохраняем шаблон. Это все стили оформления CSS3 для вашего облака тегов. Да, возможно, он будет не совсем хорошо отображаться в мобильных шаблонах, но на обычных компьютерах вполне нормально. Кстати, если вы разбираетесь в CSS, то можете изменить данный код под себя. Цвета здесь задаются с помощью директив color (для шрифта) и background (для фона). Я бы добавил еще центрирование облака через text-align: center; В целом элемент смотрится весьма неплохо и оригинально.

Легче предупредить, чем лечить: антивирусы для вашего ПК

Posted: 14 Feb 2013 06:28 AM PST

Задача любого пользователя быть в ответе за своих технических подопечных. Поэтому сейчас даже самый ленивый не оставляет свой компьютер без необходимой защиты. Но что же происходит, если вдруг мы забыли установить антивирус или понадеялись «проскочить»? Да-да, иногда мы успокаиваем себя именно этим.

В итоге - всего один серфинг в интернете может окончиться для владельца ПК весьма печально. Чего стоит один лишь баннер, блокирующий запуск операционной системы! В лучшем случае, вы восстановите Windows или Linux без потери данных. Однако и за это вам придется выложить кругленькую сумму и «заслужить» насмешки работников сервисной фирмы («Как? Оставить ПК без защиты?»)

Гораздо большее (мягко говоря) разочарование вас постигнет, если вирус уничтожил важные данные на компьютере, «влез» в ваши социальные сети или, того хуже, повредил железо. В этом случае вашему кошельку грозят внушительные траты. А потери файлов, любимых фотографий, паролей, видео с вашими малышами не компенсирует ни одна валюта в мире.

Поэтому стоит забыть о своей беспечности и найти лицензионный антивирус для компьютера, с которым будет приятно работать вам и вашей операционной системе. Тем более что вначале всегда можно испробовать demo или trial версии продуктов. Если во время тестирования антивирус ведет себя исправно, можете смело покупать полную версию на два или несколько компьютеров.

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

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

Создаем блок подписчиков и фолловеров в сайдбаре

Posted: 09 Feb 2013 04:03 AM PST

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

Обычно эти данные (как и кратную информацию о блоге) размещают в сайдбаре ближе к верху страницы. Так, например, у меня вы можете видеть счетчик Feedburner, который показывает число подписчиков по RSS. Но есть и другие сервисы, отдающие подобную статистику - Facebook, твиттер, социальные сеть Google+, Вконтакте, Pinterest и т.п. Сегодня рассмотрю небольшой прием для отображения количества подписчиков по всем ним в одном блоке. За подсказку спасибо этой статье. Кроме числа фолловеров напротив каждого сервиса будет кнопка подписки. Выглядеть это все будет приблизительно так.

1. Первым делом заходим в админку блога и выбираем пункт меню "Шаблон". После этого кликаем по кнопке "Изменить HTML".

2. В открывшемся окне с кодом шаблона находим строку ]]></b:skin> и перед ней добавляем:

 /* The CSS Code for the menu starts here bloggertrix.com */

  div#socialbox, div#socialbox ul, div#socialbox ul li, div#socialbox ul li p, div#socialbox ul li p img, div#socialbox ul li p span, #socialbox ul li p a{

  background: none;border: none;margin: 0;padding: 0;}
div#socialbox{

  color: #768a96;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 14px;

  width:300px;}
div#socialbox ul{

  background: url() repeat;

  border: 1px solid #d8dcdf !important;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  -webkit-box-shadow: 0px 2px 4px #dfe4e7;

  -moz-box-shadow: 0px 2px 4px #dfe4e7;

  box-shadow: 0px 2px 4px #dfe4e7;

  list-style: none;

  margin: 0 !important;

  padding: 0;}
div#socialbox ul li{

  background-image: none;

  border-bottom: 1px solid #d8dcdf;

  height: 59px;

  list-style: none;}
div#socialbox ul li:last-child{

  border-bottom: none;}
div#socialbox ul li p{

  padding: 19px 9px 0 9px;}
div#socialbox ul li p img{

  border: none;

  margin-right: 10px;

  position: relative;

  top: 3px;

  vertical-align: baseline;}
div#socialbox ul li p span{

  color: #425763;

  font-weight: bold;}
div#socialbox ul li p a.socialbox-button{

  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii_HAe6giHaI1XVlVu_gwWbD662DPRdtSHZxROCy1u_y4JTHeU80uN4G5dVCjijwobG-psQZdaQAK10elHHx0jbshIztzQuELxaHm2mabkziBYUN2BceBM4TVXLjqBJFwBcqt8Cinme-A/s1600/bloggertrix-button.png) no-repeat;

  border: 1px solid #d8dcdf;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  color: #425763;

  float: right;

  font-size: 11px;

  font-weight: bold;

  line-height: 11px;

  padding: 6px 10px;

  position: relative;

  text-decoration: none;

  text-transform: uppercase;

  top: -2px;}
div#socialbox ul li p a.socialbox-button:hover{

  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii_HAe6giHaI1XVlVu_gwWbD662DPRdtSHZxROCy1u_y4JTHeU80uN4G5dVCjijwobG-psQZdaQAK10elHHx0jbshIztzQuELxaHm2mabkziBYUN2BceBM4TVXLjqBJFwBcqt8Cinme-A/s1600/bloggertrix-button.png) 0 -27px no-repeat;}
div#socialbox ul li p a.socialbox-button:active{

  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii_HAe6giHaI1XVlVu_gwWbD662DPRdtSHZxROCy1u_y4JTHeU80uN4G5dVCjijwobG-psQZdaQAK10elHHx0jbshIztzQuELxaHm2mabkziBYUN2BceBM4TVXLjqBJFwBcqt8Cinme-A/s1600/bloggertrix-button.png) 0 -54px no-repeat;}

Это все CSS стили оформления нашего блока.

3. Дальше нужно создать соответствующий элемент. Для этого заходим в меню "Дизайн". Кликаем по ссылке "Добавить гаджет" и располагаем его в том месте шаблона, где вам захочется. Тип гаджета - HTML/Javascript. В него вставляем следующий код:


<br />

  <div id="socialbox">

  <ul>

  <li><a href="http://www.facebook.com/bloggertrix" target="_blank" title="Like on Facebook"><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5eOq25g-LbOcbtUJr9ZiRJEkmq-i9dVmIPpDNR6muxu2nidg3SSetJk4E22IwC4ouUrcgtSsDZhnoOe1LEWXwj1mNDLpS-fKSCVFAqGjH2xTGo9u7Oh-m26idf1VLsxjUmRUESWARwzk/s1600/bloggertrix-facebook.png" /></a>2,563 Fans 

  <a class="socialbox-button" href="http://www.facebook.com/bloggertrix" target="_blank" title="Like on Facebook">Like</a><br />
</li>

  <li><a href="http://twitter.com/bloggertrix" target="_blank" title="Follow on Twitter"><img alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_cxMlXlY1ihDC8kNCC1-mjqe-zP4ToIJdQeSZgrde1bHPO-eRlzCkdHpt5tY8rJx1IGe6KFkhl3xR0qvl9iNfJYGo3JE08N_S8PDDc3y9KbGgpNPM-LI65TbLAj5XHbmO_C0uqQu5xIM/s1600/bloggertrix-twitter.png" /></a>5,365 Followers 

  <a class="socialbox-button" href="http://twitter.com/bloggertrix" target="_blank" title="Follow on Twitter">Follow</a>

  </li>

  <li><a href="http://feeds.feedburner.com/bloggertrix" target="_blank" title="Subscribe to Feed"><img alt="Feedburner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmfPzLmQ2zKmS8N-Y0BaPRLKT6HN49TzofBsu2fpiKXS-ZyY1m_HUhZ0bPgLCuoOqSdf0bu4jWziRnDD8tWfv88XiXfgRAzbDIMdNniQkaya-_BC2VUNxk0r8r0fAxNAjUswx4Rz3Kt6A/s1600/bloggertrix-feedburner.png" /></a>1,094 Subscribers 

  <a class="socialbox-button" href="http://feeds.feedburner.com/bloggertrix" target="_blank" title="Subscribe to Feed">Subscribe</a>

  </li>

  <li><a href="http://www.plus.google.com/107955298793879607964" target="_blank" title="Subscribe to Feed"><img alt="Feedburner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiRzY4bfSaaD-mlf1qAT8buICzdVfQsZ-dhvsroAjpcI-5NBXs0F97KH9cUXShFfqF95NBAviz2LWBplLMz7Db2Nq3NWHJfsnZFUSqNcQzk9kakhJ2V7SCic7_GvTAOUyEdzLgYOYngtQ/s1600/Google-plus-icon.png" /></a>1,151 Followers 

  <a class="socialbox-button" href="http://www.plus.google.com/107955298793879607964" target="_blank" title="Subscribe to Feed">Follow</a>

  </li>

  <li><a href="http://pinterest.com/bloggertrix/" target="_blank" title="Subscribe to Feed"><img alt="Feedburner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhntguzXYaVf15F3OQNpwVQMeyMCQCoCgVHQR7t84BBRt6AyBMBzjjJj5zPw2d8Iojk5TbE74m5Y8LlH5N1i3YLXLxIapOXpq4Dvl4kN2x4qgA_VRbskmcb7GKB5beHseLmg57Bw4aZ-fE/s1600/Pinterest-icon.png" /></a>112 Pinterest 

  <a class="socialbox-button" href="http://pinterest.com/bloggertrix/" target="_blank" title="Subscribe to Feed">Pinterest</a>

  </li>

  </ul>

  </div>

Внимание! Здесь используется логин bloggertrix для всех социальных сервисов - его нужно заменить на свой. Когда все сделали, сохраняете гаджет. Если вам не нужно выводить какой-то из сервисов, просто убираете его код.

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

Лучшие статьи BlogoHelp и новости Blogger 2012

Posted: 24 Jan 2013 03:44 PM PST

Сейчас подвожу некоторого рода итоги за 2012 по своим блогам и пишу про самые интересные, полезные или важные публикации, которые случились в прошлом 2012 году. Буквально пару часов назад опубликовал лучшие обзоры сервисов в Вебдванольных заметках, теперь на очереди BlogoHelp. Забегая наперед, отмечу, что все самое интересное по Blogspot случилось в первой половине года, последние месяцы вообще только про шаблоны и писал. Тем не менее, разработчики в 2012 отлично потрудились и выдали хорошие обновления. В Топ статей попала также парочка интересных хаков. Располагаю статьи не по дате написания, а в виде небольшого личного рейтинга (начиная с 10-того места).

10. Интеграция Google Analytics в Blogger - обновление, которое вышло около года назад позволяет указать ID для Analytics непосредственно в админке без установки кодов в шаблоне. Просто, удобно и наглядно.

9. Настройка URL ссылок в Blogspot. Ссылки для постов система генерирует автоматически, но, во-первых, иногда они получаются очень и очень длинные (что поисковики не всегда любят), во-вторых, кириллицу в заголовке этот механизм попросту игнорировал. Теперь же пользователи могут при написании заметки сами указать какой будет ссылка для нее. Кроме красоты это может быть полезно с точки зрения seo и использования ключевых слов в URL.

8. Динамические мобильные шаблоны - новая крутая фишка. Две современные технологии в Blogspot - динамические и мобильные шаблоны, наконец-то могут использоваться совместно. Таким образом, ваш блог будет смотреться достаточно эффектно и на мобильных девайсах.

7. Отображение виджета на конкретной странице блога. Теоретически весь код вместе с условием отображения вы можете добавить в HTML шаблон, но это 1) сложно, 2) не очень наглядно. Есть смысл один раз интегрировать в конкретную страницу виджет, а потом уже работать с ним через интерфейс админки Blogspot.

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

5. Создаем «Хлебные крошки» (Breadcrumb) на Blogger. Хлебные крошки полезны для перелинковки, а также показывают пользователю его текущее местонахождение. Не могу сказать, что данная функция обязательно сделает ваш сайт очень востребованным и самым успешным - ничего такого. Тем не менее, может пригодиться как в плане SEO, так и юзабилити.

4. Полезные ресурсы в помощью Blogger'у. Каждый день с Blogspot знакомится достаточно много новичков - причем не только тех пользователей, которые работают впервые именно с этой системой, но и вообще начинающих интернет юзеров. Данный пост расскажет о некоторых сервисах, сайтрах, который вам помогут освоиться и разобраться. Blogger Help Center - вообще крутая штука.

3. Древовидные комментарии в Blogger - топ3 открывает функция для системы комментирования. Для тех, кто не использует Disqus, а остается верным базовым возможностям системы, разработчики преподнесли хороший сюрприз - поддержку древовидных комментариев. В статье рассказывается как их подключить для обычных и нестандартных шаблонов.

2. Слайдер «Избранные материалы» (Featured Content) для Blogger - данный функциональный элемент блога позволяет оживить (и даже в какой-то степени модернизировать) его внешний вид. В слайдерах могут размещаться лучшие, самые интересные или актуальные статьи блога. Интеграция хака в Blogger не такая уж и сложная, но нужно внимательно выполнить все шаги.

1. Крупное SEO обноление для Blogger - на первом месте, конечно же, апдейт SEO функций системы. То, что долгое время было серьезным минусом и проблемой, вдруг превратилось в преимущество при выборе данного блогохостинга. С помощью набора соответствующих настроек вы сможете определять параметры индексации разных страниц и разделов блога, редактировать robots.txt, задавать МЕТА описания и создавать редиректы. Наконец-то Google добавил в свое "детище" такие необходимые и востребованные SEO функции. Для меня лично, безусловно, эта новость номер один в 2012 году.

Морской шаблон Jumbudvipam для Blogger

Posted: 24 Jan 2013 03:28 PM PST

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

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

Скачать

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

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

P.S.Для показов мод всегда нужны манекенщицы которых предоставляет модельное агентство москва - все девушки очень красивые и отвечают всем профессиональным качествам моделей.

Винтажный шаблон Old Magazine для Blogger

Posted: 23 Dec 2012 04:58 AM PST

Я когда-то публиковал подборку шаблонов в стиле grunge, так вот сегодняшний экземпляр Old Magazine чем-то похож на этой направление. Хотя это такой себе гранж с акцентом на старину, винтаж - собственно под такие тематики его и можно использовать. Основная графическая иллюстрация располагается в шапке блога и занимает достаточно места. Там же есть место для заголовка и меню.

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

Скачать

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

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

В целом дизайн шаблона Old Magazine нормальный, функциональность минимальная, но как и во многих других блогах основная ценность все же заключается в наполнении. Макет подошел был для тематических проектов "про старину".

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

Шаблон Garden для блога о растениях и саде

Posted: 21 Dec 2012 05:04 AM PST

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

Шапка блога привлекает, конечно же, яркой картинкой с цветами и другой растительностью. Тамже расположено горизонтальное меню, пункты которого можно отредактировать через HTML шаблон блога. Ничего лишнего, единственное, что я бы подправил - это чуть уменьшил область для отображения заголовка - слишком уж много места пустует.

Скачать

Выделения текста в шаблоне традиционное - все стили прописаны, есть даже кнопка "Читать далее". Заголовок выделяется, вместе с ним также выводятся теги и дата публикации. На странице с полным отображением заметки, разумеется, есть форма комментариев и оставленные пользователями записи. Но вообще для такого яркого шаблона я бы точно поставил Disqus комментарии - это было гармонично смотрелось.

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

P.S. Успешный вебмастер - это своего рода специалист на все руки, для которого установить счетчик статистики на joomla, подключить шаблон для wordpress или наполнить сайт на DLE вообще не проблема.

Улучшенное мобильное приложение для Blogger

Posted: 06 Dec 2012 03:04 AM PST

Вдохновение для написания нового поста в блог может, в принципе, появиться в любое время - когда просто "валяетесь" на диване, ходите за покупками, играете в компьютерные игры или готовите что-то на кухне. К счастью, мобильные устройства позволяют вам быть на связи всегда и везде. Учитывая этот факт разработчики Blogger недавно обновили версии приложений для платформ Android и iOS.

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

О приложении Blogger для Android я уже писал в блоге - версия была достаточно неплохой, но последний апдейт сделал ее еще лучше. Изменилась визуальная картинка, а также были добавлены разные функции для облегчения процесса постинга и "шаринга" информации.

Самые значимые нововведения это:

Поддержка горизонтального расположения для создания постов (что, безусловно, облегчает процесс написания текста).
Возможность поделиться на Google+.
Просмотр времени для запланированного поста.
Интегрирована поддержка более 30 языков.
Поддержка планшетов iPad что, конечно, есть очень хорошей новостью для всех счастливых обладателей этого устройства.

В официальном блоге Blogger можно лицезреть парочку скриншотов обновленного интерфейса и новых опций.

В принципе. получилось достаточно хорошо. Скачать приложения можно соответственно в Play store для Android устройств и в App Store для iOS. Кстати, было бы интересно почитать впечатления реальных пользователей мобильных приложений для Blogger - насколько они удобны, как часто пользуетесь?

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

Виджет фолловеров Google+ в Blogger

Posted: 02 Dec 2012 05:52 PM PST

Современный блоггинг достаточно тесно переплетается с социальными сетями. Особенно активно пользователи юзают твиттер, хотя анонсы постов и создание групп практикуется также и в других популярных соц.сетях. Учитывая то, что продукт Blogger является разработкой компании Google, не удивительно, что она всяческих пытается интегрировать его со своей Google+. В принципе, подключение блога к Google+ это отличный способ привлечь новых читателей и познакомиться со своими фолловерами.

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

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

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

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

NOINDEX и NOFOLLOW – что такое и как использовать

Posted: 20 Mar 2012 03:28 PM PDT

Доброго времени суток, уважаемые читатели. Часто сталкиваюсь с тем, что у многих начинающих вебмастеров и блоггеров полная каша в голове по поводу использования noindex и nofollow. Давайте разберемся что это такое, с чем едят и расставим все точки над i. … Читать далее →

Lightbox на HTML и CSS3 без применения JavaScript и jQuery

Posted: 07 Mar 2012 10:45 AM PST

Доброго времени суток, уважаемые читатели. Ещё в феврале 2011 года я писала про скрипт для создания эффекта LightBox. А в сентябре компания разработчиков Blogger анонсировали свой LightBox для платформы, который встроен во все шаблоны по умолчанию. А на днях, на … Читать далее →

Особенности рекламной кампании в социальных сетях

Posted: 29 Feb 2012 12:14 PM PST

Доброго времени суток, уважаемые читатели. На сегодняшний день продвижение в социальных сетях дает не только хорошее преимущество при продвижении в поисковых системах, ведь частое упоминание сайта в социальных ресурсах говорит о популярности сайта, но также активно используется для рекламы своей … Читать далее →

Блогу SEO-Дилетанта два года. Блог жил, жив и будет жить

Posted: 10 Feb 2012 04:18 AM PST

Доброго времени суток, уважаемые мои постоянные читатели. Сегодняшняя статья полностью адресована вам и только вам. Всем тем, кто в течении пяти месяцев ждал новых статей, верил и надеялся, что вот скоро в ридере появится новое сообщение с моего блога или … Читать далее →

Оптимизация и переоптимизация текстов – новость Яндекса и личный опыт

Posted: 15 Sep 2011 01:22 PM PDT

Доброго времени суток, уважаемые читатели. Я давно хотела рассказать вам одну историю из личного опыта про оптимизацию текстов, но как-то все откладывала. Но, в связи с последней новостью Яндекса, решила, что как раз сейчас будет самый лучший момент, чтобы и … Читать далее →

Как правильно настроить URL адрес сайта в файле .htaccess

Posted: 12 Sep 2011 08:47 AM PDT

Доброго времени суток, уважаемые читатели. Каждый, кто хоть немного начал разбираться в поисковом продвижении, занимается продвижением своего сайта, волнуется за правильное индексирование сайта поисковыми роботами, должен уметь правильно настраивать URL адрес сайта, владеть базовыми знаниями о файле .htaccess, уметь внести … Читать далее →

Как защитить свой контент от воровства

Posted: 05 Sep 2011 01:57 PM PDT

Доброго времени суток, уважаемые читатели. И вновь приходится возвращаться к избитой, но очень больной теме воровства в интернете. Я уже писала об этом не раз – Как узнать, кто ворует мой контент, Что делать, если вы обнаружили свои статьи на … Читать далее →

SEO оптимизация WordPress – Title и метатеги без плагина

Posted: 29 Aug 2011 09:19 AM PDT

Доброго времени суток, уважаемые читатели. Многие из вас для внутренней оптимизации WordPress используют такие плагины как All in One SEO Pack или более продвинутый Platinum SEO Pack. С помощью озвученных плагинов можно задавать для каждой страницы блога уникальный Title, отличный … Читать далее →

Мета тег Robots и файл Robots.txt – как управлять индексацией страниц сайта

Posted: 09 Aug 2011 07:09 AM PDT

Доброго времени суток, уважаемые читатели. Задумала я тут поделиться с вами одним интересным материалом на тему внутренней оптимизации WordPress, а именно про установку мета тегов, и поняла, что чтобы получился хороший материал, необходимо прояснить ситуацию с тем, что такое мета … Читать далее →

Как установить нестандартный кириллический шрифт на сайт

Posted: 26 Jul 2011 01:27 PM PDT

Доброго времени суток, уважаемые читатели. Сегодня я хочу рассказать об одном из способов установки нестандартного кириллического шрифта на свой сайт. Данный способ подходит для любого сайта, в том числе и для блогов на Blogger. Этот способ с успехом применяется на … Читать далее →

Заработок в интернете на блогах платформы blogger

Blogger оптимизация шаблона

Блог-шоу – выпуск 50 Заработок online

Заработок в интернете на блогах платформы blogger

Блог-шоу – выпуск 50 Заработок online

Читайте также:

Читайте также:

Читайте также:

Читайте также:

Читайте также:

Читайте также:

Читайте также:

Читайте также:

0 comments:

Post a Comment

Читатели блога о blogspot,seo blogger

Подписка на RSS блога через email