Меню

Как сделать счетчики полупрозрачным

Хостинг

Невидимый счетчик LiveInternet – это очень просто

Как сделать счетчик livinternet, Rambler и пр. невидимым на странице?

Это намного проще, чем кажется на первый взгляд.

В спецификации HTML есть тег, который делает любой элемент на web-странице невидимым.

Забрав код счетчика (например LiveInternet) внутрь тега

1. Согласно правилам LiveInternet, Mail.ru, Rambler значок счетчика обязательно должен быть виден посетителю. Любой робот, зашедший на ваш сайт, сразу поймет, что счетчик невидим на странице. Я не в курсе, занимаются ли те, кто предоставляет сервисы установки счетчиков, автоматизированной проверкой видимости счетчиков, но если такой способ может быть выявлен при автоматической проверке, лучше не рисковать.

2. Поисковые машины насторожено относятся к тегам с display: none , поскольку они часто используются сеошниками для обмана поисковиков. Поэтому лучше тоже не рисковать.

Есть другой способ, сделать счетчик невидимым, при помощи CSS. Такой способ не выявляется роботами автоматически, а в коде страницы поисковики не увидят ничего подозрительного.

Вам нужно добавить в файл таблицы стилей вашего сайта следующую запись:

Разумеется вы можете назвать созданный класс как угодно, а не только «counters», только убедитесь, что выбранного вами названия уже нет в таблице.

После этого размещаем на странице все ваши счетчики между следующими тегами:

Все ваши счетчики будут невидимыми и ни один робот не сможет узнать о факте их невидимости.

Если вы не знаете, где расположен файл таблицы стилей вашего сайта, посмотрите заголовок HTML страницы. Строка:

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

Источник

Как сделать счетчики полупрозрачным

Как сделать счетчик liveinternet полупрозрачным или невидимым.

Приветствую всех!! На блоге я уже писал про счетчик liveinternet, и как с его помощью следить за посещаемостью вашего сайта. Инструмент очень полезный и я считаю, что счетчик от liveinternet самый удобный и нужный из подобных инструментов. Но здесь у каждого свое мнение, я останусь при своем.

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

На новых блогах, на которых еще совсем нет посещаемости, или она очень маленькая, лучше всего, сделать счетчик совсем невидимым. Например, я научу вас сделать так, чтобы счетчик был невидим, но когда вы наведете мышку в, то место где он установлен, тогда он появиться. Сделать все это не сложно.

Для начала установите счетчик себе на блог, обычно его устанавливают в футере (footer.php )., настройте его, так как вам нужно. Можете посмотреть мою статью вот здесь.

Как сделать невидимый счетчик liveinternet

А теперь приступим к делу и для начала сделаем счетчик совсем невидимым. Для доступа к файлам блога я рекомендую использовать ftp приложение FileZilla. Сначала нам нужно будет открыть файл в котором у нас установлен счетчик, в моем случае это футер (footer.php ).

Вступите в группу, и вы сможете просматривать изображения в полном размере

Читайте также:  Комфорт сервис управляющая компания показания счетчиков

Источник

SITE BLOGGER

создание, продвижение сайтов

Как скрыть счетчик на сайте?

В прошлом уроке мы рассказывали о том, как установить счетчик посещений на сайт. В этом уроке мы рассмотрим три полезных момента при работе со счетчиками, а именно: как скрыть счетчик на сайте, как сделать затемнение счетчиков, как запретить индексацию счетчиков. Давайте рассмотрим все эти вопросы по порядку.

Скрытие счетчика на сайте

Известно, что при регистрации сайта в каталогах или в каких-то сервисах, большая их часть требует размещения на нашем сайте своих счетчиков, кнопок или логотипов. Однако не всегда у вебмастера есть желание «засорять» свой сайт этими «кнопками». И это понятно, ведь нарушается дизайн сайта. Поэтому когда необходимо разместить счетчик на сайте и при этом хочется, чтобы он был невидим — его можно просто скрыть. Для этого нужно заключить код счетчика (баннера или кнопки) в специальный тег:

