Убираем лишнее из формы комментариев блога на Blogger

Ускорение загрузки блога на Blogger за счёт удаления из шаблона формы комментариев всего лишнего. Статья рассчитана на продвинутого пользователя и требует чёткого понимания того, что вы делаете. Однако результат стоит затраченного времени на 100%.

Валидность тега NOINDEX от Яндекса

С появлением тега NOINDEX, предложенного компанией Яндекс в качестве альтернативы атрибуту rel="nofollow", многие сайты стали активно пихать его для скрытия от робота фрагметов HTML-кода. Проблема в том, что тег NOINDEX не входит в официальный спецификации языков гипертекстовой разметки веб-страниц HTML. В результате HTML-код таких страниц получался не валидным.

Как поделиться ссылкой в социальных сетях?

Самыми распространенными гаджетами в наше время являются социальные кнопки. Что это такое? Это инструмент, позволяющий пользователю поделиться понравившимся материалом с друзьями. При этом вариантов его реализации достаточно много. Начиная с простой ссылки на скрипт публикации и заканчивая динамической кнопкой.

Более того, появились сторонние сервисы, обеспечивающие объединение инструментов публикации ссылок в различных социальных сетях. Взять, к примеру, блок «Поделиться», который предлагает сервис Яндекс API. Простой и удобный, он выполняет всего одну функцию – share (с англ. делиться). Вот только получается слишком много кода и мало возможностей для индивидуального оформления. В своей статье я хочу предложить вам более интересное решение. При этом будет использоваться стандартный: share.yandex.ru/go.xml. Если с этим разобрали, давайте копнём глубже?

Что такое картинка, где хранить и как её вставить на сайт?

Интернет постепенно переходит от текстовых, к визуальным видам подачи информации. Картинки, фото, графики и т.д. стали промежуточным этапом на этом пути, будущее мне видится за видеоконтентом и подкастингам. Тормозит этот процесс только отсутствие полноценной технической обработки такого рода контента.

Так что текст и картинки, ещё долго будут актуальны в сети Интернет. Нюанс заключается в том, что вам следует знать: что такое электронная картинка, где её можно/нужно хранить, а также как вставить картинку на сайт? В рамках данной статьи я постараюсь рассказать вам об этом, коротко и доступно.

Индексация и поиск картинок

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

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

Firefox и target="_blank" в ссылках - простое решение простой проблемы

Дорогие друзья, я люблю писать статьи по мере решения проблем. Хотя, сами проблемы не люблю. Вот и в этот раз спешу поделиться с вами решением простой, но потребовавшей от меня внимания проблемы.

Речь идет о поведение браузера Firefox на указную в ссылке цель. Если вы еще не догадались, то я говорю об атрибуте target. В моём случае браузер просто игнорировал его значение и открывал ссылку в текущем окне. Должен признать, в этом была моя вина, но всё по порядку.

Как Вам выделить комментарии автора блога в Blogger?

Дорогие друзья, с недавних пор разработчики сервиса для ведения блогов Blogger несколько обновили систему комментирования, и хоть самого нужного в ней не появилось, по крайней мере, одна фишка привлекла мое внимание.

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

Примеры оформление ссылок в тексте

Дорогие друзья, о том, что такое гиперссылки и как ими пользоваться я уже рассказывал. Теперь пришло время уделить внимание их оформлению. Здесь очень много вариантов. Возможности CSS достаточно велики. Поэтому я остановлюсь лишь на краткой теории и одном нестандартном решении оформлении ссылок.

В частности, вы узнаете о некоторых CSS-свойствах, состояниях ссылок, разберётесь с настройками браузера по оформлению ссылок, а также научитесь создавать ссылки с нестандартным подчёркиванием. Приступим?

Полосатая таблица в стиле зебры средствами CSS

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

В этой статья я расскажу вам о том, как вам можно оформить любой набор HTML-элементов в стиле зебры средствами CSS, т.е. когда чередуются светлая и темная строки, а в результате получается полосатая таблица. На счет полосатой таблицы это я к тому, что именно её я буду создавать в качестве примера, а вы уж смотрите сами.

JavaScript: отметить все чекбоксы (chekbox) без jQuery

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

Вот и в этот раз вместо того, чтобы рассказать вам о том, как отметить все чекбоксы в JavaScript я позволю себе посетовать на пагубное влияние библиотеки jQuery на неокрепшие умы веб программистов и просто любителей вроде меня. Как говорится: жить стало хорошо, жить стало веселее – но что-то явно не так. Не верите?

Как установить cellpading и cellspacing для таблицы в CSS?

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

Если верить документации HTML5, то у тега table пропали многие атрибуты. Фактически у table есть ряд старых и новых глобальных атрибутов, а также еще что-то. Никаких вам width и height, border, align и valign атрибутов, а также cellpading и cellspacing. Все это постепенно передается в загребущие лапки языка описания внешнего вида документа, т.е. CSS. По сути, логично и правильно, но зато сложнее. Впрочем, вернемся к нашим таблицам.

