Skype

ali-partners-banner

Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...


Делаем рейтинг для блога, как на YouTube

Пост №   55  от 20 июля 2013   |  Категория: Design, WEB мастеру, Новости  |  Комментариев нет Print

youtube-rating-m Часто на страницах блогов можно видеть такую «примочку», как «Рейтинг». Реализуется данный элемент разными способами: с помощью плагина (для WordPress в частности), на CSS и Ajaks и др..

Сегодня мы рассмотрим интересный вариант (по типу YouTube), реализованный Srinivas Tamada на CSS и Ajaks, что дает возможность без перезагрузки голосовать и видеть результат здесь же — на странице…


Выглядеть этот блок будет таким образом:
Rating-skript

И, первым делом, создадим папку для рейтинга, присвоив ей имя, к примеру — rating и поместим туда файл базы данных, куда будет записываться каждый клик голосовавших за Ваш блог, прописав туда такие строки:

Следующим шагом будет создание файла index-r.php, который и будет отображать Ваш скрипт рейтинга со следующими строками кода:

Следующая страничка, которую следует сделать — rating.php. Это всплывающий блок с результатом голосования:

Если Вы хотите, чтобы скрипт «заговорил» по-русски, отредактируйте надписи: «Ratings for this blog» и «total«, заменив, соответственно, на «Рейтинг блога» и «всего«.

Ну и, безусловно, стили. Без них Ваш скрипт будет выглядеть… мягко выражаясь — неподобающе:

Последний шаг — картинки кнопок. Их, как и все предыдущие файлы, необходимо поместить в папку со скриптом. Скопировать их можете на странице с примером. Ссылка на demo — ниже. После того, как все сделано и все файлы отредактированы, «заливаем» папку со всеми файлами на сервер в удобное для Вас место, а в любое место в шаблоне или на странице прописываем «инклюдом» файл index-r.php, который и будет выводить блок рейтинга примерно таким образом:

Не забудьте указать полный путь к этому файлу! Иногда сокращения ссылок не работают на некоторых серверах.

Источник: http://tinyurl.com/obqr3c9

Удачи и… до новых встреч!

Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!

e-Commerce Partners Network
1 звезда2 звезды3 звезды4 звезды5 звезд (Голосовало: 2 )
Загрузка...

Метки: DesignYouTube RatingКак сделать?
Обновление статьи: 18.07.2013
Просмотров:   1967
Короткая ссылка: http://tinyurl.com/qzcl6ys

Подишись на сообщения блога по E-mail и получай свежие новости в числе первых!


Наберитесь терпения - новые публикации в процессе осмысления...


На сегодня в блоге...

  • Подписчиков: 3270
  • Записей: 195
  • Страниц: 26
  • Рубрик: 15
  • Меток: 165
  • Комментариев: 33


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

Комментарии к статьям разрешены только авторизованным пользователям.
Пожалуйста зарегистрируйтесь или войдите, используя свой логнн.

Посетители сайта

Блуждали по сайту сегодня: 74
Смотрят страницу: 1 ( 1 гость)
Из них ботов:

Календарь публикаций

Пн Вт Ср Чт Пт Сб Вс
 123
45678910
11121314151617
18192021222324
25262728293031

MasterPRO в Twitter’e

My followers live in 30 countries: Russia(57%), Ukraine(16%)... tweepsmap.com/!unist… Get your free map! pic.twitter.com/iCtQ…

About 9 hours ago from Master PRO's Twitter via Tweepsmap · reply · retweet · favorite

Информер праздников

Праздники ЛатвииПраздники России


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


    Погода
    Погода в Юрмале

    влажность:

    давление:

    ветер:

    Prikolizmy.ru: Видео приколы - AeonBlackSun :: Любимое