BloggaRolla
Онлайн-генератор веб-цветов
Онлайн-подбор оптимальных веб-цветов для сайта
Онлайн-редактор HTML
Цветовой онлайн-калькулятор
Онлайн-калькулятор
Онлайн-рисовалка PencilMadness
  • Web
  • Images
  • News
  • Videos
  четверг, марта 22, 2012  

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

Основные прелести последних нововведений заключены в появившейся возможности правки файла robots.txt вплоть до создания собственного, о чем еще раньше владельцы блогов от Blogger могли лишь тихо мечтать, с завистью посматривая на другие CMS. Также теперь возможно указать нужное описание для КАЖДОЙ страницы блога, прописывая соответствующие мета-теги к ней. Ко всему, пользователь сможет настроить свой вариант "Страница не найдена", когда посетитель блога случайно перейдет на несуществующую страницу блога.

Новые настройки Blogger для поисковых систем

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

Новые настройки Blogger для поисковых систем

При добавлении в текст ссылок появилась функция, с помощью которой можно сразу указать открытие ссылки в новом окне (тег target="_blank") и запрет на индексацию (добавление тега rel="nofollow") посредством простой маркировки галочкой.

Новые настройки Blogger для поисковых систем

Всеми нововведениями можно воспользоваться, проследовав в административной панели блога: Настройки > Настройки поиска.

Ай да Blogger, ай да чей-то сын!

  воскресенье, февраля 26, 2012  

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

Как правило, данный трюк "прокатывает" на стандартных шаблонах, потому как в остальных все привносимые в шаблон определения будут, по сути, отличаться от уже прописанных и не работать. Соответственно, все весьма индивидуально...

Пример того, что у нас может получиться:

Пример отображения иконок у ярлыков и комментариев в посте

   

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

Как убрать дату постов в блоге.

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

  понедельник, февраля 13, 2012  

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

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

По традиции, мы против несправедливости мира, а посему скажем дружно "Ай-яй-яй" разработчикам и попробуем исправить это досадное недоразумение. Тем паче добавить комментарии Disqus на статичные страницы блога довольно просто, как оказалось, потребуется всего лишь крошечная трепанация нескольких строк кода в шаблоне.

  пятница, февраля 03, 2012  

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

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

Пример:

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

  пятница, сентября 02, 2011  

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

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

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

Дабы читатель имел представление о чем идет речь, привожу примерный вариант развития событий на изображении ниже:

Выделяем заглавные буквы заголовков в блоге

Таким образом, посредством одной небольшой правки шаблона вы сможете выделить одновременно все заглавные буквы:
  • в названиях сообщений,
  • в заголовках у виджетов боковой колонки;
  • в подписях даты.
Баловоство, но нам ничего не чуждо :)

  четверг, сентября 01, 2011  

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

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

Пример такого эффекта вы можете посмотреть ниже. Наиболее красочно неон смотрится на темном фоне.

BloggaRolla
BloggaRolla
BloggaRolla
BloggaRolla
BloggaRolla
BloggaRolla

  понедельник, августа 29, 2011  

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

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

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

Вариант 1:

Для особого выделения текста можно задействовать фоновое изображение.

Как выделить участок статьи в блоге

  пятница, августа 19, 2011  

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

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

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

Преимуществ перехода на собственный домен существует предостаточно, например, по отношению к дальнейшему развитию и монетизации блога:
  • блоги, имеющие собственный домен, во многих рекламных биржах  ранжируются выше;
  • с такими блогами чаще сотрудничают, будь то обмен постовыми или ссылками;
  • как бренд, короткое название адреса лучше запоминаемо и узнаваемо;
  • и прочее, прочее, прочее…

  среда, июля 27, 2011  

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

Я расскажу о небольшом трюке в Blogger, с помощью которого при составлении сообщений мы сможем получать уменьшенные копии изображений с высоким разрешением.

Взгляните на пример ниже. В нем показано одно и то же изображение до и после применения этого маленького трюка.

Меняем разрешения изображений в Blogger

Меняем разрешение изображений в Blogger

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

  понедельник, июля 25, 2011  

