вконтакте


Социальная активность

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

Будут не только репосты, но и полезные сборки информации о фронтенде и около этой темы.

facebookСпасибо всем кто меня читает.

Теперь буду писать стабильнее, надеюсь :)

Пикабу квест: накрутка подписчиков вконтакте

Приветствую, посетителей на блоге Gtalk.kz. Недавно, увидел такую штуку на развлекательном сайте pikabu.ru, на котором порой я и бываю. :)

Так вот при чем тут этот сайт?

Помните я писал, как поднимать посещалку и т.д. и т.п. Ну вот.

Интересный способ накрутить подписчиков был и на пикабу. Кстати, интересные ссылки с постов поднимают посещаемость ресурсов в несколько раз, т.н. эффект пикабу с аналогами забугорными сайтами.

Суть:

– Создали пост в стиле квеста, в итоге которого попадаем в тему вконтакте

Затем рандомно разыграли 3 ножичка.

И что имеем? Почти 1500 живых и активных пользователей

подписчики вконтакте

Пиарим свои паблики

подписчики вконтакте пиар своих пабликов

Сливаем трафик

Профит ;)

Вот как-то так.

Только вряд ли пройдет такой фокус еще раз. Придумывайте и фантазируйте.

Я собственно такими вещами не занимаюсь паблики, группы и и.д. Но способ понравился. Почти интересный квест, и почти такая же задумка. Молодцы пацаны :)

А вы как завлекаете своих подписчиков в паблики?)

с/у Талга УтБ

пикабушникам привет :)

пикабушникам привет

7 простых способов добавить социальные кнопки на сайт

Иногда прочитав интересный материал, Вы с удовольствием хотите поделиться с друзьями прочитанным, так? И когда на сайте отсутствуют социальные кнопки для комфортной отправки ценной информации – это плохо. Ко всему сказанному, надо добавить, что социальные сети очень неплохой источник трафика, если подходить с умом ;)

Ранее я уже рассказывал, как добавить социальные кнопки часть 1 и часть 2, в который мы использовали css спрайты. Сегодня же поговорим о сервисах и плагинах, облегчающие нам жизнь.

Пожалуй, начнем.

Social Media Widget

Social Media Widgetплагин wordpress имеющий 3 варианта размеров иконок  (16, 32, 64) социальных сетей, 4 анимации и 4 разных стиля.

social media widget социальные кнопки

Плагин поддерживает следующие соцсети:

  • Facebook
  • Google+
  • Twitter
  • MySpace
  • FriendFeed
  • Orkut
  • Hyves
  • LinkedIn
  • aSmallWorld
  • Flickr
  • Picasa Web Albums
  • YouTube
  • Skype
  • Digg
  • Reddit
  • Delicious
  • StumbleUpon
  • Tumblr
  • Buzz
  • Google Talk
  • Vimeo
  • Blogger
  • WordPress
  • Yelp
  • Last.fm
  • Pandora
  • UStream
  • IMDb
  • Hulu
  • Flixter
  • FourSquare
  • Meetup
  • Tungle.me
  • PlanCast
  • SlideShare
  • DeviantArt
  • iTunes Ping
  • Live365
  • Digital Tunes
  • Soundcloud
  • BandCamp
  • Etsy
  • Better Business Bureau
  • Merchant Circle
  • Ebay
  • Steam
  • RSS
  • E-mail

Думаю, заметен ориентир на западные сайты.

Easy buttons

Easy buttons еще один плагин социальных сетей для wordpress. Особенности:

  • 3 стиля кнопок
  • Выбор позиции Сверху (top) или снизу (bottom)
  • Социальные кнопки на выбор (некоторые можно скрыть)
  • Горизонтальная или вертикальная позиция
  • Атрибут Rel=«nofollow» в ссылках

Пример можно посмотреть на странице автора справа вверху плавающая панелька.

социальные кнопки на сайт

Share this

