Создаём блог, часть 9-я
18 февр. 2009 г.В этой теме →
- убираем текст под кат "Читать дальше";
- организуем трансляцию постов из Blogger'a в Twitter;
- добавляем гаджет "Я на Twitter";
- добавляем кнопку "Twit this".
1. Я долго сомневалась, использовать ли механизм публикации на главной странице только анонсов, убирая основной текст под кат, как это принято в ЖЖ... И, дойдя в модернизации блога до кнопки "Twit this", решила, что кат, в общем и целом, таки-неплохая идея. Без него, в частности, вышеупомянутая кнопка - не имеет смысла. А мне очень уж понравилась иконка, которую я соорудила для "Twit this". :)
Чем ещё привлёк меня кат: во-первых, я смогу убирать под него картинки для постов - главная страница значительно разгружается; во-вторых, гости блога не будут терзать мышкино колесо, прокручивая неинтересные им темы - не секрет, что мы, попав на какую-либо страницу, не читаем добросовестно всё подряд, а пробегаем её глазами, определяя, есть ли здесь нужная информация, и лишь потом решаем, стоит ли вникать в предлагаемый контент.
И тогда, ИМХО, анонсы - самое то, ибо информация в них не распылена по длинному тексту, а сжата до двух-трёх строчек.Итак, встречайте: "Сделать кат в Blogger. Один из лучших способов" , и сразу следом - "Доработка ката в Блоггере" для тех, кто решит чуть изменить под свой вкус и саму надпись, и её оформление.
Этот способ хорош ещё и тем, что кат ставится не во все подряд сообщения, а только по вашему выбору - очень удобно.
2. Как организовать кросспостинг на Twitter? - всё очень просто настраивается и прекрасно работает. :)
3. Показ в блоге ваших последних сообщений на Твиттере - гаджет для Blogger, найденный специально для меня многоуважаемым Делитантом, спасибо ему огромное. :))
После того как вы перейдёте по ссылке, вам предложат выбрать платформу, на которой размещается блог, затем, тыцнув в "Continue", вы попадаете на страницу, где можете настроить гаджет - указать количество показываемых сообщений (от 1-го до 20-ти), дать название гаджету, и на этой же странице - сразу же отправить гаджет в свой блог (или скопировать код и закинуть его в блог самостоятельно).
У меня это называется "Я на Twitter" и располагается в сайдебаре справа от сообщений, сразу под гаджетом с вкладками "Новости блога", "Комментарии" и "Популярное".
Примечание: у меня на Опере (9.27) гаджет работает странно - то как следует, а то вдруг не кажет ни одного сообщения, а то всего одно-два. Firefox же всё демонстрирует в лучшем виде.
4. Добавляем кнопку "Twit this" (en)
То самое, для чего я и затеяла у себя вставку текста под кат "Читать дальше". :)
Суть этой кнопки вот в чём: предположим, вы увидели в чьём-либо блоге ужасно любопытную статью (новость, рецепт, узор, метод дрессировки, иллюстрацию и тырым-пырым), и захотелось вам поделиться этим с друзьями-твиттерянами.
Что вы делаете, если заинтересовавшее вас сообщение не сопровождается кнопкой "Twit this"? Прральна, вам нужно сперва скопировать ссылку сообщения, потом выйти в Твиттер, там написать чё-нить вроде "Allpa жжот!" :)) или "Нифигасе!" (ну, к примеру), потом вставить ссылку и т.д.
А что происходит, когда в сообщении есть кнопка "Twit this"? Опять же ж, прральна - операция занимает пару секунд: тыц в кнопку, и вот вы на странице, где вам предлагается выбрать, как следует анонсировать ссылку.
Я выбрала первый вариант "Reading" (что-то вроде "Читаю").
И сразу вижу в Твиттере сообщение от своего имени →
Reading: "Кошка у камелька: Retouching - новая работа" (http://twitthis.com/h4kfyt) около 24 часов ago from TwitThis
Почему я говорила, что кнопка "Twit this" не имеет смысла, если не используется кат... кнопка не видна на главной
странице. Обнаруживается, если открыть сообщение в отдельной вкладке/окне. Вот и получается, что, если все посты видны полностью на главной странице, то, чтобы тыцнуть в "Twit this", юзеру надо будет сначала прочесть сообщение на Главной Странице, потом открывать его в отдельном окне, и лишь потом гость блога сможет рассказать твиттерянам, какую офигенную вещь он сейчас прочёл - согласитесь, это почти подвиг, такие массовые телодвижения. :) И мало кто на него пойдёт...
Теперь, соб-сна, о коде для кнопки "Twit this" (вольный перевод инструкции) →
- перво-наперво, как всегда перед всякими экспериментами с шаблоном, делаем его back-up;
- идём в Настройки → Изменить HTML → ставим "галочку" на Расширить шаблоны виджета;
- Ищем в коде шаблона строчку →
<div class='post-footer'>
- И где-то неподалёку от неё (внизу) должна быть другая, похожая на →
<p class='post-footer-line post-footer-line-1'>
- Так между этими двумя строчками следует вставить код →
<!-- Footer Button Codes BEGIN -->
<div>
<p><span id='footer-buttons'>
<!-- things placed after this line will show on all pages --><b:if cond='data:blog.pageType == "item"'>
<!-- things placed after this line will only show on post pages --><!-- TwitThis Button BEGIN --><a href='javascript:(function(){TwitThisPop=window.open(%22http://twitthis.com/twit?url=%22+encodeURIComponent(location.href)+%22&title=%22+((document.title)%20?%20encodeURIComponent(document.title.replace(/^\s*|\s*$/g,%27%27))%20:%20%22%22),%20%22TwitThisPop%22,%20%22width=600,%20height=500,%20location,%20status,%20scrollbars,
%20resizable,%20dependent=yes%22);%20setTimeout(%22TwitThisPop.focus()%22,
%20100);%20})()'><img alt='TwitThis' src='http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif' style='border:none;'/></a><!-- TwitThis Button END --><!-- Do Not Paste Any Code Below This Line -->
</b:if>
</span></p>
</div>
<!-- Footer Button Codes END -->
- Сохраняем шаблон, открываем любое сообщение в отдельном окне (вкладке), смотрим на результат - внизу сообщения должна появиться кнопка "Twit this". :)
Примечания →
1. Автор говорит: если вы раньше устанавливали его Google Reader code, то следует копировать и вставлять только выделенное жёлтым (я здесь выделила голубым - сравните с выделением на странице автора);
2. У меня не нашлось строчки <p class='post-footer-line post-footer-line-1'>
Поэтому я просто закинула код сразу под <div class='post-footer'> - кнопка прекрасно появилась под сообщением, над ссылками "Начало страницы" и "Начало сообщения" (о том, как сделать такие ссылки, я писала в "Создаём блог, часть 8-я");
3. В куске кода, выделенным жёлтым цветом на странице автора, содержится адрес картинки, которая и будет служить кнопкой: http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif - иконку, разумеется, можно поставить свою. Выберите её из сотен уже готовых или сделайте свою, залейте на хостинг, где хранятся ваши изображения, скопируйте ссылку и замените ею ссылку в коде.
Как вам моя? ;) →