Хочу расписать очередной шаблон для блоггер. Который на мой взгляд является очень красивым, а так же удобным и информативным. Текст абсолютно читабелен, есть два меню, слайдшоу, и прекрасный подвал в котором можно вставлять гаджеты в три колонки. Хочу сразу заметить, что я лично полностью его переработал, так что проблем с чем либо не должно возникнуть, а если же что-то все-таки произойдет, то вы всегда сможете ко мне обратиться за помощью в комментариях. Шаблон для блога полностью русифицирован как впрочем и предыдущие шаблоны описанные мной. Посмотреть
Итак если вы заинтересовались в этом шаблоне, то расскажу как с ним работать. Пройдемся по нему снизу доверху.
Настройка верхнего меню:
Заходим в Настройки/Изменить HTML и находим следующий скрипт:
<ul class='left' id='nav1'>Меняем красные названия меню, на свои. перед ними после тэга href в кавычках вставляем ссылку на свои ресурсы(выделены зеленым).
<li class='current_page_item' style='border:0; '><a href='http://ka4alo.blogspot.com/'>Главная</a></li>
<li class='page_item'><a href='' title='About'>О Нас</a></li>
<li class='page_item'><a href='' title='Design'>Контакты</a></li>
</ul>
Вставляем свою шапку:
Заходим в Настройки/Дизайн/Элементы страницы и нажимаем изменить в поле заголовок:
Далее выбираем вставить логотип в виде картинки вместо названия, если вы планируете написать название блога на картинке. Вот так:
После чего нажимаем сохранить. Размер шапки в шаблоне 180 Рх высотой и 1000 px шириной. Изменить размеры поля для шапки можно в теле шаблона в скрипте:
#logo {Нижнее меню блога:
height:180px;
width:1000px;
}
Нижнее меню настраиваем в так же в теле шаблона, а именно в следующем скрипте:
<div class='clearfix' id='category-menu'>Настройки в этом скрипте меню производятся точно так же как и в первом. Ищем нужный пункт, переименовываем его и вставляем ссылку на нужную страницу.
<ul class='nav superfish'>
<li class='cat-item'><a href='#'>Музыка</a>
<ul class='children'>
<li class='cat-item'><a href='http://ka4alo.blogspot.com/2010/03/blog-post.html'>Hip-Hop</a>
</li>
<li class='cat-item'><a href='http://ka4alo.blogspot.com/2010/03/rap.html'>Rap</a>
</li>
<li class='cat-item7'><a href='http://ka4alo.blogspot.com/2010/03/rnb.html'>RnB</a>
</li>
</ul>
</li>
<li class='cat-item'><a href='http://ka4alo.blogspot.com/search/label/Сериалы'>Сериалы</a>
</li>
<li class='cat-item'><a href='http://ka4alo.blogspot.com/search/label/Рестлинг'>WWE(Реслинг)</a>
</li>
<li class='cat-item'><a href='http://ka4alo.blogspot.com/search/label/Спорт онлайн'>Спорт Онлайн</a>
</li>
<li class='cat-item'><a href='http://ka4alo.blogspot.com/search/label/Фильмы'>Фильмы</a>
</li>
<li class='cat-item'><a href='http://ka4alo.blogspot.com/2010/03/blog-post_7057.html'>Клипы</a>
</li>
Слайдшоу шаблона:
Чтобы заработало слайд шоу шаблона необходимо вставить в гаджет перед статьями блога следующий скрипт:
<ul>Количество слайдов не ограничено. Чтобы поставить свою картинку вам необходимо сначала придать ей размер 590 на 280 пикселей. Что можно сделать в программе Paint.net о которой я писал в статье “Как создать уникальную шапку шаблона для блоггер”.
<li><a href="Ссылка на статью"><img border="0" alt="ваш ключевик" src="ссылка на картинку на вашем хостинге" /></a>
<div class="abstitle">
<strong><a href="YOUR POST URL">Название статьи</a></strong><span><p style="line-height:18px; ">Описание статьи</p></span></div>
</li>
<li><a href="YOUR POST URL"><img border="0" alt="Twilight Movie and Book" src="http://dergty.fileave.com/IMG0096.jpg" /></a>
<div class="abstitle">
<strong><a href="YOUR POST URL">YOUR POST TITLE</a></strong><span><p style="line-height:18px; ">YOUR DESCRIPTION [...]</p></span></div>
</li>
</ul>
Сделав слайды нужного размера, заливаем их на свой хостинг , получаем ссылку на картинку и вставляем ее в скрипте вместо синего текста, вместо красного вставляем ссылку на вашу статью, вместо желтого и оранжевого пишем название и описание слайда которые будут отображаться во время их проигрывания.
О том как получить бесплатный хостинг, я писал в статьях “Бесплатный хостинг или где хранить файлы для блоггер” и “Бесплатный 2 гб хостинг от DropBox”.
Все цвета шаблона можно поменять вручную, меняя шестизначные коды цветов, после тэгов Background.
Работает нумерация страниц, гаджет подписаться на RSS и другие полезные сети.
Надеюсь вам понравиться работать с этим шаблоном. Если возникнуть вопросы по его настройке без стеснения пишите в комментариях.
Здравствуйте,подскажите, пожалуйста, почему установленные шаблоны дублируют сообщения? Как это исправить? Пыталась удалить строчку в HTML, выдает ошибку.. Причем такая ерунда во всех шаблонах.
ОтветитьУдалитьshowaddelement='no'>
Вот что у меня без расширения шаблонов.
<b:widget id='Blog2' locked='true' title='Сообщения блога'
ОтветитьУдалитьОй, а скрипы-то не печатаются((( В общем, у меня строчка "Сообщения блога" идет два раза подряд.
Странная вещь!
ОтветитьУдалитьдате ссылку на скачивание шаблона в почту, я попробую установить его и разобраться!
Вообще такого еще не встречал!