Иконки популярных в рунете сервисов / Хабрахабр. Вот смотрю как товарищ grokruвыложил свое творчество и прямо вдохновляюсь. И поскольку мне было скучно, я решил тоже вспомнить былое и наштампить иконок. Заняло все это порядка 1.

Скачать сейчас тысячи бесплатных векторных иконок, доступных для личного и коммерческого использования. Вы можете скачать их в формате PNG, . 22 декабря 2010 в 19:00 Векторные иконки на HTML5 + JS. С fb и vk — поделиться, t- твитнуть, s — видимо позвонить/чатнуть.

Попробовал себя в народном творчестве так сказать. Может совместно создадим habrapack? Архив с . PSD и . PNGUPD: А я немного обновил все! Совсем немного. Качаем здесь! И следим здесь. И предлагаем сервисы для пополнения. Те что предложили, уже в процессе выполнения.

UPD2: Вот уже пополнилась коллекция на несколько иконок, а именно: Google plus. GMailsms (еще думаю как изменить, уж больно она не говорит о себе)Wikipedia.

Скачать на Freepik ваши фотографии, PSD, иконки или векторов. Instagram векторы и фотографии - бесплатные графические ресурсы. Корпоративный векторный бизнес Абстрактный набор веб-баннеров. В комплект входят векторные иконки социальных сетей: Вконтакте, Facebook, Instagram, Twitter, Pinterest; а также сервисов. Кайфовый сайт, + за обновлениями можно в Вк следить. Так, а теперь пора за работу.

Mailtumblr. 09. 0. Вот как сейчас выглядит пак.

С вашей помощью и поддержкой он разрастется еще больше. Вот думаю нужно страничку в сети создать для всего этого =).

Как установить кнопки социальных сетей на сайт. Привет, друзья! Сегодня статья будет очень объемной, но в то же время необычайно полезной. Почему я решила написать эту статью? Дело в том, что меня постоянно спрашивают, как получить больше поклонников в ту или иную социальную сеть?

Почему мало кто подписывается на мою страницу на Фейсбук? Почему никто не фолловит компанию в Твиттер?

Почти у каждой компании сегодня есть сайт и даже блог. А у вас есть сайт? Надеюсь, что да! Если еще нет, то об этом нужно срочно задуматься! Ну с блогерами и обладателями свободных профессий (консультанты и фрилансеры) и так понятно, у них обязательно есть свой адрес в интернете — веб- сайт. Друзья, проблема в том, что мало какие сайты реально оптимизированы под социальные сети. Они могут производить кучу очень полезного и интересного контента, но их никто не видит и не слышит. SMO (social media optimization) — слышали такой термин?