После этого необходимо сохранить наш файл и обновить страницу. В результате этих действий счетчик исчезнет. Аналогичным образом можно скрыть любой счетчик, кнопку или баннер.

Затемнение счетчиков на сайте

Для того, чтобы сделать счетчик полупрозрачным (затемненным) существует весьма простое решение — таблицы стилей CSS. Итак, суть в том, что необходимо заключить код счетчика в специальный блок DIV, которому можно задать любое название, например, «prozrachnost». Пример представлен ниже:

Затем необходимо добавить в файл со стилями нашего сайта (как правило, это «style.css») два правила:

Здесь, первая строка отвечает за непрозрачность изображения, вторая — за саму прозрачность изображения (при наведении курсора мыши на изображение, оно становится видимым).

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

Как запретить индексацию счетчиков

Не секрет, что с каждой исходящей ссылкой с нашего сайта мы отдаем часть веса. Счетчики, кнопки иди баннеры — это тоже, своего рода ссылки. Для того, чтобы запретить индексацию этих «кнопок» всего-навсего нужно поместить их коды между тегов и . Таким способом мы «защитимся» лишь от поисковой системы Яндекс, для Google этот тег не работает. Некоторые вебмастера, с целью запретить индексацию под Google, дописывают в код счетчика команду: rel=»nofollow». Но этого лучше не делать, т.к. счетчик после этого может работать некорректно.

Источник

Рубрики

раздел в разработке

Раздел в разработке. Очень скоро здесь будет интересная статья.

раздел в разработке

Раздел в разработке. Очень скоро здесь будет интересная статья.

раздел в разработке

Раздел в разработке. Очень скоро здесь будет интересная статья.

Статистика:

Прозрачность счетчиков, и других объектов с помощью CSS

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

Делать будем следующее — во время загрузки страницы, пользователь будет видеть полупрозрачное изображение. При наведении курсора мыши на изображение, оно отобразиться полностью, со всеми цветами, добавив немного стиля нашей странице.

Работать будем в программе FrontPage, но в данном уроке это не имеет значения, т.к. основная работа будет происходить с кодом страницы и элементами в ней.

Читайте также:  Как установить счетчик нева мт 124

Создаём новую страницу (Файл\Создать. Пустая страница)

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

Прописываем следующие строки кода:

#banners a:hover img

Итак, сейчас разберём, что мы прописали:

«banners» — это будет название, которое мы применим к параграфу, или к блоку DIV.

«a» — указывает, на гиперссылку (т.е. применяться это будет именно к гиперссылкам)

«img» — указывает на изображение (т.е. применяться это будет именно к изображениям)

далее идут скобки с параметрами полупрозрачности, с которыми можно поиграться.

Первая стока окончена, и эти параметры будут загружаться по-умолчанию.

Далее идёт строка с параметрами, которые будут применяться при наведении курсора мыши на изображение.

Разница лишь в том, что мы добавили параметр «a:hover», а так же изменили непрозрачность на 100 %.

Теперь остаётся сохранить документ с расширением CSS. Для этого нажимаем (Файл\Сохранить как. и в параметре Тип Файла, выбираем CSS. Название файла укажем «style»):

Если написанное выше вам не совсем понятно (я имею ввиду описание кода), то просто возьмите, и скопируйте представленный код в чистую страницу, сохраните файл с расширением css, и переходим далее. После выполнения урока, Вы сами поймёте, что к чему.

Давайте привяжем созданный файл CSS к новой странице.

Делается это следующим образом: необходимо прописать в «голове» страницы (до закрывающегося тега ) ссылку на наш файл CSS.

Открываем страницу в режиме отображения кода, находим в верхней части кода тег , и прописываем следующую строку до этого тега:

http:// Ваш_Сайт/ style .css»/>

На фото ниже показан пример:

