Бизнес в интернете, заработок в интернете - помогу начать » Раскрутка и продвижение сайта » Красивые кнопки социальных сетей для сайта - блога - как поставить?

Красивые кнопки социальных сетей для сайта - блога - как поставить?























Большие, красивые кнопки соц сетей для сайтат - элемент бесплатного но очень эффективного продвижения вашего сайта (блога).

Как поставить на сайт кнопки социальных сетей - чтобы и глаза не мозолили своей яркостью, и, одновременно, эффективно работали в плане продвижения вашего сайта, блога?

Красивые кнопки социальных сетей (социальные кнопки для сайта) - или как "поделиться".

Почему необходимо использовать такой элемент как кнокпи соц сетей в продвижении сайта?

Такой подход (установка кнопок соц. сетей на сайт) - при условии, конечно, что контент вашего сайта актуальный, полезный и очень востребованный -  дает огромное преимущество.

Какое?

Установив кнопки соц. сетей себе на сайт в раздел "поделиться" (как правило - сразу после текста статьи) - вы выполняете одно из условий продвижения сайта через поведенческий фактор.

Что это такое и зачем он нужен именно Вам - смотрите по вышеуказанной ссылке.

А мы вернемся к вопросу:

Как поставить красивые кнопки соц. сетей на сайт?

Итак, в зависимости от того - на какой платформе (cms системе) Ваш сайт - есть несколько вариантов установки.

Сразу хочу сказать что все они очень простые! Так что, установить кнопки соц. сетей на сайт - по силам каждому!

Мы рассмотрим 2 варианта установки социальных кнопок: для wordpress и для DLE.

Как установить кнопки соц сетей на сайт wordpress - видеоурок.

Для начала - смотрим видеоурок:

Теперь - инструментарий и пояснения:

1. Ссылка сервис share42.com.

2. После того, как "собрали" js файл, закачали его на хостинг и скопировали 2 строчки:

 


<script type="text/javascript" src="http://ВАШ САЙТ.ru/soc_knopki/share42.js"></script>
<script type="text/javascript">share42('http://ВАШ САЙТ.ru/soc_knopki/')</script>
 
   

открываем файл "single.php" (ориентировочный путь: /wp-content/themes/ваша/single.php )

и через комбинацию горячих клавиш

ищем в этом файле текст "content".

Затем, вставляем эти скопированные выше две строки в данный элемент - но перед закрытием тега "div"/

Примерно - у вас должно получиться вот так:

 

<div class="art-PostContent">

          <?php if (is_search()) the_excerpt(); else the_content(__('Read the rest of this entry &raquo;', 'kubrick')); ?>
          <?php if (is_page() or is_single()) wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
    <center>     
<script type="text/javascript" src="http://team-system.ru/soc_knopki/share42.js"></script>
<script type="text/javascript">share42('http://team-system.ru/soc_knopki/')</script>
</center>         
</div>

Затем, заходим в файл стилей "style.css"- и в самый низ добавляем "код дизайна".

Этот код берем там же где скопировали " две строки" - т.е. в сервисе share42.com

Сохраняем изменеия в файлах single.php и style.css, затем обновляем их на хостинге - и - любуемся кнопками социальных сетей на сайте, сделанном на wordpress.

Как установить кнопки соц сетей на сайт DLE, Joomla и т.д. - видеоурок.

Но, что делать, если Ваш сайт не на платформе wordpress, а на другой CMS системе?

Если у вас Joomla, то сервис _http://share42.com вам подскажет.

Мы разберем что делать, если у вас сайт на DLE.

1. Делаем в принципе все то же самое что и для вордпресс, только здесь: share42.com выбираем "другие cms" копируем код

и вставляем соответствующие переменные (ссылка на статью и название статьи).

В итоге полуиться должно так:

<script type="text/javascript" src="http://businessvinternet.ru/soc_knopki/share42.js"></script>
<script type="text/javascript">share42('http://businessvinternet.ru/soc_knopki/','[full-link]','{title}')</script>
.

