Главная | Форум | Вход | Регистрация
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 2
  • 1
  • 2
  • »
Форум » Скрипты для uCoz » Вопросы по uCoz » кнопкa “Мне нравится” от ВКонтакте
кнопкa “Мне нравится” от ВКонтакте
Среда, 16.02.2011, 02:46 | Сообщение # 1
Сообщений:
196
Награды:

Привет! Сегодня я расскажу Вам, как быстро создать приложение и вставить кнопку “Мне нравится” от социальной сети ВКонтакте без лишних плагинов.

Может Вы заметили, я на днях, наконец-то, прикрутил данную кнопочку у себя после постов. “Наконец-то” я написал не даром, так как были проблемы с подключением данной кнопки к API ВКонтакте, в результате чего я получал надпись “Open API security breach” и бесконечно бегающий прогресс-бар. Как оказалось, все дело было в банальном написании адреса сайта в настройках “Open API” в самом ВКонтакте (об этом я напишу чуть ниже).

Итак, давайте прикрутим кнопку “Мне нравится“.

Для начала зайдем через свой профиль в ВК (обязательно через свой, так как нам нужно будет создавать приложение). Далее переходим на страничку создания виджета и видим подобную форму:

Первое поле “Сайт/приложение” – здесь мы сразу же сможем создать приложение без лишних телодвижений, но Вы знаете, я так поклацал и оно создается как-то через *опу криво.

Создание и настройка приложения

Так что лучше сделаем лишние телодвижения и идем на страницу создания приложения, вписываем любое название в соответствующее поле, далее выбираем тип: “Веб-сайт“, и заполняем поле с описанием, но это не обязательно. Далее жмем “Перейти к загрузке приложения” и вводим каптчу.

Все! Приложение создано и перед нами форма с его настройкой:

Первая вкладка “Информация“, она у Вас сейчас активна, можете загрузить иконку для приложения, вписать данные, выбрать группу.

Следующая вкладка “Настройки“, она самая важная! Обратите внимание, в самом верху жирным выделен ID номер Вашего приложения (он и будет коннектить Вашу кнопку), далее идет “Защищенный ключ“, его не трогайте.

Далее “Настройки Open API“, вот тут аккуратно, вводите адрес сайта точно так же, как это показано на примере:

Quote
Адрес сайта: http://yoursite.com/ (адрес к которому Вы подключаете Open API. Если использовать это приложение на другом сайте или на локалхосте, работать не будет. Приложение полностью привязывается к адресу сайта, который тут указан.)

Лишний слэш в настройках адресов и Ваша кнопка не законнектится, будет выводить ошибку “Open API security breach“.


Все, сохраняете изменения, остальные вкладки можете не настраивать.

Настройка и вставка кнопки

Возвращаемся к форме создания кнопки и вот тут уже в поле “Сайт/приложение” в выпадающем списке должно появится Ваше приложение, выбираем его.

Следующий пункт “Варианты кнопки” – выбираем, какая Вам больше подходит под дизайн, внизу под формой сразу приводится наглядный пример кнопки. На данный момент существует 4 вида кнопки:

* Кнопка с текстовым счётчиком
* Кнопка с миниатюрным счётчиком
* Миниатюрная кнопка
* Миниатюрная кнопка, счётчик сверху

Тип кнопки выбрали, теперь пункт “Название кнопки“, пока что есть 2 варианта (выбирайте любой понравившийся):

* Мне нравится
* Это интересно

Ну и, наконец-то, мы пришли к полю “Код для вставки“. Когда Вы выбрали в первом поле свое приложение, его ID автоматически вставляется в код. Этот код нужно вставить в двух местах Вашего сайта, разработчики специально его прокомментировали, но я на всякий случай также объясню.

Первый кусок кода:

Quote
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?20"></script>
<script type="text/javascript">
VK.init({apiId: ID__ВАШЕГО_ПРИЛОЖЕНИЯ, onlyWidgets: true});
</script>

нужно вставить внутри тега:
Quote
<head></head>

А второй кусок:
Quote
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>

