Показаны сообщения с ярлыком hacks. Показать все сообщения
Показаны сообщения с ярлыком hacks. Показать все сообщения

воскресенье, 8 мая 2011 г.

Виджет "Последниее сообщения" Blogger

Как показать анонсы последних постов (где-нибудь) на странице блога? Для этого в Blogger есть виджет, в котором используются возможности движка, а не ява-скрипты, или RSS-фиды. Причем, в настройках виджета можно задать количество показываемых знаков в анонсе. Описания команды data:renderingUrl пока не нашел, как впрочем и большинства команд "data: " Зато нашел изрядное количество кустарных ссылок (из блогов). Вот внизу пример (код скопирован внизу)
...в Blogspote этого можно добиться и без всяких плагинов. А вот пример объяснения похожего скрипта

вторник, 19 апреля 2011 г.

Разные шаблоны для разных страниц Blogger (1)


Менять шаблон конечно нельзя. Но можно не показывать отдельные блоки на разных типах страниц. Согласно справочному руководству Blogger (клик по картинке) есть три типа страниц: index, item, arhive. Потом появились еще static_page статичные страницы (на сегодня их можно добавлять до 10 штук). И, наконец, вот оно - счастье, можно использовать условие по URL, оно подойдет и для конкретных статичных страниц, и для страниц по меткам... (надо, кстати, попробовать,  как работают страницы с URL, содержащими "? ")
Не следует забывать, что помимо условия "==" есть еще "=!"..., посмотреть примеры использования условий "b:if" можно в любом (собственном) штатном шаблоне Blogger. 
Вот пример c CSS...,  боковая панель загружается
 в броузер и не отображается. Не лучший вариант...
<b:if cond='data:blog.pageType == quot;static_page quot;'>
<style type="text/css">
#sidebar-wrapper{display:none;}
.post {width:680px;}
</style>
</b:if >
<b:if cond='data:blog.pageType ==quot;static_pagequot;>
Static Pages
</ b: if>
<b:if cond='data:blog.url == 'Specific_Post_Url>
This will appear on the page specific posts
</ b: if>
Осталось только выяснить, перед какими тегами "div" нужно всатвлять условия "b:if", но этот вопрос не кажется сложным..., потому пвернемся к нему позже. А вот вопрос о том, как задавать условие для страниц с ярлыками остается открытым, здесь не него пытались ответить, но не получилось. А вот здесь автор подал идею, как использовать URL адрес метки, вот фрагменты кода с не очень понятными тегами...

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

Условное форматирование изображений в Blogger


......
.h40 {
height: 40px;

]]></b:skin>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.h40 {
height: 150px;
} </style>
</b:if>

На главной странице картинка поста не должна быть большой, а вот на отдельной странице ее можно развернуть во всю ширь, вернее "высь". Для этого можно задать несколько новых классов, допустим h0 h40 h200 h400 и переприсвоить их в шаблоне Blogger в зависимости от вида страницы. Если присваивать изображению сразу два класса (клик по картинке), то можно менять не только размер, но и выравнивание, например... вот вставка в шаблон ("мой" одна колонка) дополнительного класса .h40 и условия b:if  
Поскольку оболочка b:skin может быть только одна, то приходится после нее вставлять тег таблицы стилей и переопределять класс. Название класса, кстати, должно начинаться с буквы..., и все надо бы включать в CDATA...
А вот (не очень удачный) пример использования условий в шаблоне блоггер.
Они интересуют нас только как шаблоны кода, поскольку
Blogger с тех пор внедрил сплиттер "Read more".
Как создавать расширяемые краткие описания сообщений?Условные CSS

вторник, 12 апреля 2011 г.

Как убрать "Read more" из шаблона SE1 (одна колонка)

Попытался найти "Read more" при помощи обычного поиска на странице в Сomodo Dragon (клона Google Chrome). Не тут то было, даже при поиске в расширенном шаблоне броузер ничего не "увидел". Чудеса! Пришлось искать по "showlink" (воспользовавшись FireBug).
Сначала просто закомментировал весь тег "span", опять промашка... на странице исчезли иконки "Share this". Надо было "Read more" вычистить, а тег  оставить...
<span id='showlink'><a expr:href='data:post.url'/>Read more</span>
<span id='showlink'><a expr:href='data:post.url'/></span>