Интересует не общий виджет кнопок социальных закладок, а конкретно кнопки Одноклассников.ру. Где можно найти их коды?
в избранное
smehs meh [9.1K]
6 лет назад
Код для вставки кнопки «Класс» на свой сайт можно найти непосредственно на сайте одноклассников. Также там можно ознакомиться с подробной документацией по установке и настройке данного виджета. Ссылка на официальную документацию для разработчиков на одноклассниках.
система выбрала этот ответ лучшим
Fanto meRU [13.3K]
5 лет назад
Чтобы установить кнопку «Класс» социальной сети «Одноклассники», необходимо на странице прописать определенный код. Конструктор данной кнопки с выводом необходимого кода можно найти на этой странице. После генерирования кнопки останется только скопировать результирующий код на свою страницу своего сайта.
� Как добавить кнопку «Класс» соцсети Одноклассники на блог (blogger.com)
Источник: www.bolshoyvopros.ru
Как сделать кнопку класс в одноклассниках
Совершенно случайным образом (хотя ничего случайного не бывает) набрела в Интернете на сайт, где можно взять социальные к нопки для сайта или блога «Класс», «Нравится», «Поделиться» в Одноклассниках. Причем, разной формы, со счетчиком или без него.
Как добавить в блог или на сайт к нопки «Класс», «Нравится», «Поделиться» в Одноклассниках
Заходим по ссылке на сайт, где есть конструктор кнопок.
Обязательно вносим адрес (ссылку) Вашего сайта или блога:
Е сли хотите, чтобы посетитель выражал отношение к конкретной странице сайта или блога, то включите опцию «Использовать текущий URL пользователя».
В настройках кнопок можно «поиграться», подобрав понравившийся вариант.
Кнопка может быть разных размеров (7 вариантов), трех форм:
Со счетчиком — сверху или справа:
Как накрутить классы в одноклассниках
С тремя вариантами текста — «Класс», «Поделиться» и «Нравится».
У всех кнопок счетчик и текст можно менять, кроме трех кнопок больших размеров. При выборе 5, 6 и 7 размера кнопки соответственно, пункты «счетчик» и «текст» тускнеют и их уже не выбрать (форму можно менять). Например:
Или вот такая самая большая круглая кнопка получилась:
При настройке внешнего вида социальной кнопки для Одноклассников Вы сразу видите результат — как будет выглядеть кнопка на Вашем сайте или блоге.
После того как настроите кнопку, скопируйте готовый код.
Скопированный код вставьте в виджет(гаджет) на сайте.
В блогах на платформе Blogger код социальных кнопок вставляем в поле «Содержание» гаджета HTML/JavaScript (Дизайн > Добавить гаджет > HTML/JavaScript).
! Для того чтобы кнопка отображалась в центре гаджета (относительно его ширины), добавьте к коду 2 фрагмента: КОД КНОПКИ
При нажатии социальной кнопки появится всплывающее окно, где посетитель может добавить свой комментарий к публикуемой информации, поставить заметку в свой статус. Кстати, Вы сами можете таким образом рекламировать свои статьи в соцсети!
После того как Вы добавите кнопки для сайта или блога «Класс», «Нравится», «Поделиться», Ваши посетители смогут опубликовать ссылку и фрагмент статьи в социальной сети «Одноклассники». И эта информация появится на стене посетителя, в новостных лентах его друзей. Тем самым Вы получаете еще один бесплатный способ продвижения сайта или блога , как и при помощи других социальных кнопок .
Источник: samasajt.blogspot.com
Кнопка Класс! Кнопка постинга в Одноклассники для Blogger Blogspot
Доброго времени суток, уважаемые читатели. Не так давно, 11 октября, я публиковала кнопки социальных сетей в виде единого блока. Однако упоминание социальной сети Одноклассники сыграло злую шутку, и многие пользователи приходят из поисковых систем именно в надежде найти эту кнопку.
Я решила исправиться и посвятить отдельную статью размещению кнопки Класс! от Одноклассников. С одной стороны установить кнопку не сложно, но есть ряд условий, которые необходимо выполнить.
Поэтому я посчитала, что лучше подробнее об этом рассказать.
Сразу оговорюсь:
Код кнопки Класс, описанный в этой статье уже адаптирован под платформу Blogger/Blogspot.
Если вы хотите, чтобы кнопка была расположена сразу в конце статей, то, как правило, код кнопки мы помещаем сразу после строки:
но в силу того, что у кого-то уже установлены какие-то кнопки, у кого-то в том месте находятся рекламные блоки с Google Adsense, каждый в индивидуальном порядке подбирает место, в которое установить кнопку. Самый главный помощник в этом Firebug, более подробно о том, как им пользоваться в статье Как удалить внешние ссылки из шаблонов Blogger/Blogspot.
Если вы хотите, чтобы кнопка отображалась только на внутренних страницах, и их не было видно на главной, тогда код кнопки должен быть внутри кода:
тут будет код кнопки
Перед добавлением кода кнопки в шаблон всегда ставим галочку «Расширить шаблоны виджетов»
У Одноклассников есть возможность установить 4 разных вида кнопок.
| Кнопка счетчик | Большая обычная кнопка | Маленькая обычная кнопка | Собственная кнопка |
 |
 |
 |