нужно вставить в том месте сайта, где должна отображаться кнопка.

Мой код не вставляйте, я его привел, как пример, тем более у меня не те настройки кнопки и не указан ID.

А так все, Ваша кнопка готова! wink

Обтекание кнопки

Как Вы заметили, кнопка помещается в div с айдишиником “vk_like“, где прописан стиль её отображения. И в этом стиле разработчики втулили правило:

Quote
clear: both;

Как мы знаем, это правило отменяет обтекание элемента с правого и левого краев, т.е., если Вы хотите, чтобы Ваша кнопочка была в ряд с остальными кнопками соц. сетей, можете и не мечтать, она будет гордо стоять на новой строке. Чтобы этого избежать и все-таки вернуть кнопку в ряд, замените:
Quote
<div id="vk_like"></div>

на
Quote
<div id="vk_like" style="clear:none !important;"></div>

Так мы отменяем отмену (:-D) обтекания элемента, а “!important” повышает приоритет вашего стиля, т.е., Ваше правило в глазах браузера будет главным.

Ну, вроде бы все сказал, что хотел)))) Надеюсь, что Вы все поняли и у Вас получилось вставить кнопку! wink

А если Вам до вставки кнопки еще долго, так как своего сайта, пока что, нету, то, может быть, создание сайтов Чебоксары Вам в этом поможет.

Источник: http://www.mykhailenko.com

Среда, 05.04.2017, 12:55 | Сообщение # 2
Сообщений:
65
Награды:
0
Вторник, 18.04.2017, 13:34 | Сообщение # 3
Сообщений:
39
Награды:
0
Скачать базу данных организаций города Ярославль бесплатно http://bazdan24.ru/tovar/baza-dannyh-organizatsij-goroda-yaroslavl/

470pY747
Понедельник, 24.04.2017, 21:54 | Сообщение # 4
Сообщений:
110
Награды:
0
Всем привет не когда не писала отзывов, решила поделиться радостью сидела на многих диетах Дал результат любимая Перехожу на 2 пример диеты монопитание 1-й день держусь как могу Кушать не хочется так как аппетит отсутствует натринеровала себя живот беспокоит пищи требует Выпила зелёный чай без сахара часов в 9 00 Скушала одной варёное яйцо в 10 20 Жду 14 30 чтоб съесть ещё Диета нравиться не какой слабости одна радость от того что скину лишние кг Рост у меня 1 53 вес 55 хочу 48 отпишусь о результатах.
Затем в 11 часов съесть 100 г вареного мяса естественно не жирного, лучше телятины или курицы.
Отзывы читаю всегда Полезно Понятно, что пишут чаще две категории- недовольные и ангажированные Тем не менее- инфа полезна Наличие множества черных шаров - повод задуматься о другом отеле.
Климбазол подавляет рост и развитие дрожжей и грибков Избавляет от зуда Оказывает разрушительное действие на клетки уже существующего грибка и блокируют появление новых колоний.
устраняет зуд и шелушение стоп.
Первая причина это от неправильного ухода за стопами, или отсутствия такого ухода.
Уверенность в том, что Tinedol поможет в борьбе с грибковой инфекцией, приводит к тому, что люди все-таки решаются его купить И те, кто рассчитывал исключительно на борьбу с неприятным запахом даже остаются довольны Впрочем, одна упаковка крем стоит более 1000 рублей и почти 400 грн не самая низкая цена как для своего рода дезодоранта для ног.
Я не удивлен тому, что изначально не нашел отрицательных отзывов о Tinedol, когда изучал информацию о средстве Каждое из вышеперечисленных действий препарат выполняет на 100 Такая гарантированная эффективность и достаточно быстрое достижение желаемого результата делает Тинедол наиболее востребованным противогрибковым средством на сегодняшний день Если на лечение с помощью других препаратов я потратил полгода, но так ничего и не добился, то на лечение с Tinedol у меня ушло всего полтора месяца, зато результаты превзошли все ожидания.
Чтобы своевременно получать все актуальные новости по данному проекту и другим инвестиционным проектам, подпишитесь на мои рассылки.
Грибок относится к заболеваниям кожи, чаще всего встречающийся на стопах Передается этот дерматический недуг очень просто достаточно пройтись босиком по тому же влажному полу например, в бане , где ходил человек с грибком стопы Симптомы проявляются быстро и неприятно жжение, зуд, покраснение, шелушение, ногти меняют цвет и крошатся Кто-то обращается за советом к дерматовенерологу, кто-то обходится собственным опытом Действительно, самолечение в данном случае может принести свои плоды, рекомендация одна соблюдать гигиену и пользоваться регулярно противогрибковым средством.


