Красивый твиттер для вашего блога

Здравствуйте дорогие читатели и гости сайта «Тестируем шаблон». Рада нашей новой встрече на блоге.

Сегодня поговорим о том, как установить красивый виджет для твиттера в сайтбар на своем  блоге.

Год назад я почти с завистью смотрела на красивые оригинальные виджеты с надписью «Мой твиттер. Присоединяйся!» Спросить было неловко, а объяснения, как сделать красивую картинку с синей птичкой и не такой как стандартное изображение, я почему-то не встречала.

Теперь я понимаю, что это простой баннер сделанный своими руками и абсолютно каждый может для своего блога может сделать нечто оригинальное и красивое. Для этого нужно скопировать понравившуюся картинку с изображением синей птички твиттера, чтобы уже сразу было видно о чем данный виджет Who-s-the-man Сохраняете картинку в своей медиабиблиотеке блога  загрузив и закрепив за какой-либо статьей. (Я такие картинки сохраняю, закрепив за определенной страницей, ведь страницу найти намного быстрее, чем статью ;-) )

Я например нашла вот такие картинки, лучше чтобы они уже были небольшого размера, порядка 150*150 пикселей. Кстати,если какая понравилась, копируйте себе в компьютер, не стесняйтесь.

Так вот, чтобы сделать красивый виджет в сайтбар, нам нужен лишь образец баннера:

 <center><a href=»https://twitter.com/brychewa/» target=_blank><img src=»http://test-shablon.ru/wp-content/uploads/2012/10/twitter-3.png » border=»0″ title=»Присоединяйся ко мне в твиттере!» width=128 height=128></a></center>

Синим выделен адрес вашей страницы в твиттере;

красным адрес вашей картинки на блоге;

Розовым выделен текст, который вписываете между ковычками любой по желанию.

Адрес берем в строке браузера (фото ниже)

Адрес картинки примерно так. Адрес картинки- это URL ссылки.

Теперь за образец берем либо HTML-код из текста статьи, но тогда вам следует прочитать немножечко на страничке «Важно» , либо скопировать без корректировки ковычек текст ниже.Затем вставите свои данные и приятного просмотра в сайтбаре.

<center><a href="https://twitter.com/brychewa" target="_blank"><img title="Присоединяйся ко мне в твиттере!" src="адрес вашей картинки " alt="" width="128" height="128" border="0" /></a></center>

До новых встреч на блоге, с вами была Юлия.

:heart: Расскажи другу, пусть тоже дизайном займется :good:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • LinkedIn
  • Digg
  • Blogger
  • Блог Li.ру
  • Сто закладок
  • RSS
  • Одноклассники

Об авторе Юлия

Меня зовут Юлия. Этот сайт я начала из-за моей проснувшейся и непонятной любви к рассмотрению настроек шаблонов. Сама я пока создавать темы на Вордпресс не умею, но надеюсь, что это когда-нибудь случится. Пишите в комментариях свои вопросы: я обязательно отвечу. Ну и замечания тоже приветствуются-))
Закладка Постоянная ссылка.