Удаляем панель навигации NAvBar
Панель NavBar является одним из лишних атрибутов блога на хостинге от Blogger, хотя с одной стороны она вполне удобна как для входа в аккаунт Google, так и для поиска по блогу. Но с другой, по сути, знаменует собой альтернативный рекламный блок платформы Blogger и не всегда приятна в плане дизайна. Ко всему, в панели NavBar присутствует ссылка "Пожаловаться на спам", что может служить неприятным инцидентом благодаря проискам недобросовестных конкурентов вашего блога. Поэтому многие пользователи стремятся искоренить ее присутствие у себя в блоге.

Существует достаточно много способов скрыть либо полностью удалить из шаблона Blogger элемент этого ненужного декора. О всех известных мне вариантах я расскажу в этом посте.
Все примеры требуют правки кода шаблона, поэтому перед манипуляциями с панелью NavBar рекомендуется сделать резервную копию шаблона для возвращения работающих функций блога в случае неправильного форматирования.
В административной панели вашего блога проследуйте Дизайн > Изменить HTML. Вы окажетесь на странице редактирования шаблона блога. Все поиски указанных ниже учасков кода выполняйте с помощью комбинации клавиш CTRL+F.

   

Настраиваем правильное отображение даты в Blogger
Редко кого из пользователей платформы Blogger привлекает стандартный выбор шаблонов как при открытии блога на сервисе Google, так и в дальнейшем.

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

Однако после смены шаблона, пользователь нередко сталкивается с небольшой проблемой в правильном отображении даты поста. Зачастую в блоге вместо чисел показывается надпись "Undefined Date".

Настраиваем правильное отображение даты в Blogger

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

  воскресенье, июля 24, 2011  

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

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

Я говорю о строках, что являются над списком сообщений читателю при переходе по любому из ярлыков Blogger:

Удалить надпись Последние сообщения с ярлыком

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

  пятница, июня 17, 2011  

Удаляем ссылку Подписаться на: сообщения (Atom)
Сегодня расскажу о маленькой, но очень гордой ссылке "Подписаться на Atom", навязчиво присутствующей в блогах от Blogger и нескольких садистских способах ее удаления.

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

Один из примеров вида ссылки Подписаться на: сообщения (Atom)

Пример ссылки Подписаться на Atom

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

  среда, апреля 27, 2011  

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

Стандартно, в нашем дорогом Blogger каждое сообщение, если ему присвоены определенные теги, имеет на опубликованной странице ссылки на них, помеченные как ярлыки такие-то (вместо такие-то читать эти самые теги). Данный трюк позволяет удалить полностью название ярлыки из сообщений либо заменить на свое. Надеюсь, вы поняли о чем я, лично я не очень, судя по тому как пространно все это объяснил.

  пятница, апреля 22, 2011  

Управляем показом гаджетов и виджетов в блоге
Как часто в жизни хочется побыть волшебником и магом! Чтобы по мановению руки все в жизни становилось хорошо и лучше. Чтобы та премиленькая девушка, которая так приглянулась в троллейбусе и которой по чудовищной случайности отдавил ногу в нем же, завтра ошиблась номером и позвонила тебе. Чтобы полугодовой долг за квартиру внезапно превратился в кучку ничего не значащих бумажек и представители коммунальных служб незамедлительно прислали письменные извинения за ненужные волнения. Чтобы в ближайшее время наконец все осознали, что твой блог невиданный доселе успешный и уникальный проект, раз сам президент всея Руси Медведев ссылается на него по каждому удобному и не очень поводу. Чтобы…много еще чего чтобы. Я уверен у каждого их наберется достаточно. Но увы и ах. Нет в жизни счастья! И приходится, сжав зубы, ползти и пробиваться самому, без чудесных и легкомысленных вмешательств судьбы. Но, кажется, в этом и есть особый шарм и смысл жизни.

  понедельник, апреля 18, 2011  

Вставка элемента HTML/JavaScript в блог
Сразу оговорюсь, что данная статья написана не для людей с ограниченным развитием личности, как можно подумать, а для тех счастливчиков, кто сравнительно недавно открыл для себя систему Blogger и сейчас совершает первые трепетные шаги в блоговодстве.

Сегодня я буду признаваться в любви пламенной и, буду надеяться, пока ответной. А именно в любви к такой замечательной штуке от Blogger как элемент HTML/JavaScript. Эдакой волшебной палочке, с помощью которой в шаблон блога без лишних заморочек можно засунуть чуть ли не труп недельной давности, с комфортом разместив его на самом видном месте или же спрятав в темный подвал.

  среда, апреля 13, 2011  

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

   

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

  вторник, марта 29, 2011  

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

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