Как отобразить полный заголовок страницы во вкладке браузера.

Всем привет. Вы наверняка обращали внимание, что во вкладках браузера заголовок страницы или название блога отображается не полностью если он достаточно длинный. Вроде бы и мелочь, но это можно исправить. Итак, как сделать бегущий заголовок страницы, который отобразить название полностью и привлечёт внимание, когда при работе у вас много открытых вкладок.
Посмотрите, чтобы понять о чём идёт речь. Думаю, что моя постоянная читательница Олеся Царёва не обидится на меня за то, что попала в моё поле зрения именно страница её блога "Мой бесконечный декретный отпуск или каникулы строгого режима". Сами видите, что название достаточно длинное и видна только часть его.

С помощью небольшого JavaScript можно это изменить. И чтобы посмотреть что будет в итоге перейдите на тестовый блог и обратите своё внимание на строку в браузере.
Реализуется это достаточно просто. Скопируйте следующий код.

<b:if cond='data:blog.pageType ==  &quot;index&quot;'><script>var title=&quot;  <data:blog.pageTitle/> &quot;;var speed=200;var  mpse=null;function  rotulo_title(){document.title=title;title=title.substring(1,title.length)+title.charAt(0);mpse=setTimeout(&quot;rotulo_title()&quot;,speed)}rotulo_title();</script>  <b:else/><script>var title=&quot;  <data:blog.pageName/> &quot;;var speed=200;var  mpse=null;function  rotulo_title(){document.title=title;title=title.substring(1,title.length)+title.charAt(0);mpse=setTimeout(&quot;rotulo_title()&quot;,speed)}rotulo_title();</script></b:if>

Теперь заходим во вкладку шаблон-изменить HTML. Находим закрывающийся тег </head>и над ним устанавливайте скопированное.

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

Ещё можно воспользоваться другим вариантом, о котором шла речь в этом сообщении.

Всем спасибо за внимание. До новых встреч.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email