45 комментариев: Красивый твиттер для вашего блога

  1. Елена пишет:

    Ух ты ж! Какие красивые твиттерики могут быть.
    Сейчас поняла, что у меня вообще нет твиттера на блоге. Я в шоке от себя :unsure:
    Записываю себе еще один пункт в длинный список НАДО СДЕЛАТЬ :mail:

  2. Стефания пишет:

    Очень симпатичные и милые твиттерики!
    Здорово! All-I-See-is-Love

    А список «Надо сделать» мне лично тяжело потерять, он практически полностью отображен статьями этого блога! Sad

    • Юлия пишет:

      Мне даже кажется странным сейчас, что я не могла сделать себе такой прикольный виджет раньше…Как все-таки долго самой проходить этот путь без подсказок. Smile

  3. Надежда пишет:

    Симпатичная подборочка птичек-очаровашек. Здорово!

    • Юлия пишет:

      Спасибо, Наденька. А я вашими пингвинчиками любуюсь.Вы не писали , как установить таких на блог?

  4. Лариса пишет:

    Очаровательные птички! Так и хочется поменять свою кнопочку, правда она вписывается в общий дизайн, но возможно, сделаю отдельно еще и такое чудо!

  5. Teresa пишет:

    Спасибо Юлия! Так я скоро себе весь шаблон приукрашу :) А как у некоторых в шаблонах птички такие летают?

    • Юлия пишет:

      Тереза, позвольте я отвечу название плагина завтра в статье Winkкак бы по вашей просьбе, ладно Who-s-the-man

  6. mrs.interesno пишет:

    Очень понравился пиратский твит. :good:
    Вот думаю, себе его утащить. ;-)

  7. Галина пишет:

    Я давно уже собиралась сделать птичку себе в виджет, но как и Леночка, записываю в свой «список дел». А зря, между прочим, надо бы сразу сделать, а то затянется… Спасибо, Юля, за птичкой обязательно вернусь.

    • Юлия пишет:

      Да, иногда так бывает, что отложив, мы просто решили, что это не важно и поэтому остается только «список запланированных дел»…

  8. Elenka пишет:

    а у меня твитеренок с книжкой на блоге….)))
    спасибо за статью!

  9. Анна пишет:

    Юлечка, добрый день! Огромная благодарность за обучение. Я тоже уже давно хочу такой твиттер, но не знала, как это сделать. Wink Теперь, благодаря ВАМ, думаю, что и у меня он появится, I-got-an-idea хотя кнопочка у меня есть. Какая вы ТРУЖЕНИЦА!!!Дай вам бог счастья, здоровья и много друзей!!! Bye

    • Юлия пишет:

      Вы не представляете, как я хотела такой вот красивый твитер, а оказалось все очень просто и практически элементарно Wink

  10. Ирина пишет:

    Привет, Юлечка! Какая же ты умница. Сколько всего нашла и сама сделала. Как ты так умудряешься до всего дойти? Да и еще два сайта помимо этого вести?!
    Одного твиттеренка украла у тебя. Уже поставила. Спасибо тебе огромное. Чуть позже установлю другие кнопочки-перевертыши.
    У меня на сайте были уже две птички: первая выглядывала из экрана и была всегда на виду, вторая летала. Выглядывающую убрала — в новом шаблоне не очень смотрится. А летающего — тоже пришлось убрать, так как многим не нравилось, что птичка садится именно там, где они читают и мешает им. Не понимали люди, что ей скучно одной и она хочет пообщаться Wink

    • Юлия пишет:

      Ирочка, а как называется плагин, когда твиттеренок выглядывает из окошечка-очень хотела раньше, может установлю Wink

  11. Лидия пишет:

    Я тоже поставила себе твиттеренка с чашечкой кофе
    на свой кулинарный блог.Объясните, как поставить елочку внизу страницы.А про снежок, который падает со стрелочки- указателя, МОЖНО???

    • Юлия пишет:

      Елочка, это просто баннер с необычной локализацией, о нем можно прочитать здесьhttp://test-shablon.ru/banner-s-neobychnoj-lokalizaciej-dlya-sajta/, а вот снежинки с указателя пока секрет ;-)

  12. Лариса пишет:

    Не пойму почему не показывается картинка на сайте. Адрес указываю правильно

  13. Лариса пишет:

    у меня где картинка должна быть, пустой значок и если на него нажать, то он ведет на страницу 404 на моем сайте, но никак не на ак в твиттере. Не пойму в чем проблема, может шаблон не позволяет?

    • Юлия пишет:

      Лариса, шаблон здесь не причем..Ты картинку у себя на сайте сохранила? Код картинки в баннер вставила? Адрес своей страницы в твиттере указала? Ты образец у меня брала в статье в окошечке?

  14. Лариса пишет:

    Все делала как у тебя, ничего не пошло, но мне сказали код не правильный и дали вот такой, чуть подправленный, у меня заработало, Юль зайди глянь. Ура! И кстати, хотела последовать в твиттер за тобой, но картинка у тебя не работает.Переход на твиттер есть, но пишет что такой страницы нет. А код мне вот так подправили _

    • Юлия пишет:

      Я сейчас тоже подправила, там нужно было в адресе страницы палочку сзади убрать, но на картинку это все равно не влияло…

  15. Лариса пишет:

    Ну не знаю, я с утра билась над этим твиттером, перерыла весь инет и пока не подправили код ничего не получалось. Я стала твоим читателем :heart:

  16. Лариса пишет:

    Юль а ты у меня про какой заголовок спросила?

  17. Татьяна пишет:

    Спасибо Юленька, твиттерчики понравились, выберу себе один из них и себе на сайт поставлю, попробую по образцу описанному.

  18. Андрей пишет:

    Здравствуйте. Сделал кнопочку в виде рыбки. Теперь проблема-она располагается ПО ЦЕНТРУ. Как её сместить в нужное место? Спасибо. :rose:

    • Юлия пишет:

      По центру она стоит, потому что баннер отцентрован. Уберите спереди и сзади тег centr и баннер сместится. Если его нужно ориентировать по правому краю то устанавливается другой тег….

  19. Андрей пишет:

    Там стоит тег , поэтому видимо выравнивается по центру. А какой тег ставит, например вслед за текстом? Если знаете, подскажите. Спасибо. :rose:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

[+] Жми на плюс- Открой тайник- Чтоб прикольный СМАЙЛ возник!
:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)