Ну и, соответственно полученный код вставляем в файл "fullstory.tpl" (путь: ваш_сайт.ru/templates/имя вашего шаблона/fullstory.tpl).

Да, и не забываем закачать саму папку в корень сайта: "http://ваш_сайт.ru/soc_knopki/share42.js"

Ну и про редактирование файла стилей в вашем шаблоне (папка: ваш_сайт.ru/templates)

Любуемся кнопками социальных сетей!

Пишите качественный, полезный контент и продвигайтесь с помощью кнопок социальных сетей!

Если что непонятно - пишите в комментах.



ДОМАШНЕЕ ЗАДАНИЕ
1) Установить кнопки соц. сетей себе на блог - как показано в видеороликах.

ресурс:
сервис share42.com

Получай свежие посты блога с:
+ видеозаметками личной эффективности;
+ методиками роста прибыли в Int;
+ способами продвижения в Int;
+ кейсами по набору подписчиков;
и др. полезностями на свой e-mail: ==>

Ваш e-mail: *
Ваше имя: *

Источник : социальные кнопки на сайт
Автор: Александр Кочетов

Итак, на данной странице - Вы познакомились со следующие информацией:

"Современный интернет социален. Хотите продвигаться в своем сегменте рынка бесплатно? Ставьте красивые кнопки соц сетей себе на блог (сайт). Как поставить соц. кнопки на сайт - смотрите видеоурок."

Комментарии (28)

Виталий|8 декабря 2011 22:31 | [1]

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


Александр|9 декабря 2011 10:48 | [2]

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


Ulyana|9 декабря 2011 18:13 | [3]

Решила применить Ваш полезный урок на практике, но почему-то не открывается файл singl.php на редактирование. Какая может быть ошибка и как её исправить?


Александр|10 декабря 2011 10:45 | [4]

Ульяна - вам необходимо установить нотепад
http://www.businessvinternet.ru/684-notepad-bloknot-dlya-vebmastera-1.html
и прописать ассоциации в пограмме filezilla:
http://www.businessvinternet.ru/biznes_v_internete/videouroki/405-filezilla_ftp_
client_rus__frezilla_skachat.html


SergeyBagro|19 декабря 2011 15:36 | [5]

Как всегда у Вас - очень полезная статья. Я сделал на своём сайте кнопки по вашим шагам - всё отлично работает. Спасибо.


NataliaLec|12 января 2012 19:48 | [6]

Как подключиться к сайту через FTP?


Chris|14 января 2012 19:12 | [7]

Я был на вашем сайте - но этого поста пока я не видел.
Очень полезная инструкция - особенно для новичков!


multivarka-recepti.ru|24 февраля 2012 14:48 | [8]

Спасибо большое за урок! У меня все получилось!!!


Юлия|27 февраля 2012 13:11 | [9]

