Як встановити кнопки соціальних мереж зі своїм дизайном і лічильником
Кожен поважаючий себе веб-майстер вважає своїм обов'язком розповісти, як скопіювати код віджетів з Фейсбук собі на сайт. Статей на цю тему море. Але в них немає ні слова про те, як зробити кнопки зі своїм унікальним дизайном, та ще щоб враховувалася кількість тих, хто запис оцінив.
І коли одного разу я захотіла зробити блок «Поділитися» таким же гарним, як, наприклад, у Борисова, довелося поламати голову. Десь в глибині душі я здогадувалася, що звичайним html-кодом тут не обійтися, потрібен скрипт. Але де його взяти, якщо в jQuery ти повний нуль? На щастя, рішення все-таки знайшлося, тому залишаю чергову шпаргалку.
Ще раз короткий план дій:
- Створюємо єдиний png-файл із зображенням всіх іконок;
- Генеруємо скрипт на share24.com;
- Викачуємо скрипт, редагуємо стилі у файлі share42.js;
- Підключаємо share42.js скрипта в хедері сайту, якщо у вас вже є підключення скрипти компрессіруем всі файли в один на www.refresh-sf.com;
- Заливаємо скрипт і наш файл з іконками на сервер;
- Додаємо стилі в свій .css файл;
- Копіюємо код на сторінках сайту.
Ще кілька заміток для вебмайстрів:
Все ясно, буду рити інформацію в інтернеті
Скажіть, а можна запозичити у Вас ідею «над чим я працюю зараз»? Вже дуже мені цей блок сподобався.
Дякую за запитання, звичайно запозичте))) І скачайте курс Попова по CSS / HTML. Мені здається, всім, хто веде свій блог не зайвим буде вивчити основи верстки.
Спасибі, Ольга, Ваші рекомендації як ніколи до речі!
А це той курс, що входить в «технічні моменти» або якийсь інший?
А хоча я вже все знайшов в безкоштовні Євгенія, буду качати і вивчати.
Ще раз дякую!