18.10.09

Сделать на Blogger'е сайт - Убираем лишнее!

89 comments

Здравствуйте! Вот под такой маской мы и будем прятать некоторые характерные Blogger'овские признаки.

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

Да, это возможно сделать! Да на мой взгляд это очень экономный способ создания сайтов (особенно сайтов визиток без реализации на них системы приема заказов, оплаты и т.д.). Если вы когда-нибудь возьметесь создать бизнес-сайт для приятелей, для себя или за деньги вам придется найти красивый шаблон, придумать систему навигации: что показываем на горизонтальном меню, что на боковой/боковых колонках. Как организовать посты по ярлыкам или по датам, чтобы иногда показывать сразу несколько подряд. И об этом обо всем я вам рассказывать не буду. Я только дам несколько идей, что можно "удалить" из шаблона или изменить в настройках, чтобы ваш блог выглядел максимально похоже на сайт.

Что же, давайте попробуем... Еще раз повторю Блоггерам этого делать не надо!


1. Какие возможно вам захочется сделать изменения в настройках:

Итак, Панель инструментов -- Настройки

1) На вкладке Основные сведения возможно вы захотите поставить напротив параметра
Показывать ссылки на отправку электронной почты? Нет

2) На вкладке Форматирование возможно стоит изменить количество сообщений на главной странице - это самый первый параметр
Показать -- ставим 1 сообщение, которое будет как бы главной страницей нашего сайта, в конце концов в одно сообщение можно поместить все что угодно.

3) На вкладке Комментарии можно поменять значение параметров

Настройка по умолчанию для комментариев в сообщениях на У новых сообщений нет комментариев (это чтобы не забывать отключать комментарии). Комментарии можно потом включить только в одно сообщение, которое назвать "Мнение заказчиков" или "Гостевая книга" и это будет очень неплохо смотреться.

Обратные ссылки поставим Скрыть

Настройка по умолчанию для обратных ссылок в сообщениях ставим В новых сообщениях нет обратных ссылок

2. Теперь будем убирать из шаблона всю дополнительную, ненужную информацию. Ведь все нужное вы ведь и так способны руками написать в сообщении: и автора если надо -- не обязательно показывать ваш Blogger'овский профайл на ЭТОМ проекте и дату публикации и даже ярлыки, которые вы возможно будете использовать.

Для начала пара слов о технике безопасности:

А. НЕ ЗАБЫТЬ СДЕЛАТЬ РЕЗЕРВНУЮ КОПИЮ ШАБЛОНА!
Б. Все изменения выполнять пошагово. После каждого сделанного изменения нажимать кнопку ПРОСМОТР и если все выглядит хорошо СОХРАНИТЬ ИЗМЕНЕНИЯ.

Все изменения делаем при поставленной галочке на Расширить шаблоны виджета

1) Убираем Ссылку на автора (она не совсем ссылка, но неважно, мы её все равно удалим)

Ищем и убираем из шаблона следующий кусок кода:
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>

Искать можно по строке data:top.authorLabel

2) Убираем Отметку времени (в конце поста).

Как правило за куском кода из предыдущего пункта следует кусок кода, описывающий Отметку времени:
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
Его находим с помощью следующих характерных подстрок data:top.showTimestamp или data:post.timestamp и удаляем.

3) Убираем Дату перед постом. В обычных шаблонах ей соответствует код:
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
Его находим по подстроке data:post.dateHeader и удаляем.


4) Удаляем Blogger'овскую навигацию (т.е. ссылки Предыдущие, Следующие, Главная страница) из вашего шаблона.

Находим строчку
<b:include name='nextprev'/>
и удаляем её.

5) Возможно вам не нравится строчка внизу вашего блога (ой, простите, сайта): Subscribe to: Posts (Atom) (Трюк взят из блога Кайла, на ведение которого я его старательно подбиваю As The Donut Turns!)

Её тоже можно убрать. Для этого мы вставим строчку.
.feed-links {display: none; }
А вставить её можно сразу после строчки <b:skin><!--[CDATA[</span>

6) Про то как убрать Navbar я уже рассказывала.

7) Если вы решили использовать Ярлыки для структуризации информации на вашем сайте, сделанном на движке Blogger, то

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

Находим в шаблоне строчки:

<a expr:href='data:post.url'><data:post.title/></a>

и всех из заменяем её на
<data:post.title/>

б) не захотите показывать ярлыки внизу сообщения

Находим кусок кода:
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
и удаляем его

в) так как Blogger'овскую навигацию Предыдущие - Следующие мы удалили, захотите показывать сразу ВСЕ сообщения с данным ярлыком на одной странице. Тогда к url ярлыка надо дописать ?max-results=100 уж больше 100 сообщений на одну тему у вас же не будет (мы вообще разговариваем о создании небольшого сайтика) по умолчанию постов будет показано не более 25 (так что этот совет наверное вам не потребуется).

г) возможно статусное сообщение Blogger'а типа:

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

вас тоже не порадует. И его мы тоже уберем.

Не расширяя шаблонов виджета, находим строчку:

]]></b:skin>

и ПЕРЕД ней вставляем следующий код:
#main .status-msg-border {
height: 0px;
visibility: hidden;
display: none;
}

#main .status-msg-body {
height: 0px;
visibility: hidden;
display: none;
}

#main .status-msg-wrap {
height: 0px;
visibility: hidden;
display: none;
}

#main .status-msg-hidden {
height: 0px;
visibility: hidden;
display: none;
}

