HTML/JavaScript — Записки Белого Пингвина

Открыть ссылки в новой вкладке, через JavaScript

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

 

Мне всегда не хватала в стандартном меню на Blogger, одной маленькой функции…
а именно, открытия ссылок в новой вкладке. Например, поставишь в меню ссылку на сторонний ресурс (пусть даже свой) и хочется, чтобы она не уводила с блога, а возможности такой нет.
Раньше, как-то мирился с этим, но сегодня захотелось решить этот вопрос.
Ответ оказался довольна-таки прост, это использования JavaScript. Прописываешь пару строк скрипта и вопрос решён.

Приведу пример, вкладка в меню «Скачать Шаблоны/Темы«:
Копируем адрес ссылки, добавляем новый гаджет HTML/JavaScript и вписывает следующий код


Теперь, все ссылки с этим адресом будут открываться в новой вкладке.
Как по мне, так это лучше, чем устанавливать стороннее меню, тем более, блоггеровское меня вполне, теперь устраивает. 😀

Есть ещё один скрипт, который может пригодиться для открытия ссылок в новых вкладках. Он хорошо подходит для большого числа ссылок, с одинаковыми идентификаторами ID или классами class, которые нужно открыть в новых вкладках.
Для эксперимента я использовал кнопку «Подробнее«, на блоге «Шаблоны от WhitePingvin«.
Код получился такой:


Для определения, использовался класс <div class="jump-link">.

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


#ПозвониСвоимБлизким!

Плеер для блога и сайта

Не запланированный и даже неожиданный пост. Ещё с утра, даже не думал писать сегодня, но идея пришла и я не стал отказываться от неё.😄

 

Плеер на сайт
Плеер на сайт

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

Продолжить чтение «Плеер для блога и сайта»

Как установить понравившийся шрифт на блог в Blogger

шрифт на блог

Вспомнил, что когда-то хотел установить скаченный шрифт на блоге. Тогда не получилось это сделать, решил сегодня заняться этим вопросом. Вопросов могло и не быть, если блог или сайт был бы на какой нить CMS. Но Пингвин на блогспот, поэтому пришлось попотеть, кстати у нас днём +35º  в тени. 😓

Начал я с простого метода.

Продолжить чтение «Как установить понравившийся шрифт на блог в Blogger»

Подсветка синтаксиса кода — SyntaxHighlighter

Сегодня установил на блог JavaScript библиотеку для подсветки синтаксиса кода, который легко интегрируется с любыми сайтами и блогами. В нашем случае SyntaxHighlighter будем устанавливать в наш любимый Blogger.
SyntaxHighlighter
SyntaxHighlighter
 Для установки кода на блог, зайдите в панель управления Blogger — Тема — Изменить HTML. Находим <head> (обычно в начале шаблона) и вставляем чуть ниже код:






Вот так будет выглядеть подсветка синтаксиса после применения

 

Сохраните шаблон. Теперь когда Вы будете публиковать статью с кодом, ваш код вставляете в редактор сообщений в режиме HTML.
Для кода HTML:

<pre class=»brush:html»>
Здесь будет ваш код HTML
</pre>

Для «JavaScript», Вы можете использовать «JS» или «JScript» или «JavaScript»:

<pre class=»brush:JavaScript»>
Здесь ваш код JavaScript
</pre>

Ну и последнее для CSS использовать:

<pre class=»brush:css»>
Здесь ваш код CSS
</pre>

На этом всё. Ждите новых статей.

 


П.С. Если после установки, Вам понравился скрипт, то лучше скачайте все шесть JavaScript и CSS файлов на комп и перезалейте  на какой нибудь хост (если конечно есть такой у Вас).


#БудьтеДобрыиУлыбайтесьЧаще 😋

Яндекс.Метрика