Ну вот и свершилось! Пока кое-кто предлагал premium-версию шаблона Blogger Revolution Church исключительно за деньги, другие не сидели “сложа руки” – результат этих усилий получился значительно лучше, чем у кое-кого 😉 , названного выше.
Разумеется, пришлось кое-что подправлять. В частности, “карусель” оригинала работает на Smooth Gallery 2.0 (mootools 1.11), я переделал на версию 2.1 (mootools 1.2.1). Как это выглядит можно посмотреть на Блогосфере.
Установка
Установка стандартная. Загрузить файл шаблона темы и сохранить изменения. Но, естественно, перед загрузкой необходимо произвести некоторые манипуляции с кодом. А что делать? Сложная тема в Blogger требует работы руками …
Revolution Church for Blogger (rus) (10,6 КиБ, 1 887 скачиваний)
Шаблон XML темы для Blogger premium класса Revolution Church
Настройка “карусели”
Для работы “карусели” анонсов, требуется загрузка javascript-библиотеки Smooth Gallery. Разместить её можно на любом файл-хостинге. В случае, если хостинг не поддерживает разветвлённую структуру директорий, воспользуйтесь “плоской” моделью …
Smooth Gallery 2.1 (98,6 КиБ, 1 516 скачиваний)
Библиотека для вывода "карусели" анонсов.
Smooth Gallery 2.1 ("flat") (74,7 КиБ, 1 401 скачиваний)
Библиотека для вывода "карусели" анонсов. "Плоская" версия, для размещения на хостах не поддерживающих структуры папок (директорий).
|
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-библиотеку.
minimus Right Slavic Numerals 1.0 (885 байт, 1 407 скачиваний)
Библиотека для правильного отображения множественного числа при употреблении с числительными в славянских языках.
Настройка выпадающих меню
Настройка выпадающих меню этой темы полностью идентична настройке для стандартной тымы Revolution Church.
И последнее … Не забудьте заменить в следующем фрагменте кода YOUR-FILE-HOST-NAME на реальный хост файлов
|
1 |
© 2009 – 2014, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.
Хотелось бы в правом углу оставить видео от ютуба как в оригинальной версии, подскажите как его можно вставить.
Заметил, что не возможно менять заголовок. В шаблоне меняешь – после сохранения возвращается старый. Как решить проблему?
можно ли такую карусел встроить в стандартную тему для блогера?Если да объясниет пожалуйста как
Можно! Но тема очень обширная для комментария. В ближайшее время опишу весь процесс в статье. Так что, спасибо за тему статьи! 😉
скажите плз как анонс в простую тему вставить и чтоб только на главной странице он был. Заранее спс
ой сори второй раз написал не увидел ) Жду с нетерпение новой темы про карусель!
немогу дождаться выхода вашей статьи про “карусель”) минуты считаю уже )
Карусели бывают разные, как по внешнему виду, так и по используемому фреймворку … Хотелось бы написать толковую статью, а не отписку 😉 Если интересно, придется подождать – много материала. Нужно переработать так, чтобы даже новичкам было понятно … 🙂
Зашел на ваш сайт в поисках информации о слайдере-“карусель”.
Жду с нетерпением выхода вашей статьи про “карусель”!
Работаю … 😉
minimus, спасибо за ваши ответы.
Я нашел руководство на русском языке (на английском их больше), где объясняется как вставить в блог слайдер-“карусель”. Но этот слайдер просто устроен, то есть нужно постоянно при изменении рисунка и ссылки на пост править вручную код.
Возможно ли в вашей статье написать о том, как указать номер ID для избранной рубрике и количество постов? И как это прописать в коде шаблона для WP?
Ну а если вы напишите просто о сложном: как управлять слайдером из админки WP – это будет фантастика!
Попробую …
Кстати, совсем забыл, давно это было 😉 Здесь я описывал как настроить карусель Featured Content Gallery (Smooth Gallery для WordPress).
Подскажите, пожалуйста, если я через германский прокси зайду на ваш сайт, то в моем комментарии будет германский флаг?
Видимо да …
Подскажите, пожалуйста, почему у некоторых комментаторов в комментариях отображается только флаг, а у других, в том числе и у меня, еще и ОС и браузер? Очень интересно!
Если не определяется что-либо, то и не показывается …
Сегодня не буду задавать технических вопросов. Хочу просто написать о том, что мне нужен ваш блог, как источник ценной для меня информации.
Спасибо, что вы тратите свое время на поддержание блога в актуальном состоянии.
Очень красивая тема!
>Если не определяется что-либо, то и не показывается …
Странно, в моих комментариях страна отображается “ROMANIA”, хотя пишу “из России” 🙂
>ограничение по траффику – 300 посещений в сутки
То-есть, у меня на блоггере максимум 300 посещений в сутки?
1. Это плагин ZippooFlag. Плагин старый, давно не обновлялся, а по сему, может путать IP … 😉
2. Да, всего 300 – бесплатная платформа … Может, конечно, что-то изменилось со времени выхода статьи, но я ничего об этом не слышал (blogspot), а Google Pages уже не существует …
Привет БлогоВод.
Помоги решить такую проблему, сделал бложок один и при открытии любой страницы он не раскрывается польностью. Т.е. при нажатии Read More страница полностью не раскрывается, как исправить ситуацию? посмотреть можно здесь //novocherkassk01.blogspot.com/
Здравствуйте, я вас спросил по э-маилу на счет данного шаблона, ответьте пожалуйста
Я сейчас занят. Как только освобожусь, отвечу по e-mail.
Ну раз вы заняты и не отвечаете по почте, а отвечаете на комментарии на сайте, то я прошу здесь. Расширенная версия шаблона Revolution Church для блоггера на вашем блоге отличается от предыдущей только тем, что в ней карусель? И можно ли сделать в блогере чтобы карусель отображалась только на главной станице, как это у вас на блоге?
Отличная работа, молодец. Попробую себе поставить на блогер, а то у меня там вроде вообще какая-то пакость стоит.