#main .status-msg-border {
height: 0px;
visibility: hidden;
display: none;
}

#main .status-msg-wrap {
height: 0px;
visibility: hidden;
display: none;
}

#main .status-msg-bg {
height: 0px;
visibility: hidden;
display: none;
}

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

Если будут еще вопросы на эту тему (а вы, пожалуйста, задавайте их) ответы буду дописывать прямо здесь...

Рекомендации 1, 2, 7б я попыталась здесь написать в самом общем виде. Издержкой этого подхода могут быть пустые блоки (полоски) под постом. Добиться удаления этой информации можно проще: для этого удалить ВЕСЬ БЛОК начинающийся с

<div class='post-footer-line post-footer-line-1'>
и до закрывающего </div>

Проблема может быть только одна - у вас в шаблоне может строчки <div class='post-footer-line post-footer-line-1'> и не найтись, вернее будет что-то аналогичное, но с другим именем.

Всем Удачи и Счастья!
Света
Blogger: кошка.

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

8.10.09

Blogger: Новый переводчик от Google.

68 comments

Google стирает границы!

Всем доброго времени суток! Ребята из Google проделали невероятную работу и обновили (на самом деле разработали) фантастический online переводчик. Опробовав это переводчик в течении недели, осмелюсь сказать, что ЭТОТ переводчик - лучшее, что сейчас есть в области автоматического перевода страниц:

1) Кроме того что он работает теперь с 52 языками (т.е. вашу страницу теперь можно перевести на 51 язык);
2) Качество перевода радикально улучшилось;
3) Теперь он переводит даже тексты опубликованные на странице по средством JavaScript'а.

Работает он как и все в интернете в зависимости от браузера. Пожалуй из недостатков я могу отметить только одно: он как все у Google слишком умный. И в настоящий момент невозможно управлять появлением верхней (светло голобой) панели управления переводом. Т.е. в зависимости настроек языка в браузере Переводчик показывает верхнюю панель сразу и предлагает перевести страницу на язык настроенный в браузере вашего компьютера или панель перевода показана не будет, а будет показана только если вы выберете в гаджете переводчика язык, на котором хотели бы почитать эту страницу.

Разумеется, это только ваш выбор устанавливать у себя этот переводчик или нет. Если для вас важно чтобы иноязычные посетители легко читали вашу страницу - я его очень рекомендую (несмотря даже на эту светло голубую панель перевода, которая иногда может выглядеть неуместно).

Код можно получить по адресу: http://translate.google.com/translate_tools Вы выбираете язык с которого будет осуществляться перевод (язык, на котором вы пишите статьи) и языки на которые вы хотите чтобы был возможен перевод (я выбрала, что переводить нужно на ВСЕ доступные языки).

И вот такой код я получила для этого блога:
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ru'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Ни добавить ни убавить в этом коде почти нечего. Разве что у Кайла в блоге Windows to Russia мы немножко повозились вписывая его (гаджет перевода) в дизайн блога:
И код в результате получился такой:
<center><div id="google_translate_element" style=" padding: 10px 0px 0px 700px;"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></center>
Все изменения я выделила и подробно их описывать не буду. Только хочу чтобы вы знали, что скрипт можно заключить в теги center - и тогда он разместится по центру. В тег div можно добавить описатель стиля style и двигать гаджет с помощью него, и кстати div можно заменить на пример span.

Как всегда гаджет добавляем на вкладке Дизайн нашей Панели инструментов. Кликаем на Добавить гаджет и из списка доступных гаджетов выбираем прямоугольничек на котором написано Html/Javascript.

И еще несколько слов о переводчике Google:
1) Если вы НЕ хотите чтобы Переводчик Google переводил вашу страницу в метатеги добавьте строчку: <meta name="google" value="notranslate">

2) Чтобы не был выполнен перевод отдельных частей вашей страницы добавьте class="notranslate" в Html - элемент документа или еще проще поместите вокруг куска, который вы не хотите переводить теги <span class="notranslate"> и </span>

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

И Пусть Мир Вас Понимает!
Света
PS О других автоматических переводчиках в интернете читаем:Blogger: Переводчик у вас в болге!

Blogger: кошка.

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

3.10.09

Blogger: Как вставить 'Читать дальше' и чтобы боковая колонка осталась на месте.

66 comments

Blogger 10!У Blogger'а юбилей!
Blogger'у сравнялось 10!
Blogger дарит подарки!

... а мы учимся их использовать ;)

Сегодня мы с вами поговорим об одном из самых долгожданных Blogger'овских подарках о встроенном в редактор Blogger'а кате или ссылки Читать далее. Объявлена эта возможность уже довольно давно и я, как и все люди следящие за развитием Blogger'а , её попробовала сразу после объявления... В то время я заканчивала писать другую статью, а потом собиралась очень коротко об этой возможности написать... И тут со всех сторон посыпались жалобы на этот самый Blogger'овский кат: люди писали письма и комментарии, спрашивали в Russian Blogger Help Group (по-русски). Люди жаловались, что при использовании встроенного Blogger'овского ката, боковая колонка сваливается в самый низ блога(!)

Глядя на все это я поняла, что пост про новый Blogger'овский кат я писать НЕ БУДУ пока эта проблема не будет решена. Теперь решение найдено и в этом посте я объединю сразу два: о новой опции редактора Blogger'а - встроенном в редактор кате и о решении проблемы сползания (уползания) боковой колонки.

Но давайте обо всем по порядку.
Читать дальше...

Популярные сообщения