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

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

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

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


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

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


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

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


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

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

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

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

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

Continue reading “Плеер для блога и сайта”

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

шрифт на блог

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

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

Continue reading “Как установить понравившийся шрифт на блог в 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 файлов на комп и перезалейте  на какой нибудь хост (если конечно есть такой у Вас).


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