www.blogspot.com
how-do-blog
Как делать блог
1	http://how-do-blog.blogspot.com/2011/11/open-graph.html	Использование мета-тегов Open Graph	2011-11-22T18:09:45.047-08:00	tag: тюнинг блога endoftag tag: фейсбук endoftag 	Использование мета-тегов Open GraphРебята, обращаю ваше внимание на протокол Open Graph, использование которого улучшит отображение вашего сайта в социальных сетях. Использование мета-тегов Open Graph позволит точно задать описание статьи (discription), ее заголовок, адрес и соответствующую статье картинку. У себя в блоге Atlanta Travel я сделал следующее (на примере главной страницы). В теге &#60;html&#62; добавил путь к xmlns: &#60;html xmlns:og='http://ogp.me/ns#'&#62;Описание статьи:&#60;meta content="Фото блог на русском. Atlanta Travel: Путешествия из города Атланта, Джорджия, США" property="og:description"/&#62;Заголовок статьи:&#60;meta content='Путешествия | Atlanta Travel' property='og:title'/&#62;Путь к картинке:&#60;meta content='https://lh5.googleusercontent.com/-R5xaNEyOUgw/TrX2yWiWacI/AAAAAAAAGAY/UMxqJlReI1s/s288/atlantatravel.jpg' property='og:image'/&#62;Адрес статьи:&#60;meta content='http://www.atlantatravelblog.com' property='og:url'/&#62;Имя сайта:&#60;meta content='www.atlantatravelblog.com' property='og:site_name'/&#62;Проверить, как всё работает, можно тут:http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.atlantatravelblog.comТеперь при публикации ссылки на мой сайт, например, в Фейсбуке, повались некоторая стройность в представлении информации.Линки по теме:http://ogp.me/http://developers.facebook.com/docs/guides/web
2	http://how-do-blog.blogspot.com/2011/11/using-h1-h6-headings.html	Как я использую заголовки h1-h6	2011-11-02T07:57:22.739-07:00	tag: seo endoftag 	Как я использую заголовки h1-h6Подкрутил на своем блоге о путешествиях заголовки h1-h6 в страницах. Раньше стройности не было: на главной странице было несколько h1, в шапке был h1 тоже, с сайдбаре заголовки были h2, а h3 использовался в ссылках на статьи. На странице статьи было два h1... Не особо критично, но и не особо красиво.Стал рыть Интернет. Среди тонны никчемных сайтов приходилось по крупицам отыскивать дельные советы. Остановился на подходе, описанном в этой статье:> Необходимо соблюдать структуру заголовков, чем выше уровень, тем выше должен находиться заголовок. То есть заголовок h1 должен находиться выше других заголовков на странице.> Размер шрифта должен понижаться по мере понижения значимости заголовка. То есть текст в теге h1 должен быть самым крупным, в теге h6 самым мелким.>Считается, что в теге h не должно содержаться ничего кроме текста.>Тег h обязательно должен содержать ключевоеслово или фразу, желательно без лишнего текста и дополнительных символов.>Не допускается использование тега h совместно с другими тегами акцентирования (например strong).>Не допускается использование тега h1 более одного раза на странице. Также воспользовался таким советом - на главной странице заголовки организованы так:h1 Заголовок сайта - h2 Заголовок сообщения - h3 Подзаголовоки страниц - h4 СайтбарСтраница статьи:h1 Заголовок страницы - h2 Подзаголовки страницы - h4 Сайтбар(тут выходит не очень красиво - будет что еще оптимизировать!).Для пущей уверенности проанализировал HTML кода www.problogger.net известного блогера Darren Rowse - у него тот же подход.Доработал немного шаблон, прописал проверку условий на то, показывается ли главная страница или нет, изменил шрифты для h2, h3 и h4, подправил главную страницу  некоторые статьи (большинство еще ожидает обновления).
3	http://how-do-blog.blogspot.com/2011/06/blogspot-change-management.html	Внесения изменений в блог	2011-06-17T13:46:14.692-07:00	tag: мои советы endoftag 	Внесения изменений в блог - Blog Change ManagementПри работе блога на платформе blogger (blogspot.com), как, наверное, и на любой другой, приходится что-то подкручивать, дописывать руками, иногда вставлять куски кода, взятые из разных источников. И потом, когда после этой настройки что-то перестало работать или ты хочешь вернуться к предыдущему варианту блога, начинаешь чесать голову и пытаться вспомнить, что ты менял и каким был код до изменений.Чтобы минимизировать проблемы, связанные с внесением изменений в код блога, я придерживаюсь следующих простых правил: 1. Перед внесением изменения в шаблон я делаю резервную копию. файл резервной копии называю датой когда копия делалась2. В Google Doсuments веду список вносимых изменений, где отмечаю дату, описание изменения и сохраняю изменяемый код. Если пользуюсь кодом из какой-нибудь статьи, указываю ссылку на первоисточник.И теперь при необходимости я готов откатить внесенные изменения и легко вспомнить то, что было изменено.Такой вот у меня Blog Change Management.
4	http://how-do-blog.blogspot.com/2011/04/subscribe-to-posts-atom.html	Удалить Subscribe to: Posts (Atom)	2011-04-14T21:04:11.262-07:00	tag: тюнинг блога endoftag 	Где: bloggeruniversity.blogspot.com  Удалить Subscribe to: Posts (Atom)В рамках сокращения линков на страницах решил отказаться от этой ненужной строчки.
5	http://how-do-blog.blogspot.com/2011/03/blog-post.html	Отказался от социальных кнопок	2011-03-30T10:36:10.471-07:00	tag: кнопка endoftag tag: тюнинг блога endoftag 	Чтобы  прийти к количеству 100 линков на странице, а также проанализировав нужность линков на странице, отказался от блока ссылок на не главные тэги, а также удалил социальные кнопки. А всё потому, что Яндекс понизил меня в выдаче...Как так, что Яндексу нужно - непонятно... Буду думать.У вас, друзья, как с ранжированием ваших сайтов?
6	http://how-do-blog.blogspot.com/2010/12/top-10-must-have-seo-extensions-for.html	Top 10 Must Have SEO Extensions for Google Chrome	2010-12-01T06:13:36.783-08:00	tag: статья endoftag 	Где: http://www.seomoz.org  Top 10 Must Have SEO Extensions for Google Chrome
7	http://how-do-blog.blogspot.com/2010/10/code-into-blogger-post.html	Как добавлять фрагменты кода в пост	2010-10-18T08:41:26.559-07:00	tag: скрипт endoftag 	Где: http://bloggertak.blogspot.com/2010/09/syntax-highligher-blogger.html  Как правильно добавлять фрагменты кода в постМне кажется, это вопрос бывает актуальным. Во всяком случае, у меня вопрос о том, как же правильно добавить код в тело поста в моем блоге уже поднимался.
8	http://how-do-blog.blogspot.com/2010/07/howto-twitter.html	Как правильно работать с Твиттером	2010-10-18T08:42:46.846-07:00	tag: твиттер endoftag 	Где: http://glume.ru/archives/345.html#more-345  Как правильно работать с ТвиттеромПо моему скромному мнению Твиттер - гигантская... э... помойка? Так, пожалуй, назову этот динамично развивающийся сервис. И чтобы попробовать хоть как-то выбрать из Твиттера что-то нужное мне, попробую воспользоваться этим советом.
9	http://how-do-blog.blogspot.com/2010/07/button-for-share-in-facebook.html	Кнопка добавления в Facebook для Blogger	2010-07-21T07:37:11.294-07:00	tag: кнопка endoftag tag: скрипт endoftag tag: фейсбук endoftag 	Где: http://blogohelp.blogspot.com/2010/07/facebook-blogger.htmlUPDГде: http://junksblogger.blogspot.com/2010/04/add-facebook-like-this-button-on.html  Установка кнопки добавления в Facebook для BloggerСтОит или не стОит добавлять кнопку? Мне пища для размышления и практический совет, как конпку добавить.И еще по теме. Товарищи рассказывают, как такие кнопки ставить и настраивать:http://junksblogger.blogspot.com/2010/04/add-facebook-like-this-button-on.htmlhttp://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.htmlИ до кучи - информация от разработчиков Фейсбук:http://developers.facebook.com/docs/reference/plugins/like
10	http://how-do-blog.blogspot.com/2010/07/how-to-create-facebook-page.html	How to create facebook page	2010-07-16T10:58:44.503-07:00	tag: статья endoftag tag: фейсбук endoftag 	Где: http://maxibiz.blogspot.com/2010/07/facebook-1.htmlГде: http://maxibiz.blogspot.com/2010/07/facebook-2.htmlГде: http://www.seomoz.org/blog/facebook-marketing-ultimate-guide  Как создать страницу на ФейсбукеВводный курс про то, как создать страницу на Фейсбуке, на что обратить внимание и как эту страницу продвинуть.Воодушевившись статьею, я создал профиль на Фейсбуке
11	http://how-do-blog.blogspot.com/2010/07/my-social-networks-buttons.html	Мои русские социальные кнопки для Blogger	2010-07-09T10:00:05.693-07:00	tag: кнопка endoftag tag: навигация endoftag tag: шаблон endoftag 	Мои русские социальные кнопки для BloggerПосле некоторых раздумий я решил объединить код русских кнопок, про которые говорил в предыдущей статье, с имеющимся кодом от сервиса AddToAny. И внедрил в свой фото блог о путешествиях.Как всё вышло можно посмотреть на примере статьи об Аквариуме в Атланте (самом большом аквариуме в мире кстати).Что думаете? Удачно ли вышло?
12	http://how-do-blog.blogspot.com/2010/07/traveler-social-networks.html	traveler social networks	2010-07-08T20:57:35.135-07:00	tag: seo endoftag tag: каталог блогов endoftag 	Где: http://habrahabr.ru/blogs/social_networks/98530/ Обзор туристических блогосервисовЧто лучше для продвижения сайта про путешествия? Какая специализированная туристическая сеть поможет в этом? Ответы можно найти в обзоре на Хабре.
13	http://how-do-blog.blogspot.com/2010/07/foto-blog-howto-handle-photos.html	Foto blog - Howto handle photos	2010-07-07T22:26:12.245-07:00	tag: путешествия endoftag tag: статья endoftag tag: фото endoftag 	Где: сайт MB-WORLD  Техника фотографии - Секреты обработкиТут тебе и про путешествия интересные, и разговор на форуме с душевными собеседниками, и про то, как фото сделать, тоже материал есть.
14	http://how-do-blog.blogspot.com/2010/07/blogupp-blog-auto-share-on-social-web.html	BlogUpp! | the blog: Auto-Share on Social Web	2010-07-07T12:20:29.316-07:00	___	Где: BlogUpp! | the blog: Auto-Share on Social Web Auto-Share on Social WebПодключение к Фейсбуку
15	http://how-do-blog.blogspot.com/2010/07/google-top-russuian-travel-blogs.html	google top russuian travel blogs	2010-07-07T12:16:28.982-07:00	tag: каталог блогов endoftag 	Где: http://www.google.com/Top/World/Russian/...  Дневники путешествийВот где надо искать интересные статьи о путешествиях!Как попасть в список написано тут: http://www.dmoz.org/cgi-bin/add.cgi?where=World/Russian/Досуг/Туризм/Дневники_путешествийОтмечу, что список интересных путешествий возле Атланты имеется здесь.
16	http://how-do-blog.blogspot.com/2010/07/blogger.html	Оптимизация Blogger – свежий взгляд	2010-10-18T08:42:31.570-07:00	tag: seo endoftag tag: скрипт endoftag tag: статья endoftag tag: тюнинг блога endoftag 	Где: http://amateurblogger.ru/2010/06/optimization-blogger-fresh-look.html  Оптимизация Blogger – свежий взглядДоводка блога волшебным рашпилем. Надо читать!
17	http://how-do-blog.blogspot.com/2010/07/google-maps-maniaru.html	Google Maps Mania.RU	2010-07-06T04:56:16.962-07:00	tag: каталог endoftag 	Где: http://linkstore.ru/gmania/  Коллекция русскоязычных продуктов, использующих Google Maps APIНадо смотреть, вдруг какой ресурс окажется интересным! -)
18	http://how-do-blog.blogspot.com/2010/07/howto-become-successful-blogger-for-two.html	Как стать успешным блоггером за два месяца	2010-07-06T04:45:36.491-07:00	tag: статья endoftag 	Где: http://bablorub.blogspot.com/2010/07/blog-post_05.html  Как стать успешным блоггером за два месяцаОтличная статья. Которую следует перечитать на досуге.
19	http://how-do-blog.blogspot.com/2010/07/russian-blogspot-blogs-directory.html	Список русских блогов на Blogger (Blogspot)	2010-07-02T10:36:47.581-07:00	tag: каталог блогов endoftag 	Где: http://rustop.blogspot.comВ блогах на Blogger (Blogspot) не так просто искать единомышленников. Каталог русских блогов на rustop.blogspot.com помогает найти интересные блоги.Чтобы стать попасть в каталог, нежно оставить комментарий с описанием своего блога: http://rustop.blogspot.com/2007/11/russian-blogspot-blogs-directory.html
20	http://how-do-blog.blogspot.com/2010/07/howto-blogger-table-of-content.html	Как в блоге сделать страницу «Содержание» (Table of Content)	2010-07-02T10:45:53.457-07:00	tag: план endoftag tag: скрипт endoftag 	Где: http://blogohelp.blogspot.com/2010/06/table-of-content.htmlВсегда хотелось иметь страницу с содержимым блога. И такая страница содержания на фото блоге есть. Но приходится ее формировать руками, что хлопотно. Александр в своей статье рассказывает, как формировать страницу содержания блога автоматически. Особенность работы скрипта - содержание строится на основе ярлыков (tags), поэтому одна и та же статья появляется в списке содержимого столько раз, сколько у нее ярлыков.Плюс к этому скрипт добавляет ссылку на блог автора скрипта, Bismillah, Alhamdulillah: www.abu-farhan.com...Что и смущает. Поэтому я пока эту фичу на фото блоге не внедрил. В отличие от этого блога ;-)
21	http://how-do-blog.blogspot.com/2010/07/free-icons-of-states.html	Бесплатные иконки штатов, в том числе Джорджия	2010-07-02T09:54:01.663-07:00	tag: иконки endoftag tag: план endoftag 	Где:    http://icons.mysitemyway.com/free-icons-clipart-tagged/map/748/   http://icons.mysitemyway.com/free-icons-clipart-tagged/georgia/748/ Если задумаю делать фавикон, иконки нужно будет брать на этом сайте. Но пока в планах.
22	http://how-do-blog.blogspot.com/2010/07/russion-social-networks-icons.html	Иконки для русских социальных сетей	2010-07-02T09:54:32.135-07:00	tag: иконки endoftag 	Где: http://a-brezhnev.ru/2010-03-ikonki-dlya-russkix-socialnyx-setej   Сразу же после установки кода для кнопок социальных сетей встал вопрос: Где найти иконки русских социальных сетей? Сайт фотогрофа Александра Брежнева дает ответ на этот вопрос. Там есть кнопки как для русских популярных сетей, так и для англоязычных.
23	http://how-do-blog.blogspot.com/2010/07/social-networks-buttons.html	Русские социальные кнопки для Blogger	2010-07-02T09:52:53.032-07:00	tag: кнопка endoftag tag: навигация endoftag tag: шаблон endoftag 	Где: http://seorussian.blogspot.com/2010/07/socialnye-knopki-dlya-blogger.html В качестве сервиса для социальных кнопок для Blogger я пользуюсь сервисом www.addtoany.com. В котором много чего есть, но нет кнопок популярных российских сетей - В контакте, Блоги на mail.ru.Прекрасная-распрекрасная статья подробно рассказывает, как это сделать. На тестовом блоге меня получилось вот так:Теперь думаю, пришло ли время обновлять основной блог или нет. Как вы, друзья, думаете?
24	http://how-do-blog.blogspot.com/2010/04/numbered-page-navigation-for-blogger.html	Навигации с номерами страниц для Blogger	2010-07-02T09:17:31.577-07:00	tag: навигация endoftag tag: перевод endoftag tag: шаблон endoftag 	Навигации с номерами страниц для Blogger – интересная и долгожданная деталь Blogger блога. Возможно, вы видели подобную навигацию в блогах wordpress (wp-pagenavi by Lester Chan). Muhammad Rias из Techie Blogger разработал систему навигации по страницам для Blogger. В этой системе были некоторые недочеты, но Abu Farhan всё исправил, и теперь система выглядит также, как на скриншоте.Если вы будете использовать эту настройку, такая навигация появится на главной странице блога и странице закладок label pages (придется немного доработать).Установка навигация с номерами страниц в ваш Blogger блогДля тех, кто плохо знаком с HTML достаточно просто кликнуть на приведенную ниже кнопку.После завершения установки виджета перейдите к пункту доработки страниц закладок label pages.Сложный методЕсли вы установили виджет, вы не должны это читать :-) Перейдите к пункту доработки страниц закладок label pages.1.Зайдите в панель управления Blogger Dashboard и перейдите к пунктам Layout > Edit Html2.Не щелкайте по галочке ‘Expand Widget Templates’3.Найдите ]]&gt;&lt;/b:skin&gt;и замените кодом.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}]]&gt;&lt;/b:skin&gt;Это часть CSS, которая определяет внешний вид навигации с номерами страниц. Эту часть вы можете  изменять по своему желанию.4. Следующая часть – скрипт JavaScript. Найдите&lt;/body&gt;и замените на &lt;!--Page Navigation Starts--&gt; &lt;b:if cond='data:blog.pageType != &amp;quot;item&amp;quot;'&gt; &lt;b:if cond='data:blog.pageType != &amp;quot;static_page&amp;quot;'&gt; &lt;script type='text/javascript'&gt; var pageCount=5;var displayPageNum=5;var upPageWord =&amp;#39;Previous&amp;#39;;var downPageWord =&amp;#39;Next&amp;#39;;&lt;/script&gt; &lt;script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/&gt; &lt;/b:if&gt; &lt;/b:if&gt; &lt;!--Page Navigation Ends --&gt; &lt;/body&gt;Как вы видите, тут есть несколько изменяемых параметров.var pageCount=5;Этот код определяет количество постов на странице.var displayPageNum=5;Этот код определяет количество дополнительных номеров страниц, которые будут отображаться на странице. var upPageWord =&amp;#39;Previous&amp;#39;;var downPageWord =&amp;#39;Next&amp;#39;;Эти две линии определяют текст, который будет появляться вместо previous page и next page соответственно.Доработка страниц закладок label pagesСейчас перед нами еще одна проблема. По умолчанию в Blogger показывается 20 страниц закладок label pages. Наша задача изменить это значение на значение, указанное в pageCount (или постах на страницу). Для этого необходимо отредактировать шаблон. Как отредактировать шаблон чтобы изменить количество постов на страницу?Перейдите в меню Edit HTML и раскройте виджеты. Далее найдите все вхождения  'data:label.url'(включая кавычки) и замените на  'data:label.url + &amp;quot;?&amp;amp;max-results=5&amp;quot;'Здесь 5 - это число постов, показываемых на странице.Далее если вы используете виджет для облака тэгов от  phydeaux3, найдите  a.href = &amp;#39;/search/label/&amp;#39;+encodeURIComponent(t);и замените на a.href = &amp;#39;/search/label/&amp;#39;+encodeURIComponent(t)+&amp;#39;?&amp;amp;max-results=5&amp;#39;;Где опять же 5 число постов, показываемых на странице. Теперь навигация с номерами страниц в вашем блоге должна работать!  Эта инструкция основана на коде от Abu Farhan и Muhammad Rias. Пожалуйста, дайте на их ссылку.Постоянный линк Numbered Page Navigation For BloggerПеревод на русский язык сделал фото блог Atlanta Travel. Постоянный линк Навигации с номерами страниц для Blogger
