Рейтинг:  5 / 5

Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна
 
Кнопки социальных сетей и закладок. + оптимальный вариант оформления таких кнопок в один модуль для CMS Joomla.

Добавляем кнопки социальных сетей и закладок на свои сайты!

На днях гуляя по просторам интернета в поисках интересной информации, заметила тенденцию ставить кнопки социальных сетей и закладок даже на раскрученных серьёзных ресурсах с высокой посещаемостью. Да и , в принципе, это понятно – это является дополнительным методом продвижения своего ресурса в сети, так как пользователи смогут сохранить в заметках как саму статью, так и ссылку на неё, тем самым, поделившись информацией со своими друзьями.

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

Можете свободно копировать мои кнопки и использовать их на своих ресурсах. Одну я рисовала сама, а остальные взяты с официальных сайтов, который сами и предоставляют код веб-мастерам. 

Ниже привожу список сайтов социальных сетей, у которых можно взять код, выбрав себе нужный вид кнопки:

FACEBOOK

ВКонтакте

Twitter

Google Buzz

Одноклассники

Я.РУ

Mail.ru

Собственно сам код для 10 кнопок:

  • ВКонтакте
  • Одноклассники
  • Мой Мир
  • Я.РУ
  • Liveinternet
  • Facebook (2 кнопки)
  • Twitter
  • Google Buzz
Нравится

Обязательно поменяйте пути к картинкам в коде на свои, а также ссылку на свой сайт в коде кнопки Facebook!

Обязательно в index.php нужно вставить (перед </head>)

Модуль кнопок социальных сетей и закладок для CMS Joomla

На одном из сайтов (к сожалению, не помню какой) нашла прекрасное предложение создание специального модуля с кнопками для CMS Joomla. Благодаря этому модулю, уже не нужно под каждой статьёй вставлять вместительный код. Это заменяется буквально двумя словами (или одним запросом).

Модуль кнопок для Джумлы:

Зайдите в админ-панель –> Менеджер модулей –> Создать –> Произвольный html-код. Называете его по желанию, выбираете нужную любую незадействуемую Вами позицию и вставляете в него код, который Я привела выше (обязательно отключив перед этим редактор!).

Как отключить редактор – Сайт-> Общие настройки -> Визуальный редактор по умолчанию - > Без редактор (No editor) -> Сохранить.

Теперь в конце каждой статьи просто добавляйте запрос –

{codecitation class="brush: vb; gutter: true;" width="500px"} { loadposition debug } {/codecitation}

Внимание – код добавляйте без пробелов перед и после скобок!

Debug – это выбранная Вами позиция при создании модуля кнопок.

Если какие есть предложения, замечания, вопросы – пишите!

P.S. Поменяйте мои пути к картинкам на свои!