Давно хотел сделать страницы в социальных сетях с публикацией статей. Удобный формат потребления контента, если не хочется подписываться через почту.
В твиттере активность постоянная, ссылка.
Также добавились страницы:
Будут не только репосты, но и полезные сборки информации о фронтенде и около этой темы.
Спасибо всем кто меня читает.
Теперь буду писать стабильнее, надеюсь 
Сегодня новая интересная подборка. Из заголовка понятно, что я вам предлагаю бесплатные социальные иконки на ваш сайт. От самых простых до странных и интересных. Выбирайте то, что вам по нраву. Кстати, все ссылки ведут к авторам и в формате PSD.
Рекомендую прочитать лицензию распространения авторов иконок и кнопок.
Кстати, эти статьи, скорее всего, будут вам интересны:
Как добавить социальные кнопки на свой сайт Часть 1
Итак, приступим к обзору. Для лучшего чтения нажмите F11 
Иконки в стиле оригами
Иконки социальных сетей в стиле крышек.
Природные социальные иконки.
Социальные кнопки из дерева.
20 простых социальных иконок.
Иконки в виде стаканов.
Социальные иконки, нарисованные от руки.
Еще одни кнопки нарисованные ручкой.
Иконки в стиле Lego
Скачать
Вот пока и все. Если будет интересно, можно сделать еще одну подборку.
Не забываем делиться социальными кнопками слева и подписываться на обновления блога справа в сайдбаре
с/у УтБ
Если у вас есть клиенты из-за бугра, то сервис продвижение англоязычного сайта от SeoProfy – хороший и удобный для сеошника.
А вот Alanis Morissette поет в живую очень круто и песня такая же
Приветствую всех посетителей Gtalk.kz. Сегодня интересная история о facebook, instagram и обо мне под кодовым названием «Идентификация Борна facebook».
Не знаю с чего вообще все это начало и как. Но в один прекрасный день я захожу на фейсбук, ввел логин и пароль и увидел такое:
А затем и инстаграм в туже степь:
При чем, ультиматум борна instagram до 1 февраля 2013.
Первая мысль злоумышленники хотят украсть данные. Проверил адрес сайта, с другого компьютера попробовал, у друзей все работает.
Самое интересное, что мой никнейм: Талга УтБ лишь от части схож с тем, что на удостоверении личности, а вместо фото на facebook у меня мишка тедди. Единственное, дата рождение совпадает. Ко всему к аккаунту привязан телефонный номер. Но нет им нужна идентификация ))
Решил закинуть. Закрасил все, кроме имени, фамилии и даты рождения.
На следующий день пришло письмо.
Особенно понравилось: «мы определили, что Ваш аккаунт был заблокирован по ошибке».
Вот так господа, конец эры свободы и прав людей :))
Кстати, с инстаграм до сих пор тихо. В общем, я не понимаю, что происходит и зачем
Собственно, не торопись отправлять письмо с удостоверением, но по другому узнать об этом как?)) или это только я не нашел как обратиться в службу поддержки facebook?
с/у УтБ
Кстати, отличный ресурс – проверка скорости ответа сайта. Проверьте как быстро грузиться ваш сайт
Для поднятия настроения клип:
Иногда прочитав интересный материал, Вы с удовольствием хотите поделиться с друзьями прочитанным, так? И когда на сайте отсутствуют социальные кнопки для комфортной отправки ценной информации – это плохо. Ко всему сказанному, надо добавить, что социальные сети очень неплохой источник трафика, если подходить с умом
Ранее я уже рассказывал, как добавить социальные кнопки часть 1 и часть 2, в который мы использовали css спрайты. Сегодня же поговорим о сервисах и плагинах, облегчающие нам жизнь.
Пожалуй, начнем.
Social Media Widget – плагин wordpress имеющий 3 варианта размеров иконок (16, 32, 64) социальных сетей, 4 анимации и 4 разных стиля.
Плагин поддерживает следующие соцсети:
Думаю, заметен ориентир на западные сайты.
Easy buttons – еще один плагин социальных сетей для wordpress. Особенности:
Пример можно посмотреть на странице автора справа вверху плавающая панелька.
Share this – сервис публикации ваших статей. Имеется плагин для wordpress, joomla, друпал.
Addthis - сервис социальных кнопок для wordpress, joomla и других платформ. Чем то похоже с share this.
Social Share Buttons for WordPress – плагин социальные кнопки для wordpress имеет простые настройки, 9 соцсетей, 2 языка (русский и английский)
Поделиться от Яндекс – кнопка поделиться с друзьями от Яндекс, включает в себя следующие социальные сети:
Share42.com – бесплатные сервис, который генерирует скрипт с выбранными Вами иконками социальных сетей и размерами. Очень
удобный и простой сервис в использовании: просто кликайте на необходимые иконки и размер. Инструкция по установке имеется на сайте. Советую если Вы хотите простой и удобный скрипт публикации ваших статей в социальных сетях.
Надеюсь, данные сервисы были Вам полезны. Используйте их с умом, обязательно добавляйте социальные кнопки.
Всех девушек с наступающим 8 марта! Будьте также прекрасны как и весна!
Постовой:Любите игры онлайн? Попробуйте casino онлайн.
На десерт сегодня презентация страны, в которой я живу
Вот и еще одна хорошая новость от facebook для веб-разработчиков со всего мира. Думаю Вы уже создали страницу своего блога/сайта а просторах самой популярной социальной сети в мире? Нет? Тогда быстренько создаем и читаем дальше
Все продвиженцы в социальных сетях заводят страницу на facebook, затем ее продвигают с помощью своих наработанных стратегий Теперь все это можно сделать гораздо проще.
Facebook нас порадовал расширенной статистикой страницы. Давайте зайдем на свою страницу и нажмем слева в колонке на приложение статистика. В принципе, если Вы зайдете в первый раз Вам проведут экскурсию о новвоведениях. Просто читайте и жмите далее. Теперь Вы понимаете на сколько это удобно и полезно?
В кратце, пройдемся по основным пунктам.
Основных показателя 4: обще количество людей нажавших «like», общее количество друзей у людей нажавших кнопку мне нравится, люди обсуждающие вашу страницу, точнее чему она посвящена (запостили вашу статью и т. д. ), и люди, видевшие вашу новость за определенный период. Все данные отображаются на графике, можно проследить когда люди чаще нажимали «Мне нравится», охотно ли они делились Вашими новостями, какова была реакция на Вашу запись.
Можно также узнать кто нажимал на кнопку like чаще мужчины или женщины?:) из какой они были страны, города, на каком языке говорят и т. д. Кстати, мой блог понравился человеку из Ганы
В целом, интересно посмотреть реакцию людей на собственные записи, а затем уже делать выводы для себя: с какими записями люди больше делятся, интересуются, т. е. так можно и найти нишу для создания нового сайта
с/у УтБ
Постовой: Почитайте блог Кибер-Мастера там тоже много полезной информации
Буквально недавно я обновил дизайн своего блога, поэтому некоторые вещи пришлось менять. Например, комментирование на блоге теперь осуществляется с помощью плагина loginza. Самые внимательные возможно помнят, что ранее на блоге была система из 3-х комментариев — вконтакте, фейсбука и стандартные комментарии вордпресса.
В прошлой статье, мы добавляли кнопки социальных сетей на свой сайт. Теперь давайте научимся делать (точнее будет использовать свои или чужие), а затем и добавлять их на сайт. Возможно, Вы уже сами догадываетесь как это сделать Самые любопытные могут взглянуть на пример.
Совершенно естественно, если у Вас возник вопрос: А чем данный метод добавления социальных кнопок отличается от предложенного ранее?
Данный метод не использует javascript и/или вообще сторонние скрипты, т.е. увеличение скорости по сравнению с предыдущим методом очевидно. Это, наверное, главное преимущество данного метода. Ну, конечно главным минусом является – отсутствие счетчиков, т.е. визуально Вы не будете знать, сколько раз нажимали на кнопки. Но если подумать, то на некоторые кнопки в принципе не нужны счетчики. За исключением основных (по моему мнению) социальных сетей, о которых я уже писал.
Помимо всего сказанного выше в процессе мы уменьшим количество http запросов картинок кнопок с 6 до 1 с помощью CSS спрайта. А это приводит только к увеличению скорости загрузки Вашего сайта.
Давайте, уже начнем практическую часть, и Вам все станет ясно, т.к. это очень просто.
Начнем с самих кнопок, точнее с картинок. Для этого я сделал небольшую подборку самых разных иконок, можете пройти и скачать нужное Вам.
1.Подбор иконок социальных сетей и их добавление
Я решил за основу взять основные социальные кнопки: twitter, facebook, vkontakte, livejournal, мой мир, google buzz. Если Вам нужны другие кнопки, можете прогуглить необходимые картинки, выбрать из подготовленной статьи или нарисовать самому. Мы же будем работать с данной подборкой.
2.Создание CSS спрайта
Выбрав необходимые картинки, у нас в итоге получилось их 7. Надеюсь для удобства Вы их назвали facebook.gif, vkontakte.jpg и т.д. ? Если нет, то тогда сделайте это. Названия картинок будет названием классов в css файле!
Делать CSS спрайт можно и самому, но зачем, если уже все придумано. Тем более, что сделать CSS спрайт самому задача не из легких. Перейди по ссылке на сервис онлайн генератора CSS спрайтов. ru.spritegen.website-performance.org Сервис на русском языке, поэтому особых сложностей быть не должно.
Для начала, заархивируйте все картинки в ZIP архив. Теперь загрузите в онлайн генератор. Все остальные функции на картинке с моими комментариями.
В начале, загрузите ZIP архив. И идем к настройкам.
Выбираем формат готовой картинки. Доступны PNG, JPG и GIF форматы. Я выбрал GIF формат.
3. Класс для Ваших кнопок. Я удалил, т.е. оставил пустым. Так ка мне необходим формат типа: .fb {}, а не .sprite-fb {}
4. Копируем данные куски кода в Ваш css файл темы. Обычно это style.css в папке css, либо в корневой папке вашей темы.
Вот мой код:
#container {
background: url("images/buttons.gif") no-repeat top left;
height: 20px;
}
.fb{ background-position: 0 0; width: 95px; height: 20px; float:left;margin-right: 5px;}
.google{ background-position: -100px 0; width: 105px; height: 20px;float:left; margin-right: 5px;}
.moimir{ background-position: -210px 0; width: 95px; height: 20px; float:left;margin-right: 5px;}
.twitter{ background-position: -310px 0; width: 95px; height: 20px; float:left;margin-right: 5px;}
.vk{ background-position: -410px 0; width: 95px; height: 20px;float:left; }
Конечно я изменил название картинки, что и Вам советую
В итоге получим такую картинку и добавил float:left; и margin-right: 5px; для обтекания ссылок слева и отступа справа. Далее Вы поймете.
3. Код добавления социальных кнопок
Теперь займемся добавлением кода социальных кнопок в файл single.php в папке с темой вашего блога wp-content/themes/ваша_тема/ после этого участка:
<?php the_content(); ?>
Т.е. сразу после основного текста.
Приведу сразу коды всех кнопок:
</pre> <div id="container"> </div> <pre>
Теперь немного разберемся: <div id=”container“> класс вывода картинки через css.
Ссылка (href=”http://twitter.com/intent/tweet?text=RT @gtalkkz <?php the_title(); ?>: <?php the_permalink(); ?>“) при нажатии на которую, откроется новое окно (target=”_blank”), при на ведении на картинку появится Добавить в twitter.
<?php the_title(); ?> Это текущий заголовок статьи/страницы.
<?php the_permalink(); ?> Текущая ссылка на статью/страницу.
Ссылки являются стандартами добавления информации в социальную сеть.
Думаю, все стало на свои места.
Еще можно вставить <div class=”buttons”>Коды кнопок</div> для красоты внешнего вида кнопок с помощью css.
В принципе это все. Можете посмотреть и порадоваться А вот и живой пример.
с/у УтБ
Используйте для стабильности крупных проектов выделенные сервера, которые отвечают всем современным требованиям.
Сегодня на десерт: Гоночный болид от Яндекс по Астане
Привычные покупки через социальные сети показали что можно предсказать, будет ли продукт продаваемым или нет.
Когда ваш друг идёт в ногу со временем с последними “новейшими” технологиями, вероятнее всего, что вы будете покупать те же продукты. Используя эти явления, и используя информацию, распространяемой через социальные сети- маркетологи надеются на лучшее продвижение целевых продуктов для потенциальных покупателей.
В работе, представленной на этой неделе на семинаре «Decision in Social Networks», исследователи от норвежской телекоммуникационной компании Telenor показали, насколько дружеские советы могут повлиять в выборе продукта. Наблюдая, как влияние распространяется внутри социальных сетях, могли бы помочь предсказать, будет ли новый продукт успешным, говорят они. Исследователи смотрели на утверждённые модели для iPhone от Apple и IPAD, а также гораздо менее успешного мобильного телефона Doro.
«Социальные сети влияют на принятие решения сделать покупку» говорит Pol Sundsoy, менеджер проектов в Telenor. В частности, по его словам, люди имеют больше шансов купить мобильный телефон, который купили их друзья. Аналогичным образом, когда люди меняют продукт, например, переключаясь между сотовыми операторами, они скорее всего тоже дезертируют с корабля, если их друзьям сделают это первыми.
Для измерения социальных характеристик выбора продукта, исследователи использовали анонимные данные из сети Telenor. Эти данные показали, как пользователи общаются и то, какие мобильные устройства они используют.
Поразительно, исследователи обнаружили, люди, которые использовали продукцию Apple, как правило, связаны друг с другом. Они обнаружили, что в социальных сетях обсуждали свои гаджеты от Apple. После запуска iPhone, сильно связанные группы пользователей сформировались относительно быстро. У пользователей iPhone было в два раза больше соединений, то есть они общались друг с другом с помощью голосовых звонков, текстовых сообщений или электронной почте, что можно было бы ожидать. Исследователи также изучили гораздо менее успешный Doro. Телефон позиционировался, как устройство, предназначенное в основном для телефонных звонков. Doro пользователи, как правило, связаны с несколькими другими пользователями Doro, и не было никакого центрального кластера. Sundsoy утверждает, что эта структура предполагает, что устройство, скорее всего, никогда не наберёт обороты.
Но социальные сети еще не все. В другом докладе, Николас Христакис, социолог и специалист по социальным сетям Гарвардского университета, сказал, важно что качественно все, распространить через сеть. Например, некоторые ростки более заразны, чем другие, и будут распространяться быстрее через сеть. Аналогичным образом, по его словам, некоторые идеи “липкие”, чем другие, и крепко держатся лучше. Так выбор продукта будет также распространяться в соответствии с качеством продукта, а не только количеством друзей, которые уже владеют им.
Даже не обращая внимание на качество продукции, выбор в социальных сетях будет успешным, говорят исследователи Telenor.
“Социальные сети имеют высокую предсказательную силу”, говорит Sundsoy. “Те, кто общаются друг с другом, как правило, выбирают вместе.” Согласно работе его группы, один из ключевых факторов является размер кластера, который формируется вокруг продукта. Если большая, сильно связная группа начинает формироваться, по его словам, есть хороший шанс, что продукт будет успешным.
Постовой: Любишь баню и париться? Тогда тут ты найдешь нужную печь для бани.
Думаю в начале нового месяца необходимо подвести итого прошедшего месяца, сделать выводы и идти вперед. Август – пора отдыха и веселья, спад в интернете заметен однозначно. Все хотят еще поплавать, позагорать и весело провести время
Написав статьи о том, как устанавливать комментарии Вконтакте и Facebook на свой сайт, я сделал это и на своем блоге для наглядности. После обычной установки как Вы уже заметили вид у них не очень. После всей установки они идут друг за дружкой. Конечно такой вариант не лучший для использования по нескольким причинам: во-первых, если у Вас вначале стандартные комментарии, то виджет Вконтакте и фейсбук может остаться незамеченными вообще, во-вторых, согласитесь, это не очень красиво.
На самом деле, я увидел такое на одном из сайтов. Честно, не знаю как владелец организовал это, но я решил сделать следующим образом
Вряд ли кто-то использует плагин, хотя написание такого я не исключаю. Суть очень проста: делаем табы и в каждую вкладку добавляем соответствующий комментарий.
Предварительно установите комментарии Вконтакте и Facebook.
Для того, чтобы организовать систему табов у себя на сайте я использовал плагин Димокса. Скачать можно в конце данной статьи.
Мне понравился данный плагин по нескольким причинам:
Скачиваем плагин и разархивируем. Нам необходим файл tabs.js Можете посмотреть пример через файл index.html . Если у Вам wordpress открываем для редактирования файл header.php и вставляем между тегами <header>..</header> следующий код:
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/tabs.js"/>
</script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
В первой строчке мы подключили сам файл tabs.js (закачайте его предварительно в папку js вашей текущей темы), во второй строке подключен сам фреймворк Jquery взятый у google в пользование.
Теперь необходимо открыть single.php файл – одиночная запись. В выбранное Вами место перед выводом комментариев вставляем html код:
<div>
<ul>
<li>Комментарии</li>
<li>Комментарии Вконтакте</li>
<li>Комментарии Facebook</li>
</ul>
<div>
</div>
<div>
</div>
</div>
Теперь в класс box необходимо вставить коды комментариев в той же последовательности, что в классе tabs. Т.е. в итоге у Вас получится следующее:
<div>
<ul>
<li>Комментарии</li>
<li>Комментарии Вконтакте</li>
<li>Комментарии Facebook</li>
</ul>
<div>
<!— стандартные комментариев -->
<?php comments_template(); ?>
<!—конец стандартных комментариев -->
</div><div>
<!—код комментариев Вконтакте -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "636", attach: "*"});
<!—конец комментариев Вконтакте --></script>
</div> <div>
<!—код комментариев facebook -->
<div id="fb-root"></div><fb:comments href="<?php echo get_permalink($post->ID); ?>" num_posts="10" width="640"></fb:comments><!—конец комментариев facebook --></div>
</div>
Я закомментировал, что и где находится, думаю Вам просто необходимо посмотреть и разобраться. Все не так сложно.
Для наведения красоты,а также чтоб скрыть ненужные блоки вставим в css файл следующий стиль:
.box {
display: none; /* по умолчанию прячем все блоки */
}
.box.visible {
display: block; /* по умолчанию показываем нужный блок */
}
Здесь уже включается Ваша фантазия на оформление, а лучше следуйте цветам Вашего дизайна. Вот мой код:
.section {/* весь блок */
background: #fff;
margin: 10px;
width:639px;
}
ul.tabs { /* список табов */
height: 28px;
line-height: 25px;
list-style: none;
border-bottom: 1px solid #DDD;
background: #FFF;
}
.tabs li {/* таб в списке*/
float: left;
display: inline;
margin: 0 1px -1px 0;
padding: 0 13px 1px;
color: #777;
cursor: pointer;
background: #F9F9F9;
border: 1px solid #E4E4E4;
border-bottom: 1px solid #F9F9F9;
position: relative;
font-size:14px;
}
.tabs li:hover { /* таб при наведении */
color: #008000;
padding: 0 13px;
background: #dae2e8;
border: 1px solid #008000;
}
.tabs li.current {/* текущий таб */
color: #444;
background: #dae2e8;
padding: 0 13px 2px;
border: 1px solid #D4D4D4;
border-bottom: 1px solid #dae2e8;
}
.box { /* по умолчанию прячем все блоки */
display: none;
border: 1px solid #D4D4D4;
border-width: 0 1px 1px;
background: #fff;
padding: 0px;
}
.box.visible {/* по умолчанию показываем нужный блок */
display: block;
}
Все закомментировано, экспериментируйте, пробуйте! Удачи!
Заходим на свой сайт и любуемся. И да, не забудьте поделится статьей со своими друзьями
с/у УтБ
Постовой: Ищите dofollow блоги ? Тогда эта подборка для Вас.