BloggaRolla
Онлайн-генератор веб-цветов
Онлайн-подбор оптимальных веб-цветов для сайта
Онлайн-редактор HTML
Цветовой онлайн-калькулятор
Онлайн-калькулятор
Онлайн-рисовалка PencilMadness
  • Web
  • Images
  • News
  • Videos
  воскресенье, февраля 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:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  четверг, апреля 28, 2011  

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

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

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

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

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

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

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

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

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

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

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