Давно хотел сделать страницы в социальных сетях с публикацией статей. Удобный формат потребления контента, если не хочется подписываться через почту.
В твиттере активность постоянная, ссылка.
Также добавились страницы:
Будут не только репосты, но и полезные сборки информации о фронтенде и около этой темы.
Спасибо всем кто меня читает.
Теперь буду писать стабильнее, надеюсь 
Приветствую, посетителей на блоге Gtalk.kz. Недавно, увидел такую штуку на развлекательном сайте pikabu.ru, на котором порой я и бываю.
Так вот при чем тут этот сайт?
Помните я писал, как поднимать посещалку и т.д. и т.п. Ну вот.
Интересный способ накрутить подписчиков был и на пикабу. Кстати, интересные ссылки с постов поднимают посещаемость ресурсов в несколько раз, т.н. эффект пикабу с аналогами забугорными сайтами.
Суть:
– Создали пост в стиле квеста, в итоге которого попадаем в тему вконтакте
Затем рандомно разыграли 3 ножичка.
И что имеем? Почти 1500 живых и активных пользователей
Пиарим свои паблики
Сливаем трафик
Профит 
Вот как-то так.
Только вряд ли пройдет такой фокус еще раз. Придумывайте и фантазируйте.
Я собственно такими вещами не занимаюсь паблики, группы и и.д. Но способ понравился. Почти интересный квест, и почти такая же задумка. Молодцы пацаны
А вы как завлекаете своих подписчиков в паблики?)
с/у Талга УтБ
пикабушникам привет
Иногда прочитав интересный материал, Вы с удовольствием хотите поделиться с друзьями прочитанным, так? И когда на сайте отсутствуют социальные кнопки для комфортной отправки ценной информации – это плохо. Ко всему сказанному, надо добавить, что социальные сети очень неплохой источник трафика, если подходить с умом
Ранее я уже рассказывал, как добавить социальные кнопки часть 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 онлайн.
На десерт сегодня презентация страны, в которой я живу
Буквально недавно я обновил дизайн своего блога, поэтому некоторые вещи пришлось менять. Например, комментирование на блоге теперь осуществляется с помощью плагина 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.
В принципе это все. Можете посмотреть и порадоваться А вот и живой пример.
с/у УтБ
Используйте для стабильности крупных проектов выделенные сервера, которые отвечают всем современным требованиям.
Сегодня на десерт: Гоночный болид от Яндекс по Астане
Думаю в начале нового месяца необходимо подвести итого прошедшего месяца, сделать выводы и идти вперед. Август – пора отдыха и веселья, спад в интернете заметен однозначно. Все хотят еще поплавать, позагорать и весело провести время
Написав статьи о том, как устанавливать комментарии Вконтакте и 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 блоги ? Тогда эта подборка для Вас.
Сегодня, отрицать, что социальные сети стали неотъемлемой частью нашей жизни глупо. Многие часами могут сидеть в facebook’e, vkontakte и еще множества других (по сути копий друг друга) социальных сетях.
И нам с Вами было бы глупо не использовать этот эффект для привлечения посетителей на свой сайт
Ну не будем долго тянуть резину и преступим:
Для того чтобы поставить комментарий Вконтакте перейдите по ссылке, где в принципе все подробно написано. Теперь по пунктам.
<div class="vk_comments"/>Ваш код</div>
Для того, чтобы навести красоту. В css файле добавьте класс .vk_comments { Ваш стиль}
Если Вам понравилась статья, то вступайте в группу Вконтакте и в Facebook – просто нажмите Like/нравится в сайдбаре, справа на нашем сайте
