Меняем курсор мыши в blogger


Всем добрый вечер!Сегодня решил обратится к теме украшения внешнего вида блога. Изучив популярные  запросы на эту тему,выяснил пожелания многих блоггеров.И оказывается есть такие,кто хочет сменить курсор мыши в своём блоге.

                                 Как изменить курсор мыши в Blogger


Войти в Blogger--перейдите в Дизайн--Изменить HTML  и отметить галочку "Расширить шаблоны виджета"Затем найти (CTRL + F) эту строчку в вашем шаблоне: </head> и перед ним  вставьте  код курсора:
Код  курсора:

Синий анимация
<style type="text/css">body, a, a:hover {cursor: url(https://lh4.googleusercontent.com/-zVv1cL0xMUI/Tuplgo-Q8JI/AAAAAAAAC4k/5KovDd_qzUo/s95/cur220.gif), progress;}</style>
Вот и весь процесс,самый лёгкий.Теперь простая инструкция смены вида(изображения)курсора мыши.Выбираете картинку,загружаете на свой хостинг,в нашем случае это Picasa.Выделенным синим заменяете на свой URL адрес картинки.Всё.Чтобы Вам долго не искать курсоры, дам несколько примеров курсоров.



2.Теперь другой способ.Поменяется сам курсор и поменяется изображение при нажатии на ссылку и т.д.Зайдите в Дизайн -- Изменить HTML.С помощью поиска (Ctrl+F) вам надо будет найти эту строку в вашем шаблоне: body {  Перед этой строкой вставьте этот CSS стиль:

body, a, a:hover {cursor: url(https://lh6.googleusercontent.com/-kxzt4ihR4xE/Tup9kWHP4fI/AAAAAAAAC9g/ZloDHkeLl20/s16/arr.png), progress;}
body a:hover {cursor: url(https://lh5.googleusercontent.com/
-6hJyO4AyVkE/Tup9nfnjXMI/AAAAAAAAC9o/uUQDjsUvLbk/s23/hand.png), progress;}

Выделенное синим URL адрес картинки курсора.Выделенное красным URL адрес картинки руки.Вы также можете менять изображения на свои.Сейчас установлены вот эти курсоры:


Если Вас устраивает эти изображения курсоров,оставляйте всё как есть.Всего доброго.До новых встреч.

0 коммент.:

Отправить комментарий