Официальный сайт: http://tinedol.hceap.info/tinedol-kupit-v-apteke-spb.html - тинедол купить в аптеке спб
Воскресенье, 30.04.2017, 23:48 | Сообщение # 5
Сообщений:
10
Награды:
0
Вкуснейший экзотический плод - мангустин, стал настоящим открытием в диетологии!
Он содержит РЕКОРДНОЕ количество полезных веществ, стимулирующих активное жиросжигание и снижающих вес!
Сироп мангустина растопит до 10 кг жира за 2 недели!
Спаситесь от ожирения и сократите риск инфаркта, диабета и гипертонии на 89%.
Перейти на сайт: http://mangystin.bxox.info/
Среда, 24.05.2017, 22:34 | Сообщение # 6
Сообщений:
65
Награды:
0
Вкуснейший экзотический плод - мангустин, стал настоящим открытием в диетологии!
Он содержит РЕКОРДНОЕ количество полезных веществ, стимулирующих активное жиросжигание и снижающих вес!
Сироп мангустина растопит до 10 кг жира за 2 недели!
Спаситесь от ожирения и сократите риск инфаркта, диабета и гипертонии на 89%.
Перейти на сайт: http://mangjoo77.mangoosteen.com/
Суббота, 10.06.2017, 10:22 | Сообщение # 7
Сообщений:
35
Награды:
0
знатный ресурс https://moscow.flamp.ru/firm/notarius_sitnikova_o_v-70000001017971554 - выезд нотариуса на дом метро Щукинская - Выезд нотариуса в офис ЗАО, выезд нотариуса на дом метро Филевский парк.
Суббота, 23.06.2018, 17:43 | Сообщение # 8
Сообщений:
39
Награды:
0

https://fin32.com/ua/credit.ua - soscredit деньги в долг

https://fin32.com/ua/scredit.ua - soscredit деньги в долг

https://fin32.com/ua/ash.com.ua - e-cash деньги в долг

https://fin32.com/ua/oneyboom.ua - moneyboom деньги в долг

https://fin32.com/ua/sh.com.ua - e-cash деньги в долг

https://fin32.com/ua/loan.ua - ccloan деньги в долг

https://fin32.com/ua/cash.com.ua - e-cash деньги в долг

https://fin32.com/ua/an.ua - ccloan деньги в долг

https://fin32.com/ua/n.ua - ccloan деньги в долг

https://fin32.com/ua/redit.ua - soscredit деньги в долг
Суббота, 23.06.2018, 19:47 | Сообщение # 9
Сообщений:
38
Награды:
0

https://fin32.com/ua/redit.ua - soscredit деньги в долг

https://fin32.com/ua/inero.com.ua - dinero деньги в долг

https://fin32.com/ua/redit.ua - soscredit деньги в долг

https://fin32.com/ua/yboom.ua - moneyboom деньги в долг

https://fin32.com/ua/n.ua - ccloan деньги в долг

https://fin32.com/ua/afin.com - gloriafin деньги в долг

https://fin32.com/ua/oneyboom.ua - moneyboom деньги в долг

https://fin32.com/ua/oriafin.com - gloriafin деньги в долг

https://fin32.com/ua/an.ua - ccloan деньги в долг