Share this – сервис публикации ваших статей. Имеется плагин для wordpress, joomla, друпал.

share this плагин социльных сетей wordpress

Addthis

Addthis -  сервис социальных кнопок для wordpress, joomla и других платформ. Чем то похоже с share this.

social buttons addthis социальные кнопки

Social Share Buttons for WordPress

Social Share Buttons for WordPress плагин социальные кнопки для wordpress имеет простые настройки, 9 соцсетей, 2 языка (русский и английский)

social share buttons кнопки социальных сетей добавить

Поделиться от Яндекс

Поделиться от Яндекскнопка поделиться с друзьями от Яндекс, включает в себя следующие социальные сети:

  • Я.ру
  • Вконтакте
  • Facebook
  • Twitter
  • Одноклассники
  • МойМир
  • Livejournal
  • Friendfeed
  • Мой круг

поделиться с друзьями кнопки соцсетей от яндекс

Share42.com

Share42.com – бесплатные сервис, который генерирует скрипт с выбранными Вами иконками социальных сетей и размерами. Очень

удобный и простой сервис в использовании: просто кликайте на необходимые иконки и размер. Инструкция по установке имеется на сайте. Советую если Вы хотите простой и удобный скрипт публикации ваших статей в социальных сетях.

share42.com сервис кнопок социальных сетей

Надеюсь, данные сервисы были Вам полезны. Используйте их с умом, обязательно добавляйте социальные кнопки. ;)

Всех девушек с наступающим 8 марта! Будьте также прекрасны как и весна!

УтБ поздравляет всех девушек с 8 марта

Постовой:Любите игры онлайн? Попробуйте casino онлайн.

На десерт сегодня презентация страны, в которой я живу  ;)

Loginza – социальное комментирование

Буквально недавно я обновил дизайн своего блога, поэтому некоторые вещи пришлось менять. Например, комментирование на блоге теперь осуществляется с помощью плагина loginza. Самые внимательные возможно помнят, что ранее на блоге была система из 3-х комментариев — вконтакте, фейсбука и стандартные комментарии вордпресса. Читать дальше

Как добавить свои социальные кнопки на сайт. Часть 2

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

Совершенно естественно, если у Вас возник вопрос: А чем данный метод добавления социальных кнопок отличается от предложенного ранее?

Данный метод не использует 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 архив. И идем к настройкам.

css-spritecss-sprite социальные кнопки онлайн генератор css-sprite

  1. Выбираем вертикальное или горизонтальное положение. Это зависит от Вашего дизайна блога/сайта. Я выбрал горизонтальное для наших кнопок.
  2. Смещение по горизонтали – это расстояние между кнопками, например ставим 5 px. Внимание необходимо сразу определить расстояние! Данное расстояние затем не изменить! Смещение по вертикали можете не трогать.

Выбираем формат готовой картинки. Доступны 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.

В принципе это все. Можете посмотреть и порадоваться ;) А вот и живой пример.

с/у УтБ

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

Сегодня на десерт: Гоночный болид от Яндекс по Астане :)

Анализ блога за август 2011

Думаю в начале нового месяца необходимо подвести итого прошедшего месяца, сделать выводы и идти вперед. Август – пора отдыха и веселья, спад в интернете заметен однозначно. Все хотят еще поплавать, позагорать и весело провести время :) Читать дальше

Как оформить 3 вида комментариев на сайте?

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

На самом деле, я увидел такое на одном из сайтов. Честно, не знаю как владелец организовал это, но я решил сделать следующим образом :)

оформление комментарий вконтакте фейсбук стандартные

Вряд ли кто-то использует плагин, хотя написание такого я не исключаю. Суть очень проста: делаем табы и в каждую вкладку добавляем соответствующий комментарий.

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

Установка плагина Универсального jQuery-скрипт для блоков с вкладками

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

