код кнопки like и 1.

Copyright 2012 Y blog.bamaxlab.ru. All rights reserved. дизайн и разработка: .

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

Последние статьи

Приветствую всех на своем блоге о веб дизайне.

Добро пожаловать

! регистрозависимая латиница

e-mail * (не публикуется):

Комментарии к статье (0)

метки: I LIKE, социальные сети, PHP программирование

Анализируя переходы по поисковым запросам на свой сайт, пришел к выводу, что очень много пользователей интересует кнопка I LIKE. Именно по этому решил написать эту статью, в которой постараюсь более детально описать процесс внедрения кнопки I LIKE на примере социальной сети FACEBOOK.Итак начнем. Чтобы получить возможность добавить кнопку I LIKE на свой сайт, необходимо быть зарегистрированным пользователем соцсети FACEBOOK.Переходим . На это странице располагается блок настройки кнопки I LIKE. На рисунке ниже можно посмотреть как выглядит данный блок.......Краткая опись настроек блока:пункт 1 (URL to Like) - адрес страницы, на которой будет располагаться кнопка (я этот параметр задавал у себя на странице посредством языка программирования PHP, чуть ниже приведу пример по реализации);пункт 2 (Send Button (XFBML Only)) - кнопка ОТПРАВИТЬ, поставьте галочку, если хотите, чтобы отметка I LIKE отправлялась при нажатии на кнопку ОТПРАВИТЬ;пункт 3 (Layout Style) - стиль для кнопки, можно выбрать из предложенных 3-х вариантов оформления кнопки I LIKE (standart, button_count, box_count);пункт 4 (Width) - ширина блока кнопки I LIKE;пункт 5 (Show Faces) - показывать лица (фото аватара) людей, которым понравилась ваша страница;пункт 6 (Verb to display) - вариант кнопки, можно выбрать между I LIKE (мне нравится) и RECOMMEND (я рекомендую)пункт 7 (Color Scheme) - вариант цветового оформления: light (светлый) или dark (темный);пункт 8 (Font) - шрифт, выберите необходимое семейство шрифта из предложенных 6;После выбора и редактирования всех пунктов (как будет выглядеть кнопка, Вы будете видеть справа от блока редактирования) жмем на кнопку Get Code и система выдает Вам код в HTML5, который нужно будет разместить на своей странице....... Код кнопки I LIKE состоит из двух частей: кода JavaScript и блока DIV кнопки.- 1 часть кода необходимо вставить непосредственно сразу после открывающегося тега BODY;- 2 часть кода, а это собственно и есть Ваша кнопка, Вы устанавливаете на странице там, где будет располагаться Ваша кнопка.И напоследок, давайте посмотрим код кнопки немного подробнее.....<div class="fb-like" data-href="http://my_site.ru" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-font="arial"></div>Обратимся к атрибуту DIV блока data-href. В этом атрибуте прописывается адрес страницы на которой установлена кнопка. В настройках блока кнопки он указывается в первом пункте (я писал выше). Конечно, если у Вас одна две страница, на которых будет размещена кнопка I LIKE, тогда можно просто вручную на вашей странице вбить в атрибут data-href необходимый адрес страницы. Но что делать, когда страниц например 50 или того больше, здесь уже будет накладно для каждой страницы адрес в код кнопки прописывать. Я вот как вышел из данной ситуации, используя простецкий PHP код. Весь смысл заключается в том, что необходимо определить URL текущей страницы и присвоить этот URL нашему атрибуту data-href. Вот как выглядит этот код на PHP......$string_URL=$_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]; //определяем имя сервера и текущий адрес сайта$button_like_FB="<div class="fb-like" data-href="http://$string_URL" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" dat-font="arail"></div>"; //создаем переменную нашей кнопки с текущем адресом страницыecho $button_like_FB; //выводим нашу кнопку I LIKEКнопка I LIKE социальной сети ВКОНТАКТЕ устанавливается аналогичным способом. Однако там имеются некоторые существенные отличия: во-первых код JavaScript устанавливается внутри тега HEAD (перед закрывающим тегом HEAD), во-вторых DIV блок кнопки I LIKE устанавливается в паре с дополнительным кодом JavaScript и в третьих определение URL страницы не требуется.......//код JS, перед закрывающимся тегом HEAD<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?50"></script><script type="text/javascript"> VK.init({apiId: NUMERID, onlyWidgets: true});</script>//код JS, перед закрывающимся тегом HEAD//код кнопки с кодом JS<div id="vk_like"></div><script type="text/javascript">VK.Widgets.Like("vk_like", {type: "button", verb: 1, height: 18});</script>//код кнопки с кодом JS

Добавил admin 28/05/2012

Размещение кнопки I LIKE на сайте

Блог веб дизайнера | Статьи - Размещение кнопки I LIKE на сайте