Здравствуйте! Второй день бьюсь, но у меня ничего не получается. Вроде все делаю по вашей инструкции пошагово, но...:( Просто ничего не появляется на сайте, никаких кнопок и все тут :(
Правда, в share42. у меня получилось не две строчки кода, как у Вас, а три. Я и две вставляла и все три, все равно не получается.


Наталья|6 марта 2012 11:19 | [10]

Подскажите пожалуйста, как сделать кнопку "Распечатать статью"?


egormas|8 марта 2012 12:39 | [11]

Спасибо и я здесь кое что подсмотрел! Хотелось бы чтобы у Вас сайт проходил провенку на валидность , а то что за профессионал который с ошибками пишет сайтик(


Александр|9 марта 2012 20:26 | [12]

спасибо за критику, учтем.


Наталья|11 марта 2012 13:09 | [13]

Александр, вы бы хоть что то ответили))


Оля|12 марта 2012 18:45 | [14]

Спасибо за полезную статью.


Илья|18 марта 2012 01:13 | [15]

"и вставляем соответствующие переменные (ссылка на статью и название статьи)." - получается на каждую статью отдельно прийдётся делать?


Денис Черников|18 мая 2012 14:41 | [16]

Самая извечная проблема - это установить кнопки социальных сетей в один ряд! Постоянно с этим у всех возникают трудности!
Я к примеру нашёл решение данной проблемы вот посмотрите - http://sozdaiblog.ru/dizayn-bloga/deny-18-knopki-sotsialynh-setey-v-odin-ryad.ht
ml


LeoEvg|27 мая 2012 11:04 | [17]

Большое спасибо за такое подробное объяснение, как вставить кнопки и за видео показ!!!! За уточнение о плагине, отдельное спасибо! У меня вопрос, а как вставить слово "Поделиться в соц. сетях"


Настя|2 июня 2012 23:36 | [18]

http://www.nk-servis.ru/uslugi.html очень хорошая статья :)


Катя|6 июня 2012 11:28 | [19]

Научите, пожалуйста, как такие красивые кнопочки, как на Вашем сайте, сделать?


Наталья|21 июня 2012 11:45 | [20]

У меня почему-то при скачивании закачивается другой формат, т.е. другая иконка, не как у вас на видео. У меня там желтый лист изогнутый. Я не могу его открыть. Помогите!!!


Евгений12378|9 июля 2012 09:41 | [21]

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

Проблема была в том, что я писал неправильный путь. Нужно было просто не упоминать папку public_html "Если Вы скопировали папку в public_html, то укажите адрес в таком формате: http://вашсайт.ru/share42/."


Ирина|16 июля 2012 20:25 | [22]

Ура! Заработало! Спасибо за информацию, очень пригодилась.


Инна|25 августа 2012 18:49 | [23]

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


dmitat|18 февраля 2013 17:13 | [24]

Все конечно хорошо и понятно, Александр вы описали, но вот второй день бьюсь, и не могу поставить кнопки.Раньше пользовалась плагином, но захотела больше кнопок. У меня в файле "single.php", нет the_content, куда только не ставила, не получается ничего. У меня до комментариев выглядит так: <div class="wpc-layout-cell wpc-content">
<?php get_sidebar('top'); ?>
<?php
if (have_posts()){
/* Display navigation to next/previous posts when applicable */
if (theme_get_option('theme_top_single_navigation')) {
theme_page_navigation(
array(
'next_link' => theme_get_previous_post_link('« %link'),
'prev_link' => theme_get_next_post_link('%link »')

)
);
}

while (have_posts())
{
the_post();
get_template_part('content', 'single');
Спасибо,если подскажите.


Александр|23 февраля 2013 20:02 | [25]

Дмитат - а вы поставьте в файл header.php вертикальную панель (как у меня).
в файле - можно вставить в любое место (логически, конечно).


Катерина Ким|17 августа 2013 19:12 | [26]

Сегодня у меня прогресс. Поставила соц кнопки благодаря вашей статье и видео. Все очень понятно и доступно. Вначале я немного испугалась, потому что на видео ставятся кнопки на вордпрес, а у меня сайт на ДЛЕ, и статью я не до конца прочла, потому что все внимание обратила на видео. Но потом дочитала статью и разобралась. Теперь у меня стоят кнопочки красивые и в правильном месте. Но вопрос есть все равно. Если вдруг я захочу добавить некоторые кнопочки, могу ли я это сделать и как?


Александр|19 августа 2013 09:55 | [27]

Можете, Катерина. Точно так же как и поставили соц. кнопки.





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

Ваше имя/ник (не менее 4 символов):

Ваш E-mail (защищен от спамеров):

Сообщение (30 - 700 символов):
Защита от спама(введите текст с картинки):
Включите эту картинку для отображения кода безопасности
обновить если не виден код

Оставь комментарий и заработай 100 рублей.

Кликни по баннеру - чтобы прочитать условия конкурса.




Rambler's Top100