Мне понравился данный плагин по нескольким причинам:

  • он позволяет создавать неограниченное количество вкладок в пределах одного блока, при этом нет необходимости нумеровать вкладки с помощью CSS-классов
  • можно создать сколько угодно таких блоков с вкладками опять же без необходимости нумеровать эти блоки через CSS-классы;
  • содержимое jQuery-скрипта, реализующего вкладки, остается неизменным (всего 0,4 килобайта), т.е. не разрастается в зависимость от количества блоков или вкладок
  • запоминается активная вкладка после перезагрузки страницы
  • установка плагина происходит ручками :)

Скачиваем плагин и разархивируем. Нам необходим файл 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;
}

Все закомментировано, экспериментируйте, пробуйте! Удачи!

Заходим на свой сайт и любуемся. И да, не забудьте поделится статьей со своими друзьями ;)

[Download not found]

с/у УтБ

Постовой: Ищите dofollow блоги ? Тогда эта подборка для Вас.

Как добавить кнопки социальных сетей на свой сайт. Часть 1

         Уфф, на конец написал)) Сегодня практическое занятие и мы будем добавлять на свой сайт социальные кнопки. Мы познакомимся с кнопкой «Tweet», «Мне нравится» от facebook’a, «Нравится» от mail.ru, а также от социальной сети Вконтакте, и новшеством от google – g+. В общем, начнем добавлять социальные кнопки на свой сайт.

facebook
Читать дальше

Как добавить комментарии Вконтакте

Сегодня, отрицать, что социальные сети стали неотъемлемой частью нашей жизни глупо. Многие часами могут сидеть в facebook’e, vkontakte и еще множества других (по сути копий друг друга) социальных сетях.

И нам с Вами было бы глупо не использовать этот эффект для привлечения посетителей на свой сайт :)

Ну не будем долго тянуть резину и преступим:

Установка виджета комментариев Вконтакте на сайт:

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

  1. Предварительно войдите в социальную сеть vk.com либо vkontakte.ru, при отсутствии аккаунта, зарегистрируйтесь попросив у знакомых инвайт (приглашение). Можете попросить в комментариях пригласительный у меня :)
  2. Если у Вас уже подключен сайт выберите его из выпадающего списка.
  3. Если нет, подключите его, заполнив несколько строчек.
  4. Выберие количество отображаемых комментариев, при большем количестве комментарии будут скрыты. Пример смотрите чуть ниже формы заполнения.
  5. Медиа. При установки галочки Вы позволяете пользователям оставлять медиафайлы в комментариях: граффити, картинки и т.д.
  6. Ширина: выберите необходимую ширину. В принципе, ее можно изменить в любое время.
  7. Скопируйте сгенерированный код и вставьте: под цифрой 1 (как на картинке) в файл header.php вашего шаблона до закрытия тега </head> если у вас WordPress. Для других сайтов смысл тот же. Необходимо только найти соответствующий файл. Например, в joomla  это index.php вашего шаблона. Код под цифрой 2 вставьте в то место где Вы желаете отобразить комментарии. Например, у меня в WordPress это файл single.php для записей и page.php для страниц.комментарии vkontakte
  8. Совет:
    1. оформляйте код стиле:
       <div class="vk_comments"/>Ваш код</div>
      

      Для того, чтобы навести красоту. В css файле добавьте класс .vk_comments { Ваш стиль}

    2. Используйте firebug для FireFox – для облегчения настройки css файла
  9. Вуаля смотрите и любуйтесь :)
           Модерация комментариев происходит следующим образом: при авторизации по нажатию на кнопку/ссылку администрирование возле надписи количества комментариев.администрирование комментариев вконтакте
           Если Вам понравилась статья, то вступайте в группу Вконтакте и в Facebook – просто нажмите Like/нравится в сайдбаре, справа на нашем сайте ;)
Примеры, можете посмотреть чуть ниже!
ВНИМАНИЕ! В следующем статье будем добавлять комментарии от facebook. Следите за новостями!
с/у УтБ