https://fin32.com/ua/h.com.ua - e-cash деньги в долг
Среда, 04.07.2018, 09:53 | Сообщение # 10
Сообщений:
1
Награды:
0
<a href=http://canada-pharmaci.com>buy cialis 5mg online</a>
cialis online review online pharmacy http://canada-pharmaci.com
Вторник, 18.09.2018, 01:40 | Сообщение # 11
Сообщений:
1
Награды:
0
<a href=http://canadian-pharmacyon.com>buy viagra uk</a>
pfizer viagra http://canadian-pharmacyon.com
Понедельник, 15.10.2018, 12:13 | Сообщение # 12
Сообщений:
54
Награды:
0
cialis information blog instant messaging
viagra without doctor
cialis more:for_patients
<a href="http://viagrawithoutdoctorpres.net">viagra without a doctor prescription usa
</a> - cialis and alcohol mix administrators
cialis online express delivery
Воскресенье, 11.11.2018, 14:18 | Сообщение # 13
Сообщений:
34
Награды:
0
click resources 3d engine
Воскресенье, 23.12.2018, 03:07 | Сообщение # 14
Сообщений:
54
Награды:
0
custom writing
essay writing service

viagra generic <a href="http://xlviagragtr.com">viagra generic</a>
viagra for sale <a href="http://xlviagracan.com">viagra for sale</a>
levitra 20 mg <a href="http://levitragtr.com">levitra 20 mg</a>
viagra for sale <a href="http://gtviagracan.com">viagra for sale</a>
write my essay <a href="http://writemyessayhelpcenter.com">write my essay</a>
custom writing <a href="http://essaypromaker.com">custom writing</a>
viagra generic <a href="http://glviagragtr.com">viagra generic</a>
essay writing service <a href="http://essayfasthelp.com">essay writing service</a>
viagra without a doctor prescription <a href="http://viagrawithoutdoctorx.com">viagra without a doctor prescription</a>
essay help
write my paper

Добавлено (27.12.2018, 08:20)
---------------------------------------------
write my paper
write my paper

viagra generic <a href="http://xlviagragtr.com">viagra generic</a>
viagra for sale <a href="http://xlviagracan.com">viagra for sale</a>
levitra 20 mg <a href="http://levitragtr.com">levitra 20 mg</a>
viagra for sale <a href="http://gtviagracan.com">viagra for sale</a>
write my essay <a href="http://writemyessayhelpcenter.com">write my essay</a>
custom writing <a href="http://essaypromaker.com">custom writing</a>
viagra generic <a href="http://glviagragtr.com">viagra generic</a>
essay writing service <a href="http://essayfasthelp.com">essay writing service</a>
viagra without a doctor prescription <a href="http://viagrawithoutdoctorx.com">viagra without a doctor prescription</a>
custom writing
paper writing service

Добавлено (27.12.2018, 08:26)
---------------------------------------------
write my paper for me
write my paper

viagra generic <a href="http://xlviagragtr.com">viagra generic</a>
viagra for sale <a href="http://xlviagracan.com">viagra for sale</a>
levitra 20 mg <a href="http://levitragtr.com">levitra 20 mg</a>
viagra for sale <a href="http://gtviagracan.com">viagra for sale</a>
write my essay <a href="http://writemyessayhelpcenter.com">write my essay</a>
custom writing <a href="http://essaypromaker.com">custom writing</a>
viagra generic <a href="http://glviagragtr.com">viagra generic</a>
essay writing service <a href="http://essayfasthelp.com">essay writing service</a>
viagra without a doctor prescription <a href="http://viagrawithoutdoctorx.com">viagra without a doctor prescription</a>
write my paper
write my essay

Среда, 22.05.2019, 06:08 | Сообщение # 15
Сообщений:
32
Награды:
0
a fantastic read game engine
Форум » Скрипты для uCoz » Вопросы по uCoz » кнопкa “Мне нравится” от ВКонтакте
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:

Администрация не несёт ответственности за содержащие файлы на данном портале.
Все материалы на сайте принадлежат исключительно их владельцам!
Все права не нарушены.
Css-TechMafia.Com | by RedHazard | Site by www.Css-Techmafia.Com