Красивый шаблон для блоггер Obscure

среда, 17 марта 2010 г.

Хочу расписать очередной шаблон для блоггер. Который на мой взгляд является очень красивым, а так же удобным и информативным. Текст абсолютно читабелен, есть два меню, слайдшоу, и прекрасный подвал в котором можно вставлять гаджеты в три колонки. Хочу сразу заметить, что я лично полностью его переработал, так что проблем с чем либо не должно возникнуть, а если же что-то все-таки произойдет, то вы всегда сможете ко мне обратиться за помощью в комментариях. Шаблон для блога полностью русифицирован как впрочем и предыдущие шаблоны описанные мной. Посмотреть Демо | Скачать .

Итак если вы заинтересовались в этом шаблоне, то  расскажу как с ним работать. Пройдемся по нему снизу доверху.

Настройка верхнего меню:

Заходим в Настройки/Изменить HTML и находим следующий скрипт:

<ul class='left' id='nav1'>
                <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>

Меняем красные названия меню, на свои. перед ними после тэга href в кавычках вставляем ссылку на свои ресурсы(выделены зеленым).

Вставляем свою шапку:

Заходим в Настройки/Дизайн/Элементы страницы и нажимаем изменить в поле заголовок:

Далее выбираем вставить логотип в виде картинки вместо названия, если вы планируете написать название блога на картинке. Вот так:

После чего нажимаем сохранить. Размер шапки в шаблоне 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>
<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>

Количество слайдов не ограничено. Чтобы поставить свою картинку вам необходимо сначала придать ей размер 590 на 280 пикселей. Что можно сделать в программе Paint.net о которой я писал в статье “Как создать уникальную шапку шаблона для блоггер”.
Сделав слайды нужного размера, заливаем их на свой хостинг , получаем ссылку на картинку и вставляем ее в скрипте вместо синего текста, вместо красного вставляем ссылку на вашу статью, вместо желтого и оранжевого пишем название и описание слайда которые будут отображаться во время их проигрывания.
О том как получить бесплатный хостинг, я писал в статьях “Бесплатный хостинг или где хранить файлы для блоггер” и “Бесплатный 2 гб хостинг от DropBox”.
Все цвета шаблона можно поменять вручную, меняя шестизначные коды цветов, после тэгов Background.
Работает нумерация страниц, гаджет подписаться на RSS и другие полезные сети.
Надеюсь вам понравиться работать с этим шаблоном. Если возникнуть вопросы по его настройке без стеснения пишите в комментариях.

Похожие статьи