Так вот этим самым СМО (оптимизацией сайта под соц. Существует огромное количество способов, о которых знают специалисты, чтобы создать, что говориться, движуху на веб- сайте. Простые манипуляции + наличие идей и креативности могут существенно помочь вашей компании в продвижении.

Это я вам гарантирую! На самом деле, установить пару кнопок «поделиться» и значок Фейсбук в самом верху или в низу сайта — этого мало (хотя некоторые сайты не замудряются и не имеют даже самого базового!!!). К таким кнопкам глаза наши быстро привыкают и их никто, увы, не замечает. Читателей нужно активировать, давать им что- то новое и интересное. Это и есть магия СМО. Колдовать учить я вас не буду, так как это целая наука, но, тем не менее, расскажу, что иметь просто необходимо, а также дам некоторые наводки на кое- что более креативное. Если будете внимательны, то точно что- то интересное для себя найдете!

Итак, ниже я расскажу вам, как установить в сайт официальные социальные кнопки и виджеты. Это будут только официальные кнопки и виджеты — никаких сервисов и плагинов! Социальные сети очень постарались и создали огромное количество различных кнопок и виджетов. О многих никто даже и не слышал, хотя имеются они в свободном доступе для каждого желающего.

Здесь мы рассмотрим только самые нужные и эффективные из них, которые помогут вам увеличить базу поклонников, а также сделают распространение ваших статей и другого контента простым и непринужденным для посетителей вашего ресурса. Если вы хотите установить такие же кнопочки, как у меня на сайте, то подробнее об этом написано тут. Выберите соц. Установка кнопок «поделиться» может значительно увеличить трафик на ваш веб- сайт, поэтому такие кнопки должны быть доступны посетителям не только в статьях, но и на продающих страницах (лендингах), в рассылках, на страницах сайта и т. Это может быть аккаунт компании или ваш профессиональный аккаунт, если вы, к примеру, консультант, блогер или фрилансер. Кнопки подписки позволяют вам увеличивать базу подписчиков, которым вы в последствии будете сообщать о новом контенте на сайте, новом продукте, новостях компании и т. Где Бесплатную Программу Metastock Rus.

Такие кнопки лучше всего размещать в сайдбаре, в подвале сайта (или футере), на главной странице, на странице «о нас», в колонках автора, а также на благодарственных страницах после того, как читатель совершил нужное вам действие (оставил комментарий, написал вам, купил продукт, зарегистрировался на вебинар и т. Фейсбук. У Фейсбук, как и у других соц. У каждой из них есть своя функция и предназначение. В этом разделе мы рассмотрим только самые используемые и нужные из них. Остальные вы сможете посмотреть и протестировать на сайте разработчиков на Фейсбук.

Примечание: Давайте сразу договоримся. В описании каждого раздела я буду давать ссылку на сайт разработчиков рассматриваемой соц.

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

Сайт разработчиков на Фейсбук: https: //developers. Кнопка «Нравится»Кнопка «Нравится» — это самый быстрый способ поделиться каким- либо контентом с друзьями на Фейсбук. Чем хороша эта кнопка, так это тем, что кликнув по ней, читателю не придется вписывать свое мнение, чтобы поделиться ссылкой. Это очень легко и ненапряжно для пользователя, поэтому посетители сайтов довольно охотно кликают по таким кнопкам. Нажав на кнопку «Нравится», пользователь создает новость в ленте новостей на Фейсбук.

Вы, наверняка, видели такие новости, что, например,  «Алексею Н. Это легко для пользователя и очень эффективно для вас, т.

Вам нужно перейти на сайт разработчиков на Фейсбук (как мы договорились, ссылка находится в начале этого раздела). Прежде, чем вы приступите к созданию новых кнопок и виджетов, вам необходимо создать новое приложение в меню «Apps». Это нужно сделать обязательно, так как без этого Фейсбук не даст вам создавать кнопки! Если с созданием приложения или с генерацией скриптов у вас возникли проблемы, дайте мне знать в комментариях, и я сделаю еще более подробную инструкцию по установке кнопок.

Итак, чтобы установить кнопку «Нравится», на странице разработчиков, в левой колонне, кликните на «кнопка «Нравится» (сеть)«. Теперь вам необходимо выбрать из предложенных Фейсбук опций, чтобы получить именно такой виджет, который вы желаете.

Url to Like — введите ссылку на страницу, публикацию, лендинг, для которой вы создаете кнопку «Нравится». Это может быть любой тип контента, даже изображение или видео.

Главное, чтобы вы указали ссылку, которой будут делиться пользователи. Width — Если место для кнопки у вас ограничено, то вы можете указать ширину виджета в пикселях. Кнопки сами по себе небольшие, но если вы выбираете стандартные кнопки, то текст занимает достаточно много места. Об этом я расскажу в следующем пункте. Layout — Вид виджета.

Фейсбук предлагает на выбор 4 варианта: стандартный (как на картинке), с большим счетчиком, с маленьким счетчиком и просто кнопки. Здесь все зависит от вашего вкуса, стиля сайта, имеющегося места под кнопки, а также желании показывать счетчики (т.

Подробно о различиях этих кнопок — и вообще виджетах на Фейсбук — я писала в моем бесплатном пособии о продвижении на Фейсбук. Show friends’ faces — если вы желаете, чтобы кнопки показывали посетителю вашего сайта аватарки его друзей, кто уже кликнул на кнопку «Нравится», то поставьте галочку в этом пункте. Если никто из друзей не лайкнул страницу, статью и т. Если вам позволяет место, то я рекомендую включать эту опцию, так как лица друзей положительно влияют на восприятие контента читателем, увеличивая его доверие и часто толкая его также кликнуть на кнопку, хотя бы из солидарности. Include share button — ну и последний пункт, добавить кнопку «Поделиться». При нажатии кнопки «Поделиться», человек может добавить свой текст, мнение к ссылке, которой он делится.

У кнопки «Нравится» такой возможности нет. После того, как вы заполнили все поля, щелкните по кнопке Get Code, чтобы сгенерировать код, который вы установите на сайт.

Первая часть скрипта устанавливается в тег < body> страницы, а вторая часть вставляется в то место, где вы хотите установить кнопку. Для того, чтобы установить кнопки Фейсбук, в качестве примера в этой статье, я вставила первую часть кода в самый верх кода страницы с помощью плагина Add to head. Далее, вторую часть кода, я вставила в HTML редактор этой статьи и вот, что у меня получилось. Кнопочки «Нравится» и «Поделиться» появились там, где я и хотела. Можете проверить их в действии и дать мне понять, что статья вам пока что нравится . Фейсбук предлагает устанавливать кнопки «Нравится» и «Поделиться» вместе (см.

Тем не менее, если вы желаете установить эту кнопку отдельно, то читайте ниже, как это сделать. Как установить? Как и все кнопки и виджеты Фейсбук, кнопка устанавливается со страницы для разработчиков (см. Если это статья, то укажите ссылку на эту статью. Если это лендинг или какой- то продукт, то это должна быть соответствующая ссылка. Не обязательно, чтобы указывалась ссылка на страницу, на которой будет находиться кнопка. Это может быть что- то совсем другое.

Самое главное, чтобы пользователь был в курсе, чем он делится, иначе получится обман — что чревато последствиями и может испортить репутацию вашего сайта. Идем дальше. Теперь вы можете выбрать вид вашей кнопки: кнопка с большим или маленьким счетчиком, просто кнопка, иконка Фейсбук + текст поделиться, просто иконка Фейсбук или гиперссылка. Примечание: Последние три опции я настоятельно не рекомендую, так как такие кнопки/ссылки вы можете с легкостью сделать в формате HTML (см. То есть нет смысла утяжелять страницу скриптом, когда тот же самый код вы можете сделать через гиперссылку + иконку или через специальный код- ссылку, о котором я расскажу ниже. А вот функционирующий пример кнопки «Поделиться» со счетчиком.

Кнопка «Подписаться»Кнопка «Подписаться» работает не для публичных страниц, а для личных профилей. Это ее важное отличие. Эта кнопка позволяет любому желающему подписаться на публичные обновления любого пользователя, у кого эта функция активирована. Если вы — публичное лицо, журналист, блогер, консультант, фрилансер, музыкант и т. Таким образом, человеку не обязательно быть с вами друзьями, он просто будет получать ваши обновления в свою ленту новостей.

Это очень удобно! К тому же, это еще один эффективный способ для развития личного бренда и продвижения своих идей и компании. Как установить? Установить такую кнопку можно либо из своего личного профиля или на сайте разработчиков.

Перед тем, как вы начнете установку кнопки, удостоверьтесь, что функция подписки активирована в вашем профиле (или в профиле человека, для кого вы создаете эту кнопку). Чтобы активировать подписки, в вашем личном профиле зайдите в «Настройки» (стрелочка вниз в верхней синей панели). Далее, в левой колонне, кликните на раздел «Подписчики«.

В открывшемся окне, в самом верху, в графе «На мои обновления можно подписаться» выберите «Все». Теперь попросите кого- то из друзей, чтобы они посмотрели, появилась ли кнопка «Подписаться» на обложке вашего профиля.