7/23/2007

Дополнительные возможности блогодвижка Blogger

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

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


Сокращение размеров постов на главной странице а-ля "Читать далее"
Один из самых важных и нужных хаков блоггера, который позволяет существенно сократить размер главной страницы и улучшить её восприятие. Теперь это стандартная функция Blogger и никаких fullspan не надо. Достигается командой:




Ленты комментариев
Как говорят тут,

Full site feed:

  • Atom 1.0: http://blogname.blogspot.com/feeds/posts/default
  • RSS 2.0: http://blogname.blogspot.com/feeds/posts/default?alt=rss
  • Note:These full-site feeds are real-time enabled; developers can subscribe to low-latency updates by using the PubSubHubbub protocol.

Comments-only feed:


  • Atom 1.0: http://blogname.blogspot.com/feeds/comments/default


  • RSS 2.0: http://blogname.blogspot.com/feeds/comments/default?alt=rss

  • Label-specific site feed:


  • Atom 1.0: http://www.googleblog.blogspot.com/feeds/posts/default/-/privacy


  • RSS 2.0: http://www.googleblog.blogspot.com/feeds/posts/default?alt=rss/-/privacy

  • Individual post comment feed:

    • Atom 1.0: http://blogname.blogspot.com/feeds/postId/comments/default
    • RSS 2.0: http://blogname.blogspot.com/feeds/postId/comments/default?alt=rss

    Как сделать ленту комментариев для каждого поста Для этого нужно отредактировать шаблон согласно этому руководству. Кратко:
    To create the link which will enable readers to subscribe to the comments of a particular post, you will need to ensure you have enabled post pages in your blog settings. If you haven't already done this, go to Settings>Archiving in your Blogger dashboard and set "Enable post pages" to "yes".
    Next, find this section in your Blogger template:
    Just after this line, paste the following section of code, replacing "yourblogurl" with the url of your blog:
    Post Comments Feed
    This will enable the default Atom feed for the per-post comments. If you prefer to link to the RSS comments, you should paste this section of code instead:
    Post Comment Feed
    You can change the link text ("Post Comment Feed")to anything you like, such as "Subscribe to comments for this post".


    Календарь постов Может быть, кому-то покажется бесполезным украшательством - мне оно кажется нужным и красивым. И вот почему:
    1. Помогает выдерживать периодичность постов;
    2. Немой укор автору, заставляет вспоминать про загашники и вытаскивать оттуда что-нибудь интересное;
    3. Просто красиво смотрится :-)
    Для этого придётся повозиться. Сама статья и код находятся в статье Blogger Archive Calendar, но после того, как вы его поставите, придётся подгонять календарь под свой стиль. В моём случае это заняло целый вечер, зато потом удобно следить за периодичностью постов и смотреть, что, когда и сколько написал.

    • Исправлена особенность Blogger: когда правите старые посты, они всплывают на самый верх. Помог форум feedburner:
    By default, Blogger sorts items in its original feeds by their
    date, not by their date. They do this
    so that if you update a really old post, it jumps right back to the top
    of your feed so subscribers can see what you've changed. However, there
    are publishers who have contacted us stating that they really don't
    like this behavior and wondered if FeedBurner could re-sort items in
    their feed. Fortunately, no service is needed from us; just a small
    adjustment to your FeedBurner feed's "Original Feed" address is needed
    to make sure Blogger always sorts your items by date

    alone.



    Облако меток

    Ещё одна удобная вещь в новом Блоггере - это метки и возможность работы с ними. Для того, чтобы просмотреть все статьи с данной меткой, просто жмём по ней в облаке меток и сразу же видим все нужные статьи. Делается это по статье New Blogger Tag Cloud, довольно просто - но нужно подогнать их цвет под стиль.


    Перенаправить все RSS-ленты на feedburner

    If you’re on Blogger, first get to your blog and do a View Page Source(in Firefox) by right-clicking anywhere on your blog and choosing it from the menu. Copy these lines:










    Choose the Edit HTML subtab and locate this line of code just below the head tag :





    Delete it and replace it with the above code I’ve made you copied from your blog’s header’s page source. Now get to the links tag portion, put your Feedburner’s RSS link in the href argument thus pointing to your Feedburners feed. See below where I’ve replaced the default link with my feedburners feed :







    Взято этого сайта.

    Социальные закладки
    Без комментариев о полезности - просто нужны. Лично я их делал по статье Social Bookmarking Revisited. Код там такой навороченный, что я просто тихо подливал себе в стакан корвололу :-)
    Один тонкий момент: при изменении шаблона этим хаком нужно тупо следовать советам автора, то есть поместить ссылку на его код (это Step 1) сразу после служебного тэга head, иначе он вам переопределит кучу параметров и выглядеть блог будет страшно.
    Выглядят они, конечно, красиво, ничего не скажешь, но ориентированы на зарубежные сервисы. Пришлось взять напильник и намоленный бубен, и добавить туда кнопки наших служб ведения закладок. С memori.ru были проблемы: как-то хитро у них устроен механизм добавления. Благо, нашлась добрая душа и разобралась - вот как это делается.


    Перевод статей на другие языки

    Да, машинный перевод не совершенен, и тем не менее...
    Вот здесь рассказывается, как воспользоваться гугловским переводчиком и добавить возможность выбора языка в посте. На главной странице ничего не изменится, но когда вы откроете пост - там справа будет окошко "Select language". Когда будете встраивать этот хак, не забудьте поменять пары языков на "ru|XX", где XX - это иностранный язык.


    Убрать NavBar

    Кому-то это может и удобно, но эта приблуда серьёзно уродует титульную страницу блога. Но это легко исправить - вот здесь вам расскажут, как в две строчки легко и просто решить эту проблему.


    Шаблоны для Блоггера
    Те шаблоны, которые предлагает Гугл по умолчанию, далеко не предел возможностей Блоггера. В Сети есть достаточно сайтов, на которых можно скачать, и притом совершенно бесплатно, замечательные шаблоны. Вот, например, здесь:
    http://finalsense.com/
    http://www.blinklist.com/tag/themes+templates/
    http://www.bloggertalk.net/blog_templates-cat2.html
    http://blogger-templates.blogspot.com/


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

    23 комментария:

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

      ОтветитьУдалить
    2. Большое спасибо! Свёртывания поство очень не хватило :)
      (http://allaboutvim.blogspot.com/)

      ОтветитьУдалить
    3. А вот в RSS неплохо было бы отдавать полную статью (если конечно Вы не надеетесь на блоге откручивать рекламу, которая у меня, как и у многих читателей сайтов Вашей тематики все равно безжалостно режется NoScript`ом ;)

      ОтветитьУдалить
    4. 2 Всеволод Балашов пишет...
      А вот в RSS неплохо было бы отдавать полную статью
      Только если создать вторую ленту. Потому как мне не удобно загружать полные ленты - у меня лимитный трафик (как и у многих), и часто откровенно бесит, когда приходится тащить ленту со всеми картинками, ётубами и прочими свистульками.

      ОтветитьУдалить
    5. Вообще конечно неплохо бы гуглу компонент "облако меток" добавлять в список достпуных компонентов, чтобы можно было добавить этот компонент без ковыряния в тексте шаблона.

      ОтветитьУдалить
    6. Скорее вопрос, чем комментарий.
      Добавил в пост таблицы. В результате, перед таблицами возникло большое пространство. Не в курсе, как от этого избавиться?

      ОтветитьУдалить
    7. Спасибо. Облако закладок попробую прикрутить.
      Касательно сокращенных постов, мне в этом методе не нравится то, что ссылка на полный пост отображается даже там, где сокращений не и в помине. Когда-то долго искал как от этого избавиться. Нашел. Описание здесь. Если сочтете за наглый пеар - извините и удалите абзац (но ни в коем случае не благодарность) :]

      ОтветитьУдалить
    8. 2 Alex пишет...
      Вообще конечно неплохо бы гуглу компонент "облако меток" добавлять в список достпуных компонентов
      Там нужно сильно перекраивать шаблон. И потом ещё подгонять под свой стиль...

      2 banderlog пишет...
      Добавил в пост таблицы. В результате, перед таблицами возникло большое пространство. Не в курсе, как от этого избавиться?
      Увы, в чём не силён - так это в веб-технологиях.

      2 x[82] пишет...
      Касательно сокращенных постов...
      Большое спасибо, что зашли и поделились рецептом. Добавил в пост, вместе со ссылкой.

      Если сочтете за наглый пеар
      Пропиариться в комментах = святое дело :-)) Тем более с пользой. Ещё раз спасибо.

      ОтветитьУдалить
    9. 2 virens:
      Спасибо на добром слове. И лучше на "ты".
      2 banderlog:
      Попробовал ответить на Ваш вопрос. Смотрите комментарии к упомянутому Вами посту. Кстати я не заметил, что включена предварительная модерация, поэтому ответ дублирован ))

      ОтветитьУдалить
    10. Присоединяюсь к спасибам. тоже украшаю блог

      ОтветитьУдалить
    11. Помоги пожалуйста! Меня уже психи кроют... я никак не могу разобраться с этимим фулпостами и спанами! Чувствую себя тупой обезьяной :(

      ОтветитьУдалить
    12. 1. Верхушка экрана - span.fullpost {display:none;};
      2. к каждому посту идет Read more!, даже если это не нужно.
      3. Read more! как ссылка, но не скрывающая весь текст

      ОтветитьУдалить
    13. 2 p1cc4rd пишет...
      Помоги пожалуйста! Меня уже психи кроют... я никак не могу разобраться с этимим фулпостами и спанами!
      Я в этом тоже не большой спец. Там нужно сделать так, чтобы код в шаблоне был между тэгами style. Об этом писал Андрей Тряпичников aka vonderer: тут
      В комментах там всё растолковано.

      1. Верхушка экрана - span.fullpost {display:none;};
      Да-да-да, это значит, ты не туда залепил код. Он должен быть до /head и в окружении style-тегов.

      2. к каждому посту идет Read more!, даже если это не нужно.
      Тот хак, который у меня, так и делает. У меня посты длинные, так что я не заморачиваюсь. А x82 нашёл другой хак здесь. Он чуть сложнее, зато не выдаёт таких вещей

      3. Read more! как ссылка, но не скрывающая весь текст
      В посте нужно поставить span class="fullpost" /span в закрывающихся угловых кавычках.

      ОтветитьУдалить
    14. воспользовался руководствами. все получилось. хочется еще одну фишку: чтобы люди, оставившие комментарии, получали извещения об ответах на них. если кто знает, свяжитесь со мной плиз.

      ОтветитьУдалить
    15. @elsinor
      можно пользовать Comments Feed http://www.mydebianblog.blogspot.com/feeds/comments/summary

      ОтветитьУдалить
    16. А не подскажете ли, как добавить поиск по дружественным Linux-блогам? Был бы очень признателен

      ОтветитьУдалить
    17. 2 elsinor комментирует...
      чтобы люди, оставившие комментарии, получали извещения об ответах на них.
      Вроде это уже сделали - можно в комментариях подписаться на новые сообщения.

      2 Jona комментирует...
      А не подскажете ли, как добавить поиск по дружественным Linux-блогам?
      Подскажу. У Ивана есть код поисковика, вставляете его в шаблон блога (можно на сайдбаре сделать новый джава-скрипт элемент и вставить туда код). Это тут

      ОтветитьУдалить
    18. А, как, подскажите, если не трудно, конечно, вписать джава скрипт в блог или это не возможно ?
      куда и как?

      спасибо

      developersz@hotmail.com

      ОтветитьУдалить
    19. Еше бы написали как бороться с meta tags, яндекс похоже без них не индексирует, а в блоггере нет, при использовании стандартного варианта ругается...

      ОтветитьУдалить
    20. Спасибо! Первый толковый разбор темы.

      Вот только вопрос:
      У Вас шаблон не фиксированной ширины, где брали?
      Как искать?

      ОтветитьУдалить
    21. Теперь перевод стал ещё проще:
      google_translate

      ОтветитьУдалить