К основному контенту

Отличный шаблон для блоггер Obscure

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


Итак если вы заинтересовались в этом шаблоне, то  расскажу как с ним работать. Пройдемся по нему снизу доверху.
Настройка верхнего меню:
Заходим в Настройки/Изменить 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 и другие полезные сети.
Надеюсь вам понравиться работать с этим шаблоном. Если возникнуть вопросы по его настройке без стеснения пишите в комментариях.

Комментарии

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


    showaddelement='no'>




    Вот что у меня без расширения шаблонов.

    ОтветитьУдалить
  2. <b:widget id='Blog2' locked='true' title='Сообщения блога'

    Ой, а скрипы-то не печатаются((( В общем, у меня строчка "Сообщения блога" идет два раза подряд.

    ОтветитьУдалить
  3. Странная вещь!
    дате ссылку на скачивание шаблона в почту, я попробую установить его и разобраться!
    Вообще такого еще не встречал!

    ОтветитьУдалить

Отправить комментарий

Популярные сообщения из этого блога

Как сделать ссылку на определенную часть той же страницы.

Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй. Сделать это достаточно просто! 1.Для начала нам необходимо присвоить определенной части текста “Якорь”, допустим Вы хотите ссылать на каую-либо часть статьи, перед началом необходимого участка текста вставьте в HTML коде статьи следующий тег : <a id=" yakor "></a> Начало текста или заголовка В качестве слова якорь выделенного красным вы можете использовать любое другое, подходящее по смыслу. 2. Теперь необходимо сделать ссылку на данный якорь. А именно в HTML коде страницы перед словом которое должно быть ссылкой ставим тэг вида: <a href="# yakor ">Слово</a> Покажу как это долж

Добавляем красивый гаджет Поделиться

Если Вы регулярно совершенствуете свой блог, то Вам пригодится данная не сложная публикация, о том как добавить красивую кнопку "Поделиться". Ее особенность в том, что при наведение курсора она раскрывается и предлагает несколько сервисов в которых можно разместить ссылку на Ваш блог. Демо можно посмотреть тут!

Открыть несколько ссылок одним кликом мыши

Многие из Вас наверняка встречали сайты, на которых нажав на одну ссылку открывается сразу несколько сайтов. Так делают те кто хочет прорекламировать независимый интернет ресурс, в таком случае открывается ссылка по которой вы должны перейти и еще одна, так-же это делают для увеличения просмотров определенных страниц на сайте, либо если действительно необходимо открыть сразу две ссылки. Для обычного блоггера это может быть полезным так как заинтересовав человека одной ссылкой Вы как бы повышаете популярность Вашего ресурса, так как он посетит вместо одной страницы в Вашем блоге сразу несколько. Чтобы вставить такую ссылку необходимо к тексту добавить следующий код: <a href="http://www.ссылка1.com/" target="_blank" onmouseover="window.open(&quot;&quot;http://www.ссылка2.com&quot;&quot;);window.open(&quot;&quot;http://www.ссылка3.com&quot;&quot;);">Click Here Link Bucket</a>   Вставьте свои ссылки, увеличьт