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

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

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

Я уже достаточно вас заинтриговала? Пора переходить к деталям.

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

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

Доброго времени суток, уважаемые читатели. То, о чем я хочу вам сегодня рассказать, имеет две истории, одна началась ещё около года назад, вторая - только в январе 2011 года.

История первая

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

И ещё тогда мне начали задавать вопросы, почему в Blogger нет что-то похожего на сообщества, как в LiveJuornal…

История вторая

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

• 182 комментария к статье Кнопки социальных сетей для Blogger/Blogspot
• 126 комментария к статье Как удалить внешние ссылки из шаблона Blogger
• 116 комментария к статье Оптимизация Blogger и 101 – Оптимизация Blogger – свежий взгляд

И это ещё при том, что некоторые комментарии именно из этих статей удалялись.

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

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

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

Blogger Форум

Дорогие мои читатели, сегодня я хочу объявить об открытии форума, который полностью посвящен платформе Blogger. Это не просто форум, это клуб, сообщество, которое создано для того, чтобы:

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

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

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

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

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

На форум уже ставятся ссылки, уже есть статьи, которые можно начать продвигать в поисковых системах, чтобы увеличить посещаемость форума.

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

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

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

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

Я приглашаю вас на BloggerForum.ru.

А здесь моя новая статья о том, как создать собственное слайд шоу. Ведь вы уже поняли, что теперь все статьи про Blogger я буду публиковать на форуме:).

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

Доброго времени суток, уважаемые читатели. Как вчера и обещала, публикую ответы на ваши вопросы, касающиеся платформы Blogger.


Итак, приступим.
Если рассуждать логически, то ничего в этом страшного нет, и по умолчанию домен третьего уровня никогда не имеет www. Google так вообще все равно, он автоматически определит, что у вашего блога нет www.

С Яндексом, честно говоря, 100% уверенности нет, что бывает в таких случаях. С подобными блогами не сталкивалась. Но конкретно в вашем случае ничего страшного вообще не произошло, вашего блога ещё нет в индексе Яндекса. Ставьте на свой блог ссылки без www и все будет хорошо.

Доброго времени суток, уважаемые читатели. Уверена, эта статья пригодится каждому, особенно тем блоггерам, основным контентом которых являются фотографии. Сегодня я расскажу вам, как на блоге Blogger/Blogspot сделать красивую галерею фотографий LightBox. Кто ещё не знает, что это за галерея, кликаем по фотографии. Все изображения в этой статье кликабельны. Если вы читаете из своих ридеров или почты, то перейдите на статью в блоге.

Галерею LightBox можно сделать двумя способами:

• с использованием JavaScript
  
• с помощью специальной библиотеки JQuery, что по сути является продолжением JavaScript.
  

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

Открываем Дизайн – Изменить HTML, находим строчку </head>. Перед этой строкой вставляем код или из первого файла или из второго. Лично у меня в шаблоне сейчас стоит код из второго файла. А на своем тестовом блоге я проверяла оба кода и оба работали. Сохраняем шаблон.

Итак, остальное дело техники. Как обычно пишем статью, вставляем картинки. Когда пост готов к публикации, из визуального редактора переходим на вкладку Изменить HTML. Находим код своих картинок. Он имеет такой вид:

Голубым выделена ссылка, которая ведет на вашу фотографию в веб-альбоме Picasa. Нам необходимо в конец первой части ссылки вставить параметр: rel="lightbox" и заголовок фотографии title="Ромашка". Весь код примет такой вид:

Посмотрите, новый код rel="lightbox" и title="Ромашка" я выделила красным. Он находится внутри первого тега ссылки перед закрывающей скобкой >.

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

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

Как это сделать? Придумываем название своему альбому, например, в моем случае альбом будет называться "Ромашки". В таком случае параметр rel="lightbox" должен иметь такой вид: rel="lightbox[Ромашки]". Именно в таком виде всем фотографиям, которые относятся к одному альбому, прописываем rel. Таким образом в одной статье можно реализовать сразу несколько разных альбомов. Поэтому, я решила немного уделить внимание тому, как можно сэкономить место в статье, чтобы картинки были маленькими, а открывались большими.

Для начала, уменьшаем все картинки. В Blogger по умолчанию самый маленький размер картинки 150px по высоте, а ширина выставляется автоматически, чтобы сохранялась пропорция. Но мы хотим сделать наши картинки ещё меньше. Поэтому находим все тот же код картинки на вкладке Изменить HTML. После того, как вы указали самый маленький размер картинки на вкладке визуального редактора "Создать", код самой картинки (без ссылки) будет иметь такой вид:

Нас интересует высота картинки height="150" и ширина картинки width="200". Тут вы самостоятельно должны прикинуть пропорции ваших изображений. И внести новые значения для картинки, исходя из ее размеров, и ширины поля поста. Так же учитывайте, что дизайном шаблона между картинками предусмотрены поля.

Например, чтобы в моем новом шаблоне сделать 4 фотографии в ряд, я вычислила, что примерная ширина картинки должна быть width="120", а чтобы сохранилась пропорция изображения, высоту указываю height="90". Я думаю, каждый блоггер обрабатывает свои фотографии в каком либо редакторе, вот с его помощью и узнаем пропорции.

Итак, картинки подогнали, но они, как стояли в ряд, так и остались. Причина этому контейнер, в котором находится каждая картинка.

Если вы посмотрите внимательно код, который окружает непосредственно код картинки с ссылкой, то увидите, что каждое изображение находится в своем контейнере <div></div> Так же может стоять тег перевода строки <br /> (может и не быть, зависит от настроек блога). Вот как это выглядит в коде:

Желтым я выделила контейнер <div></div>, а голубым разрыв строки <br />. Все это удаляем. И что важно, все делаем без пробелов. Должен получиться сплошной код без разрыва.

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

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

• Фотография 1
  
• Фотография 2
  
• Фотография 3
  

Итак, как добиться такого эффекта? Ничего сложно в этом нет. Вспомним, как выглядит наш код картинки:

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

Хочу обратить внимание тех, кто пользуется редактором блогов. В принципе, можно менять код и в самом редакторе. Только адреса картинок в нем выглядят немного иначе. Но уловив суть, вам не составит труда вносить изменения. Но после того, как вы отправите сообщение в блог, в коде картинок появится два лишних символа, которые необходимо удалить. Если не удалить, то LightBox работать не будет.
Итак, вот код изображения, загруженного с помощью редактора блогов:

Не очень удачно опубликовалось, необходимо удалить то, что я выделила красным цветом -h (тире и букву h), и все заработает.

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

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

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

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


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

Доброго времени суток, уважаемые читатели. Сегодня мы с вами будем работать с шаблоном Blogger. Как я и обещала в предыдущей статье про seo-заголовки, мы будем делать шаблон более оптимизированным для поисковых систем. Кто не читал предыдущую статью, обязательно прочтите SEO-секреты SEO-заголовков в тегах h1, h2 … h6. В той статье идет теоретическое обоснование для чего это нужно. Сейчас же мы будем воплощать это на практике.
В самом начале я хочу сделать несколько предупреждений.
Подробнее можно узнать из этих статей:

Доброго времени суток, уважаемые читатели. Вы считаете, что вы знаете, как установить счетчик статистики и другие кнопки в блог? Не стоит быть такими самоуверенными:). Предлагаю вашему вниманию элегантное решение для блогов, компактный блок со счетчиками и другими кнопками. Моя статья пригодится не только новичкам, которые вообще не знают, как устанавливаются счетчики в блог, но и бывалым блоггерам.


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

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

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