Итак, как добавить кнопку Класс в виде счетчика в Blogger/Blogspot
Шаг первый.
Открываем шаблон блога, находим:
Перед этой строкой вставляем код:
Шаг второй. Чтобы велся подсчет «голосов», находим код:
и полностью меняем его на этот:
или лично у меня в шаблоне тег body был такой:
в таком случае заменяем код в таком порядке:
Обратите внимание, мы оставили и прежнее значение и добавили новое значение onload=’ODKL.init();’
Еще по теме Почему я выбрала Blogger?
Шаг третий. Установка кода кнопки Класс.
Находим место, в которое вы хотите установить кнопку Класс и вставляем код кнопки:
В этом коде ни в коем случае ничего нельзя менять. Сохраняем шаблон.
Если вы хотите такую кнопку
Чтобы ее установить, проделываем Шаг первый, описанный выше (вставляем ссылки на необходимые файлы в заголовок шаблона), второй шаг пропускаем, он не нужен. Переходим к третьему шагу – размещение кода кнопки Класс.
Если же вы хотите такую кнопку , то код будет такой:
Как видите, сложного ровным счетом ничего нет. В принципе, все эти коды ничем сильно не отличаются, кроме значения class, которое сообщает нам, как должна выглядеть кнопка.
Если же вам не нравится стандартная кнопка Класс, в таком случае можно ее заменить на свою картинку. И в таком случае, выбираем, например, вид кнопки из второго варианта, где и сразу после кода кнопки вставляем:
Т.е. все вместе это должно выглядеть так:
Так же вы можете дополнить этот код другими стилями, расширение FireBug вам поможет экспериментировать, чтобы кнопка органично вписалась в ваш блог. По идее, все стили необходимо указывать в шаблоне там же, где и все остальные стили CSS, но кнопка так реализована, что, чтобы перебить ее настройки внешнего вида, необходимо разместить код CSS под кодом кнопки.
По акции для блоггеров — обмен постовыми, хочу порекомендовать вам блог своего читателя и активного комментатора SwaEgo. В его блоге вы найдете уроки по фотошопу, и один из них, Как сделать из черно-белой фотографии цветную в Photoshop . Научиться работать в фотошоп нужно, как минимум для того, что бы уметь отредактировать неудачно снятые фотки для семейного альбома, ну а как максимум, рисовать собственные картинки к своим статьям. Попробуйте, а вдруг понравится.
Еще по теме WordPress. Самые лучшие кнопки социальных сетей
P.S. Все, кто ставил себе блок кнопок социальных сетей, и хочет вставить кнопку Одноклассников в этот блок, как у меня, то вам нужно будет проделать:
1. Шаг первый,
2. открыть этот файл ,
3. Вставить код из файла в то место, где хотите, чтобы находилась кнопка.
Сохранить шаблон.
Ещё по теме:
- Кнопки социальных сетей для Blogspot Blogger
- Кнопка Like от ВКонтакте для блога
- Красивое оформление статей в блоге Blogger/Blogspot
- Как сделать рубрики в Blogger/Blogspot
- Как настроить персональный домен на блоге blogspot/Blogger
Мои услуги
Создание сайта
Полностью готовый сайт для посетителей и продвижения под ключ
SEO услуги
От аудита до продвижения. Независимый консалтинг.
Digital-маркетинг
Разработка стратегии продвижения под Ваш проект. Распаковка экспертов.
Коучинг
Инструмент, который поможет Вам завоевать весь мир.
Поделитесь с друзьями
62 thoughts on “ Кнопка Класс! Кнопка постинга в Одноклассники для Blogger Blogspot ”
интересно, спасибо:)
ооо супер, спасибо, я долго думал — почему никто еще не писал для блогера об этой кнопке? Спасибо, завтра буду ставить
новость БОМБА
Да, наверно, кто-нибудь да писал, но я тоже пока не встречала:)
Кстати, я в статье об этом не написала, если будете вставлять четвертый вариант кнопки в блок с кнопками, как у меня в конце статьи, то напишите мне, я дам готовые стили именно для блока.
Отдельно об этом не писала, т.к. на днях собираюсь внести изменения непосредственно в ту статью, где про этот блок кнопок рассказываю.
Может и не бомба, но согласна, новость хорошая:)
Все-таки внесла дополнение к статье.
Простите, я совершенно не в тему со своим вопросом, но я уже замучалась с поиском… как сделать разделы как у вас («главная», «о блоге», «об авторе») Буду очень признательна за ответ! http://mylittleblacksketch.blogspot.com/
странно работает сам скрипт — если я залогонен в однокл, все равно по нажатию на кнопку просит ввести логин пароль, — ввожу — перегружает форму входа и опять просит
Я ушла с одноклассников, там столько заморочек, жаль, что аккаунт можно убрать только платно.
… большое спасибо!
Я не знаю, что ответить по этому поводу. Кнопку я проверяла, у меня проблем не было. Даже не знаю, что это вообще может быть.
А в другом браузере пробовали?
В инструментах блога, на вкладке Отправка, есть вкладка «Изменить страницы». На этой вкладке создаются статические страницы, можно создать 10 разных страниц. В блог верхнее меню выводится с помощью гаджета «Страницы» через вкладку Дизайн — Элементы страниц — Добавить гаджет.
Но это не значит, что такая кнопка не нужна. Вы ушли, но ваши читатели могут быть там:)
За материал спасибо:) кнопку на блог в целом я поставить смогла. А вот на конкретное сообщение поставить не могу. В чем загвоздка??
Отличная информация! Спасибо, Катя!
Lena, как вы понимаете, о загвоздках можно только догадываться:). Ведь вы же не описали в чем именно заключается проблема установки кнопки на конкретное сообщение.
Во-первых, в коде самой кнопки указа код, который подходит только для блогов на платформе Blogger, вы же оставили комментарий через Facebook и я даже не могу посмотреть, на какой блог вы ставили. Во-вторых, проблема, конечно, может быть в выбранном вами месте, т.е. установкой в конкретное место в шаблоне вы нарушаете целостность кода, который там уже находится, и в таком случае можно попробовать найти другое место. Третья причина может быть в том, что вы выполнили не все шаги, описанные мною в статье. Да мало ли что ещё может быть. Пожалуйста, объясните подробнее, и я постараюсь вам помочь.
На здоровье:)
Геннадий, с одной стороны вы попытались мне подробно объяснить, с другой же стороны, если честно, я запуталась. Последний вариант — это то, что в самом конце статьи после PS?
Там написано, что нужно повторить Шаг первый, т.е. вставить в head шаблона код. Вы это сделали?
Я не совсем внимательно прочел инструкцию и не проделал «Шаг первый». Теперь все сделал(понял после Вашего ответа на мой комментарий)!
Вы знаете, но я бы посоветовал(извините за нескромность) Вам в этой записи: «Шаг первый,
открыть этот файл,
вставить код из файла в то место, где хотите, чтобы находилась кнопка.
Сохранить шаблон.» кое что изменить. Как то не ясно выделена последняя инструкция…
Я бы написал так: » …проделать: 1) Шаг первый; 2)открыть этот файл; 3)вставить код из файла в то место, где хотите, чтобы находилась кнопка.»
Большое спасибо за этот пост!
Очень хотелось бы узнать, как Вы умудряетесь созданный файл размещать на странице браузера. Файл я создать могу, но чтобы он мог так вот открываться и «зависать» для использования читателем — не умею(((.
Но я хоть понял, как с помощью копирования этой ссылки на файл, можно открывать его в своем сообщении( я теперь подправил в своем посте кое-что :))
Не против обмена постовыми. Сегодня напишу коротенький пост наподобии этого со ссылкой на Ваш.
Предлагаю обращаться на ты.
Пронумеровать что ли? В этом смысл исправления?:) Подправлю.
По-поводу файла, у меня в блоге есть статья, как загрузить файл на блог blogger, поищи. Естественно, в сам блог загрузить невозможно, но решения есть. Прочитай в комментариях к той статье есть даже предложение лучшее, чем описанное непосредственно в статье.
По-поводу постового — напиши мне на почту.
Дело не в нумерации, просто я воспринял в послених стороках поста так: Шаг первый — это «открыть этот файл», а затем вставить код, а не тот еще «Шаг первый». Я ведь не последний, кто не поймет, а потом будет приставать с расспросами.
Да поправлю я… завтра. сегодня уже устала, даже открывать не хочу. А вообще, Геннадий, я заметила, ты во всем очень торопишься. Все быстро, на лету. И видно, все в руках горит, все спорится, только вот постоянно из-за этого невнимательный и маленькие недочеты всплывают… В последней статье опять ссылка на меня не совсем точная и в анкоре ошибка:)
Исправил. Извини…
Nblame :
у меня такой вопрос подключил вашу кнопку все показывает но перестает работать скрипт jquery на сайте
сайт работает на joomla (если это важно)
Очень хотелось бы вам помочь, но я не сильна в скриптах, и не представляю, с чем это может быть связано. Можно предположить, что скрипт кнопки вступает в конфликт с уже имеющимся кодом на сайте, в таком случае, нужно выяснить, в каком именно месте происходит конфликт. У меня была проблема, например, на WordPress, когда я пыталась вставить в тег body команду onload для кнопки с учетом статистики, потом нашла готовый плагин.
В общем, лучше, наверно, где-нибудь на форуме программистов задать вопрос.
Арюжан :
я не поняла как ставить. помогите пожалуйста
Я исходному коду страницы я вижу, что вы не выполнили все шаги по установки кнопки, а именно, в вашем случае, шаг первый. Да и кода самой кнопки вообще в шаблоне не видно. перечитайте внимательней статью и повторите все действия, которые необходимо.
LesyaK :
Спасибо за подсказку. Кнопку почти установила. Она появилась в блоке моих соц. кнопок, но при нажатии на нее ничего не происходит. Что я опять не так сделала ?
Смотрела, смотрела, что-то даже не знаю, в чем может быть проблема. Не вижу. Все, что могу посоветовать, это ещё раз все перепроверить, уделить особое внимание первому шагу, т.к. за работу кнопки отвечают именно те ссылки, которые вы указываете до тега , и может попробовать проделать шаг 2. У меня хоть и нет счетчика, но команду из второго шага я себе установила. Конечно, в этом не может быть проблема, а вдруг… Больше просто ничего не знаю:(
LesyaK :
Ух, ну наконец-то. Проблема действтельно была в шаге №2. Спасибо огромнейшее.
sovoprosnick :
добавил но не считает количество человек нажавших кнопку класс! вот мой сайт: http://www.drugoe.us/
Весь код брался с сайта разработчиков, поэтому сказать ничего не могу. Вы можете самостоятельно все перепроверить или обратиться, непосредственно к ним. Я на досуге ещё раз перечитаю их документацию, может они внесли какие-нибудь изменения…
Вам руки некуда девать?
LesyaK :
Не получается добавить в блог кнопок социальных сетей. Пробовала и перед
и в середину между другими кнопками и в начало. Нажимаю «сохранить шаблон», заожу в блог и никаких изменений. Можете подсказать в чем ошибка? posmotri-vokrug.blogspo…
Шошана, спасибо за анализ моих статей, но хочу заметить, что при внимательном прочтении любой статьи и при четком соблюдении инструкций, у всех читателей все получается. Не надо искать проблемы в моих статьях. Если что-то не получилось у вас — ищите проблему в себе.
Извините за резкость, но согласитесь, я же не обязана подстраиваться под всех. Очень сомневаюсь, что вы вообще найдете столько полезной и понятной информации для новичков в одном месте.
Вы даже эту статью не прочитали внимательно, в которой написано, что если не можете найти , то поищите
Источник: amateurblogger.ru