Создаём блог, часть 9-я

18 февр. 2009 г.
Posted by Allpa

В этой теме →


  • убираем текст под кат "Читать дальше";

  • организуем трансляцию постов из 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 == &quot;item&quot;'>

<!-- 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&amp;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 - иконку, разумеется, можно поставить свою. Выберите её из сотен уже готовых или сделайте свою, залейте на хостинг, где хранятся ваши изображения, скопируйте ссылку и замените ею ссылку в коде.



Как вам моя? ;) →

Предлагаю ознакомиться с аналогичными статьями:



Подписаться на сообщенияПодписаться на комментарии
© "Кошка у камелька" Allpa's blog | 2009 | При копировании материалов гиперссылка на сайт обязательна