Ну вот и свершилось! Пока кое-кто предлагал premium-версию шаблона Blogger Revolution Church исключительно за деньги, другие не сидели “сложа руки” – результат этих усилий получился значительно лучше, чем у кое-кого 😉 , названного выше.
Разумеется, пришлось кое-что подправлять. В частности, “карусель” оригинала работает на Smooth Gallery 2.0 (mootools 1.11), я переделал на версию 2.1 (mootools 1.2.1). Как это выглядит можно посмотреть на Блогосфере.
Установка
Установка стандартная. Загрузить файл шаблона темы и сохранить изменения. Но, естественно, перед загрузкой необходимо произвести некоторые манипуляции с кодом. А что делать? Сложная тема в Blogger требует работы руками …
Настройка “карусели”
Для работы “карусели” анонсов, требуется загрузка javascript-библиотеки Smooth Gallery. Разместить её можно на любом файл-хостинге. В случае, если хостинг не поддерживает разветвлённую структуру директорий, воспользуйтесь “плоской” моделью …
Теперь сама настройка … Найдите в файле шаблона следующий код:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<div id="myGallery"> <div class="imageElement"> <h3>Featured Article #1</h3> This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ... <a class="open" title="Read More" href="//www.revolutiontwo.com/demo/church/featured/featured-article-1.htm"></a> <img class="full" src="//blogovod.fileave.com/images/b-cumulus.jpg" alt="" /> <img class="thumbnail" src="//blogovod.fileave.com/images/b-cumulus-thumbnail.jpg" alt="" /> </div> <div class="imageElement"> <h3>Featured Article #2</h3> This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ... <a class="open" title="Read More" href="//www.revolutiontwo.com/demo/church/featured/featured-article-2.htm"></a> <img class="full" src="//blogovod.fileave.com/images/streamline.jpg" alt="" /> <img class="thumbnail" src="//blogovod.fileave.com/images/streamline-thumb.jpg" alt="" /> </div> <div class="imageElement"> <h3>Featured Article #3</h3> This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ... <a class="open" title="Read More" href="//www.revolutiontwo.com/demo/church/featured/featured-article-3.htm"></a> <img class="full" src="//blogovod.fileave.com/images/wp-st.jpg" alt="" /> <img class="thumbnail" src="//blogovod.fileave.com/images/wp-sb-th.png" alt="" /> </div> </div> |
Как видим, данный фрагмент кода состоит из трёх элементов imageElement. Элементов может быть больше или меньше, но не менее двух. Каждый элемент, в свою очередь, состоит из пяти элементов (тегов):
- h3 – заголовок всплывающего анонса
- p – текст всплывающего анонса
- a (класс open) – ссылка на анонсируемую статью
- img (класс full) – большое (главное) изображение анонса. Размер 588х400 пиксел.
- img (класс thumbnail) – эскиз (миниатюра, уменьшенное изображение) главного изображения анонса. Выводится в выпадающей панели “Анонсы”. Размер 100х75 пиксел.
Настройка секций анонсов
Каждая из трёх секций состоит из трёх гаджетов HTML/Javascript. Введите ссылку на изображение и текст анонса. Чтобы между изображением и текстом был зазор, вводите ссылку на изображение следующим образом:
1 |
<img style="float: left; margin: 0px 10px 0px 0px;" src="//blogovod.fileave.com/images/b-cumulus.png" alt="" align="left" /> |
Размер изображений для верхних секций 70х70 пиксел. Длина текста не должна превышать 80 символов. Для нижней секции размер изображений – 110х110 пиксел, длина текста – 350 символов.
Для каждой секции выставьте в коде
1 |
<a href="#" rel="bookmark">Другие статьи из этой рубрики</a> |
ссылку для перехода к странице отображающей все статьи этой рубрики. Обычно она выглядит так:
1 |
http://minimus-theme-tests.blogspot.com/search/label/sample |
Правильный русский язык
Для правильного употребления множественного числа с числительными (количество комментариев) я разработал небольшую javascript-библиотеку.
Тема уже настроена на использование этой библиотеки. Скачайте и разместите на том же хосте, где разместили Smooth Gallery. Об использовании этой библиотеки в других темах и с другими славянскими языками я расскажу в ближайшее время …Настройка выпадающих меню
Настройка выпадающих меню этой темы полностью идентична настройке для стандартной тымы Revolution Church.
И последнее … Не забудьте заменить в следующем фрагменте кода YOUR-FILE-HOST-NAME на реальный хост файлов
1 |
© 2009 – 2014, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.
Спасибо. Хорошая работа!
Вопрос: можно ли как то менять цветавую схему этого шаблона? Черный как то мрачновато… 🙂
Это задумка дизайнера, альтернатива – Revolution Lifestyle. Пока её в расширенной редации для Blogger нет (бесплатной). Если разбираетесь в CSS, попробуйте сами. Картинки можно взять от Lifestyle …
Всё таки надежда на обзор женского шаблона у меня ещё жива… 🙂 Я надеюсь дождаться 🙂
Ну цвет чёрный ну никак ((( не подходит для моего блога (для мамочек).
Смена цветов была бы просто находкой… И заголовок менять картинку…
Это возможно в каком-то из представленных Вами minimus?
А Revolution Lifestyle Вас не устраивает?
Здравствуйте. Скажите пожалуйста, как сделать, чтобы в левом верхнем углу блога отображалась текущая дата? Скачал код с вашего сайта, загрузил, сейчас редактирую – но даты почему-то нет. Когда скачивал старую, не премиум версию на английском языке – она была… Заранее спасибо за ответ.
Скачайте minimus Right Slavic Numerals 1.0, эта библиотека не только правильно пишет количество комментариев, но и используется темой для вывода даты на русском языке …
Спасибо за совет. Скачал, загрузил на хостинг. Разрешите спросить, в каком месте в коде нужно прописать адрес хостинга, чтобы активизировать этот файл?
Я не слишком силен в программировании, нашел в коде кусок, отвечающий за баннер в правом верхнем углу, и хочу заменить его на свой. Мой баннер уже выложен на хостинге. Простая смена ссылки в коде делу не помогла. Надеюсь на вашу помощь =)
Если Вы поместили mrsn.js в корень, то Ваш блог её попросту не находит: [code][/code] У меня эта библиотека лежит в папке js.
Что касается рекламы … Уберите строку google_ad_host = “pub-1599271086004685”; Blogger сам выставит нужный pub.
С датами всё получилось, спасибо) В коде этих строчек с рекламой целых три, и каждый раз после удаления он автоматически их заново прописывает. Мне нужно всего лишь заменить верхний баннер на свой, статический.
И, наверно, последний вопрос. Рубрики – они ставят меня в тупик) Каким образом указать в своих записях к какой рубрике относится тот или иной пост? И нужно ли будет каждый раз после написания поста менять код? Честно говоря на данный момент это представляется мне неразрешимой задачей..
А вот с этим сложнее – Blogger не поддерживает рубрики, может быть в будущем … Я ставлю ссылки на метки. Лучше заведите блог на WordPress. 🙂
Хм.. Быть может есть возможность вообще убрать эти три меню, чтобы сразу под анонсируемыми записями шли непосредственно посты блога? В любом случае, благодарю вас за помощь)
Нужно переписывать эту тему, или взять простую Revolution Church и вставить в неё Smooth Gallery …
Понятно. Спасибо большое за помощь, больше вопросов нет)
Пожалуста!
подскажи пожалуйста как убрать карусель и рекламу на верху
Найдите строки (6..8) [code]
[/code] и удалите их.
Затем найдите строки (1093..1168) [code]
#myGallery, #myGallerySet, #flickrGallery {
width: 588px;
height: 400px;
z-index:5;
border: 1px solid #000;
}
.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 85px;
background: #000;
color: #fff;
text-indent: 0;
overflow: hidden;
}
.jdGallery .slideInfoZone h2
{
padding: 0;
font-size: 14px;
margin: 0;
margin: 2px 5px;
font-weight: bold;
color: #FFFFFF;
}
.jdGallery .slideInfoZone h3
{
padding: 0;
font-size: 14px;
margin: 0;
margin: 2px 5px;
font-weight: bold;
color: #FFFFFF;
}
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true
});
}
window.addEvent('domready',startGallery);
Featured Article #1
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...
Featured Article #2
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...
Featured Article #3
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...
[/code] и тоже их удалите. Карусель убрана!
Найдите строки (983..993) [code]<script type='text/javascript'><!--
google_ad_client = "pub-5469344909203162";
google_ad_host = "pub-1599271086004685";
/* 468x60, created 11/5/08 */
google_ad_slot = "7530352650";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script src='//pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
</script>[/code] и удалите их. Реклама в шапке убрана!
Номера строк даны как есть в исходнике (без учёта удаляемых строк)
спасибо большое
Подскажи пожалуйста я установил эту тему и все удалил как ты писал – все получилось (спасибо за помощь)
Но я пытаюсь опубликовать статью а на странице ничего не появляется ((
Рубрики не меняются ((
Увы, это Blogger! Здесь всё нужно делать руками … или возьми простую Church, там всё будет показывать автоматом.
спасибо большое
тема Revolution Church мне очень нравится только есть одна проблема (((
я пишу статьи на минимум 5 листов и больше и оно все выводит на экран и получается очень длинно
Подскажите пожалуйста как мне сделать что б было 5 строчек со статьи а дальше была надпись “Читать далее” и когда на нее нажимаешь выводилась вся статья
Почитайте здесь.
Спасибо Вам огромное. Очень внятно, понятно и доходчиво все объяснили))) Я еще позавчера вообще представления ни малейшего не имел о том, что и как делать. Благодаря Вашим пояснениям я за 2 дня смог разобраться (ну не совсем, но достаточно) на столько чтоб самому поудалять всю рекламу, подобрать цвет текста в облаке да и много много других мелочей. Тема Революция очень нравилась – и благодаря Вам – теперь она у меня. Пока только с внешним видом закончил. дальше – нужно разобраться с наполнением, рубриками, шаблонами страниц и связкой всего этого с меню и архивами. А уж затем – буду пытаться сделать тему немного светлее )))) Так что – ждите вопросов)))) тем более – отвечаете вы более чем конструктивно. Да, кстати – я внизу, в копи райте вставил цитату из Библии, но чтоб Ваши права соблюсти – я поставил ссылку на Ваш блог в разделое – избранное с названием “Помощь в блоговедении”. Еще раз спасибо.
Удачи! 😉
Минимус, а где нужно регистрироватся что бы скачивать файлы из твоего блога?
Oops! При апдейте download-manager сменился тип разрешения на скачивание – явная ошибка автора плагина 🙁 Исправляю … Поскольку файлов много, потребуется время …
Исправил 🙂
Такой вопрос… Как настроить фидбернер для рассылки обновлений по электронной почте для этого шаблона? Нужно что то менять в исходниках?
Заранее благодарен Вам за ответ.
Да, я оставил оригинальные настройки темы, а они предназначены для feedburner. Для Google Feedburner нужно менять код согласно рекомендациям Google. Обычно, подпиской по e-mail мало кто пользуется, поэтому я не стал напрягаться … 😉
Тото я смотрю не идет у меня эта фича(на гугле)… А можно ее вообще вырезать бесследно? Какой фрагмент кода вырезать?
Найдите код
и удалите его. Можно вставить что-нибудь своё … 😉
Спасибо, помогло…
Еще один трабл 🙂
Этот шаблон отрицает внедрение МЕТА-тегов, пишет такое: Сообщение об ошибке в XML: The element type “meta” must be terminated by the matching end-tag ”
Что это значит и как всетаки туда поставить мета-теги?
Этого не может быть потому, что не может быть никогда ©. Скорее всего, у Вас действительно нет закрывающего тега. Проверьте наличие слэша перед закрывающей угловой скобкой в конце тега meta …
<meta content=’грузоперевозки,тарифы,грузы,экспедитор,TIR,логистика,доставка,блог,ларди,делла, автотрансинфо’ name=’keywords’/>
<meta content=’Блог Экспедитизмы. Продуманные решения в управлении грузоперевозками.’ name=’description’/>
<meta content=’INDEX, FOLLOW’ name=’robots’/>
Код в таком виде. Что не так?
У меня в этом шаблоне стоит следующее:
[sourcecode]
[/sourcecode]
и всё работает, никто не ругается … Может Вы мимо секции head их вставили?
На главной два блока с последними новостями из этих рубрик, а сложно эти два блока интегрировать на Revolution Lifestyle ?
Уточните, пожалуйста, что именно Вы хотите …
Приведу пример с Вашего блога:
У Вас под каруселью два блока:
“Статьи из рубрики WordPress” и “Статьи из рубрики Blogger” и соответственно под каждым из них вывод статей из определённых рубрик.
Сложно ли такие же блоки вставить в шаблон Revolution Lifestyle ?
Мой блог – WordPress-блог. Речь, как я понимаю, идёт о Blogger-блоге. Попробуйте заменить картинки этой темы на картинки Lifestyle. Картинки можно взять в WordPress теме Lifestyle.
Ну пусть это не статьи из рубрики, меня просто интересует их интеграция в дургой шаблон.
Здесь – //minimusx.blogspot.com/ у Вас так же под каруселью два блока:
“Виджеты” и “XML шаблоны тем”
Их можно интегрировать в другую тему ?
Или //minimusx.blogspot.com/ тоже на ВП работает ?
Нет 😉
У меня проблема с Smooth Gallery, неработает она у меня..сделал всё как в инструкциях..
Если не тяжело, постетите мой блог и посмотрите в чём проблема дав ответ на неё тут.
Зарание благодарен..
Если Вы просите посмотреть тот блог который указали как свой сайт при комментировании, то там установлен другой шаблон, а не этот. Если речь идёт о другом блоге, дайте URL …
Доброго времени суток!
Нашла Ваш блог, когда пыталась настроить РСС в блоге. В итоге решила, что лучше удалю, благо, Вы описали как это делать. Нашла в файле sidebar нужный блок и грохнула. Но есть еще вопрос: а как удалить в самом верхнем правом углу “Публикации РСС”и “Комментарии РСС”?? Это возможно? Если да, то, плиз, для домохозяек скажите где и что нужно убрать.
Заранее спасибо.
Спасибо, уже сама нашла и вырезала в файле header.
Найдите код начинающийся на строке 912:
и удалите его …
я вырезала в файле header.php вот такое чудо-юдо:
<div class=”topnavbarright”>
<p><a href=”<?php bloginfo(‘rss_url’); ?>”><img style=”vertical-align:middle” src=”<?php bloginfo(‘template_url’); ?>/images/rss.gif” alt=”Подпишись на <?php bloginfo(‘name’); ?>” /></a><a href=”<?php bloginfo(‘rss_url’); ?>”>Публикации RSS</a><a href=”<?php bloginfo(‘comments_rss2_url’); ?>”><img style=”vertical-align:middle;margin-left:10px;” src=”<?php bloginfo(‘template_url’); ?>/images/rss.gif” alt=”Подпишись на <?php bloginfo(‘name’); ?>” /></a><a href=”<?php bloginfo(‘comments_rss2_url’); ?>”>Комментарии RSS</a></p>
</div>
И всё получилось.
Тем не менее, спасибо за ответ.