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, после которых все названия статей и виджетов автоматически будут иметь заглавную букву в названии, отличную от других и оформленную оригинальным образом.

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

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

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

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