На фото видно, что код вставлен до закрывающегося тега в основной шаблон сайта (файл «index.dwt»). Делаю я это, чтобы можно было использовать данный файл стилей на всех страницах сайта, прикреплённых к этому шаблону. Так же, выше этого кода вставлена ссылка на другой файл CSS, который находиться в папке «style» — он используется для построения шаблона сайта.

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

Код выглядит так:

Основное, это добавление к Параграфу ID с указанием названия «banners», т.е основной код получается таким:

Здесь должно быть изображение и ссылка

Сохраняем страницу, и просматриваем её с помощью браузера. Если Вы всё сделали верно, то результат должен быть таким: при загрузке страницы, файл изображения, являющийся ссылкой должен быть полу прозрачным, а при наведении на него курсора мыши — он станет полностью не прозрачным:

Если у вас не получилось, то стоит проверить указанный адрес на файл CSS в «голове» страницы. Так же, проверьте, точно ли файл является гиперссылкой.

  • Параметры стиля хранятся в одном файле, а применять их можно на разных страницах. Это общее преимущество использования файлов CSS.
  • Если данный метод применять к счетчикам посещаемости (а в основном, он именно к ним применятся), то их изображения не так сильно выделяются на странице, а это иногда «очень даже в плюс».
  • Данный метод можно применять не только к счетчикам, а к любым изображениям — баннерам, фотографиям, и т.д.

Но, помимо преимущества открываются недостатки:

При сканировании скорости загрузки страниц с помощью Google инструментов, было выявлено следующее:

Читайте также:  Km 1500 страница счетчиков

Google «не очень любит», когда на сайте используется файл CSS с такими параметрами, и вот пример того, что было указано при диагностике одного из моих сайтов с данным кодом:

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

Источник



BLOGOMANIY.RU

Как сделать счетчик liveinternet полупрозрачным или невидимым.

Приветствую всех посетителей блога !! На блоге я уже писал про счетчик liveinternet, и как с его помощью следить за посещаемостью вашего сайта. Инструмент очень полезный и я считаю, что счетчик от liveinternet самый удобный и нужный из подобных инструментов. Но здесь у каждого свое мнение, я останусь при своем.

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

На новых блогах, на которых еще совсем нет посещаемости, или она очень маленькая, лучше всего, сделать счетчик совсем невидимым. Например, я научу вас сделать так, чтобы счетчик был невидим, но когда вы наведете мышку в, то место где он установлен, тогда он появиться. Сделать все это не сложно.

Для начала установите счетчик себе на блог, обычно его устанавливают в футере (footer.php )., настройте его, так как вам нужно. Можете посмотреть мою статью вот здесь.

Как сделать невидимый счетчик liveinternet

А теперь приступим к делу и для начала сделаем счетчик совсем невидимым. Для доступа к файлам блога я рекомендую использовать ftp приложение FileZilla. Сначала нам нужно будет открыть файл в котором у нас установлен счетчик, в моем случае это футер (footer.php ).

Находим код счетчика, и заключаем его в следующий код:

Будьте внимательны и не заключите что-то еще другое, а только сам код счетчика. Для уверенности сверьте код с кодом, который у вас должен храниться на компьютере, чтобы не перепутать что-то!!

Когда код вставите, не забудьте обновить файл.

Теперь вам нужно будет открыть файл таблица стилей (style.css). в этот файл вам нужно будет вставить вот этот код, вставьте его в самом низу.

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

Делаем счетчик полупрозрачным.

Здесь тоже нет ни чего особенного. Делаем все так же, как мы делали, добиваясь невидимости счетчика. Единственное, что вам нужно будет сделать, это немного отредактировать код в файле таблицы стилей (style.css).или замените тот код, что вы поставили на вот этот:

Разница лишь в том, что мы поменяли в коде цифру 0, на 3. См. рис.

Вот так мы его не много поменяли.

Теперь ваш счетчик будет полупрозрачным, и когда вы на него наведете мышкой, тогда он будет снова ярким. Сегодня мы узнали, как сделать невидимый счетчик liveinternet. Надеюсь, что кому то информация пригодиться!! Желаю всем удачи.

Источник