Как вам уменьшить число переадресаций на сайте?

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

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

Как вставить спецсимволы HTML?

Если вы являетесь пользователем такой социальной сети как В Контакте, или просто посещали ее страницы, вам доводилось встречаться с сообщениями, статусами и т.д. украшенными спецсимволами. Как же это сделать? Нажмите кнопку «Пуск» и перейдите на вкладку «Все программы». Затем выберите пункт «Стандартные», далее «Служебные» и здесь находим и вызываем утилиту «Таблица символов».

Выберите из списка понравившийся вам символ и нажмите кнопку «Выбрать». Он появится в поле «Для копирования». Операцию можно повторить до получения требуемой строки символов. Теперь вы можете нажать кнопку «Копировать» и полученная строка попадет в память компьютера. Внешне это никак не проявится. Тем не менее, теперь вы можете вставить получившуюся строку в любое текстовое поле, нажав одновременна кнопки Ctrl+v. С учетом приведенного примера мы получим строку: ☺♥♥♥.

Растолкованный Author Rank и сведения об авторе в результатах поиска Google

Дорогие друзья, пользуясь поисковой системой Google, вы, наверное, уже замечали, что некоторые ссылки в поисковой выдаче имеют расширенный набор сниппетов. Например: фото и ФИО автора, дату публикации и т.д. Понятно, что такие ссылки более заметны, а значит и кликкабельны.

Также следует учесть и то, что со вступлением в силу обновления Пингвин 2.0 активизировался интерес к такому параметру как Author Rank, непосредственно влияющему на позицию сайта в поисковой выдаче. Вот почему столь важно связать наш сайт со своим профилем в социальной сети Google+, но всё по порядку.

Как очистить пост блога от мусора Microsoft Word?

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

В этом посте я хочу рассказать вам о том, как следует подготавливать посты блога. Сюда войдут: подготовка постов в MS Word, очистка кода сервисом «Реформатор» и особенности работы с визуальными редакторами, которыми так часто пользуются новички. Если вы не желаете разводить мусор в своём блоге, рекомендую уделить внимание данной теме. Приступим?

Коротко о HTML для чайников

Дорогие друзья, уже давно хотел написать что-то о HTML для чайников. Только учтите, что говоря «чайник» я подразумевая человека, начинающего познавать HTML, а не кухонную утварь. Если с этим разобрались, то стоит отметить, что HTML это очень много и мало одновременно. Говоря об этом языке разметки вам достаточно узнать что такое тег, атрибут, элемент, иерархия и структура HTML-документа – вот и всё. Но всего становится слишком много, если вдаваться в детали.

Поэтому я обойдусь без подробностей и остановлюсь лишь на самом основном. Не знаю, получится у меня это или нет, но давайте попробуем. Главное, не стесняйтесь задавать вопросы. Ведь, как обычно, я буду непроизвольно использовать жаргонные словечки и прочую абракадабру. У каждого свои недостатки. Приступим?

Панель социальных кнопок на вашем сайте

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

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

Выезжающая боковая вкладка (div) с виджетом Facebook на jQuery

Дорогие друзья, человек всегда стремится к чему-то прекрасному. Не зная, что это такое он хватается за всё, что ему нравится. Это нормально и закономерно. Блоги часто обвешивают всякими фишечками и рюшечками. Это то, что вам нравится? Тогда я вам расскажу, как сделать выезжающую боковую вкладку (div) с виджетом Facebook на jQuery.

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

Полезные сервисы и шпаргалка по HTML5 и CSS3

Всем привет! Похоже, что HTML 5 и CSS 3 завладел умами вебмастеров. Вот только до полной их интеграции очень далеко. Доля устаревших браузеров слишком велика. Да и в новых браузерах реализовано далеко не всё. Похоже, что HTML 5 и CSS 3 оказались слишком радикальными новинками. По крайней мере, Рунету понадобится ещё лет 10 пока оно всё сможет прижиться на наших сайтах. Тем не менее, уже сейчас надо браться за ум и начинать изучения современные стандарты.

В данном посте я хочу предложить вам подборку сервисов, которые наглядно продемонстрируют возможности HTML 5 и CSS 3, а также будут полезны для тех, кто желает разобраться с новыми стандартами. Уточню. Приступим?

Оформления текста веб-страниц и Google Web Fonts

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

Всё изменилось с появлением в CSS правила @font-face, которое позволяет определить настройки используемых шрифтов, а главное подгружать отсутствующие у пользователя шрифты. В рамках данного вопроса я также предлагаю рассмотреть такой сервис как Google Web Fonts. Он представляет собой коллекцию бесплатных шрифтов, в том числе и с кириллицей. Эти шрифты можно скачать и/или подключить к сайту. Вот об этом, обо всём я и расскажу в данном посте.