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

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

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

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

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

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


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


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

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


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

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

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

Блуждали по сайту сегодня: 98
Смотрят страницу: 1 ( 1 гость)

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

Пн Вт Ср Чт Пт Сб Вс
 12345
6789101112
13141516171819
20212223242526
2728293031  

MasterPRO в Twitter’e

Лучшие фильмы и сериалы онлайн. Добавил новые киношки! - master-sv.com/blog/b…

About 2 months ago from Master PRO's Twitter via Twitter Web Client · reply · retweet · favorite

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

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

Рубрики

  • Страницы

    Архив


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

    влажность:

    давление:

    ветер:

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