Добро Пожаловать! Вы Впервые На Блоге? Вам Понравился Материал? Убедитесь Что Вы Получаете Мои Статьи На Свой Email. Спасибо Что Зашли и Хорошего Дня!

9 января 2011 г.

Retweet для вашего блога на Blogger.com

Одна из моих партнеров попросила меня рассказать как установить на своем блоге кнопку ретвит (retweet). Несмотря на то, что в интернете есть много материалов на этот счет, я все же решила написать об этом на своем блоге. А причиной этому стала маленькая деталька.

Те кто работали и продолжают работать сегодня со старыми шаблонами Blogger.com могут с легкостью добавить следующий код в шаблон своего блога:

Код для копирования:
<div style='float:right; margin-left:15px;'>
    <script type='text/javascript'>
    tweetmeme_url = &#39;<data:post.url/>&#39;;
    </script>
    <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
    </div>
Делается это очень просто:
  1. Заходите в Панель инструментов своего блога
  2. Переходите в меню Дизайн.
  3. Выбираете вкладку Изменить HTML.
  4. Отмечаем галочкой Расширить шаблоны виджета.
  5. Находим с помощью клавиш Ctrl+F следующую строку:

    Код для поиска:
    <div class='post-header-line-1'/>
  6. И перед ней вставляем упомянутый выше код.
  7. Нажимаем на Просмотр и если все нормально нажимаем на Сохранить шаблон.
Но если вы добавите этот код в новый шаблон Blogger.com, то вы обнаружите, что графическая кнопочка у вас появилась, но она не рабочая.

Решается ли эта проблема? Конечно же ДА!

Чтобы добавить кнопку retweet в новый шаблон вашего блога на Blogger.com делаем следующие шаги:
  1. Заходите в Панель инструментов своего блога
  2. Переходите в меню Дизайн.
  3. Выбираете вкладку Изменить HTML.
  4. Отмечаем галочкой Расширить шаблоны виджета.
  5. Находим с помощью клавиш Ctrl+F следующую строку:



    Код для поиска:
    <div class='post-header-line-1'/>
    Если у вас не получается с помощью поиска найти нужную строку (смотри пункт 5), то в таком случае поищите строку:


    Код для поиска:
    <div class='post-header-line-1'>
  6. И сразу после этой строчки вставляем следующий код:



    Код для копирования:
    <div style='float:right; margin-left:15px;'>
        <script type='text/javascript'>
        tweetmeme_url = &#39;<data:post.url/>&#39;;
        </script>
        <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
        </div>

  7. Нажимаем на Просмотр и если все нормально нажимаем на Сохранить шаблон.
Вот и все премудрости. Теперь вы можете приглашать ваших читателей поретвитеть вас.

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

А теперь, если у вас получилось наладить свою кнопочку retweet на блоге, то расскажите об этом другим, прокомментировав эту статью и сделав ей ретвит.

Успешного вам постинга друзья!

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

Рассказать другим:



Related Posts with Thumbnails

10 комментариев:

Я - Галина Лоскутова комментирует...

Лариса, большое спасибо за очередную полезную подсказочку! У меня все получилось!

Людмила Парфёнова комментирует...

Лариса! Спасибо за науку! Это сделала легко и сразу! Даже страха не было. Сразу захотелось сделать что-то ещё на блоге! Вот так и вселяется уверенность.

Лариса Гринберг комментирует...

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

Ксения комментирует...

Спасибо за очередную полезную статью, Лариса!
Правда у меня возник вопрос - я не увидела разницы между кодами для старых и новых шаблонов.
В чем там отличия?

Лариса Гринберг комментирует...

Оксана, разница всего лишь в одном знаке бак-слешь "/", в строке после которой нужно вставить код кнопки. Думаю, что это связанно скорее всего с более новой версией языка, на котором пишутся шаблоны для Blogger.com.

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

Светлана Ковалева комментирует...

Я сама поставила себе эту кнопку, но была одна проблема как её к каждому посту прикрепить. Спасибо, Лариса, за полезный код! Кому интересно, если поставить чуть пониже, после строк <... class='post-body entry-content'>, кнопка будет в тексте! Я себе в блог так поставила.

Лариса Гринберг комментирует...

Светлана, спасибо за дополнение. Безусловно, это дело вкуса каждого где поставить кнопку. Возможно ваш совет поможет кому-то расположить кнопку retweet именно в том месте, где нравиться больше самому человеку.

Буду рада видеть вас на своем блоге еще. Заходите, делитесь своим опытом!

Светлана Ковалева комментирует...

Я уже убрала кнопку, сильно страницу нагружает и тормозит загрузку блога. Оставила только поделяшки внизу поста. Тут главное не переборщить с кнопочками и картинками, а то посетитель может не дождаться пока загрузится страница и уйти! Кстати, есть блог blogger4you.blogspot.com, там много всякой всячины для Блогера, я часто пользуюсь.

Лариса Гринберг комментирует...

Конечно, Светлана, перебор нигде не полезен. Есть разные сервисы дающие практически одинаковые конечные результаты, но отличающиеся по своей легкости загрузки. Нужно пробовать, тестировать и выбирать то, что подходит больше.

За ссылочку на блог спасибо, я знакома с этим ресурсом. Его хозяйка, тоже, к стате, Светлана действительно делится своим опытом довольно щедро. На блоге действительно есть много полезностей. Уверенна, моим читателям ссылка пригодится.

Владимир Сальников комментирует...

Здравствуйте, Лариса, У меня проблема, не поможете разобраться? Дело в том что кнопка отображается но не работает, стоит вопросительный знак и все, куда бы я код не ставил(до или после) какой код бы я не ставил все равно не помогает, вопросительный знак и все! Уже замучился разбирать в чем дело.

Отправить комментарий