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

Лучшие шаблоны для блоггер: Stone Room

шаблон для блоггер 

Скачать

Очень красивый проработанный шаблон для блоггер.  Абсолютно все элементы шаблона работают. Красивый дизайн, а так же очень удобное меню делают его одним из лучших шаблонов для блоггер.


Настройка шаблона:
1. Слайд шоу:
Добавляем Html/Java script перед статьями блога следующий скрипт:
<li class="s3sliderImage">
<a href="Your Post Link"><img alt="Post Image" width="546px" src="http://dergty.fileave.com/769ce0b32ead0612bfb65f6240dc.jpg" height="200px" /></a>
<span>
<a class="featured-title block" href="Your Post Link" rel="bookmark" title="Your Post Title">Title Here</a><br />
</span>
</li>
<li class="s3sliderImage">
<a href="Your Post Link"><img alt="Post Image" width="546px" src="http://dergty.fileave.com/1108_hip_hop_culture.jpg" height="200px" /></a>
<span>
<a class="featured-title block" href="Your Post Link" rel="bookmark" title="Your Post Title">Title Here</a><br />
</span>
</li>
<li class="s3sliderImage">
<a href="Your Post Link"><img alt="Post Image" width="546px" src="http://dergty.fileave.com/1264753718_main.jpg" height="200px" /></a>
<span>
<a class="featured-title block" href="Your Post Link" rel="bookmark" title="Your Post Title">Title Here</a><br />
</span>
</li>
<li class="s3sliderImage">
<a href="Your Post Link"><img alt="Post Image" width="546px" src="http://dergty.fileave.com/hiphopblue2.jpg" height="200px" /></a>
<span>
<a class="featured-title block" href="Your Post Link" rel="bookmark" title="Your Post Title">Title Here</a><br />
</span>
</li>
<li class="s3sliderImage">
<a href="Your Post Link"><img alt="Post Image" width="546px" src="http://dergty.fileave.com/rap.jpg" height="200px" /></a>
<span>
<a class="featured-title block" href="Your Post Link" rel="bookmark" title="Your Post Title">Title Here</a><br />
</span>
</li>
В каждой части скрипта необходимо поставить ссылки на свои картинки который должны быть размером 546 на 200 пикселей. Ссылки выделены красным. так же необходимо заменить название статей, и ссылки на них которые выделены зеленым.
2. Элементы меню:
Измененяем их в скрипте:
<div class='headmenuslot' onmouseout='A_color(2)' onmouseover='A_color(1)'><div class='punkt' onMouseOut='outPunkt(this);' onMouseOver='overPunkt(this);'><div class='titleamenu'><a ID='AW' href='http://dcrecordz.blogspot.com/'>Главная</a></div><div class='list_punkts'>
<div class='list_punkts_top'/>
<div class='kont'>
<table border='0' cellpadding='0' cellspacing='0' class='tabmenu' width='100%'>
    <tr>
        <td width='50%'><a href='/'>Fruity loops</a><br/><p>Обучающие статьи по работе с Fruity loops</p></td>
        <td width='50%'><a href='/'>Звукозапись</a><br/><p>Описание программ домашней звукозаписи</p></td>
    </tr>
    <tr>
        <td width='50%'><a href='/'>Сэмплы</a><br/><p>О том где найти качественные сэмплы</p></td>
        <td width='50%'><a href='/'>Отладка аппаратуры</a><br/><p>Установка и уход за музыкальной аппаратурой</p></td>
    </tr></table>
<div class='clear'/>
</div>
<div class='list_punkts_bot'/>
</div></div></div>
<div class='headmenuslot' onmouseout='A_color2(2)' onmouseover='A_color2(1)'><div class='punkt' onMouseOut='outPunkt(this);' onMouseOver='overPunkt(this);'><div class='titleamenu'><a ID='AW2' href='/'>Музыка</a></div><div class='list_punkts'>
<div class='list_punkts_top'/>
<div class='kont'>
<table border='0' cellpadding='0' cellspacing='0' class='tabmenu' width='100%'>
    <tr>
        <td width='50%'><a href='#'>Минуса</a><br/><p>Музыкальная галерея</p></td>
        <td width='50%'><a href='/'>Купить минус</a><br/><p>Галерея минусов на продажу</p></td>       
    </tr>
<tr>
<td width='50%'><a href='/'>Заказать минус</a><br/><p>Оставить запросы по заказу минуса</p></td>
        <td width='50%'><a href='/'>Плагиаты</a><br/><p>Краденная музыка звезд</p></td>
</tr>
<tr>
<td width='50%'><a href='/'>Программы</a><br/><p>Узнать где и как скачать качественные программы</p></td>
        <td width='50%'><a href='/'>Аппаратура для студии</a><br/><p>Аппаратура для домашней студии</p></td>
</tr>
</table>
</div>
<div class='list_punkts_bot'/>
</div></div></div>
<div class='headmenuslot' onmouseout='A_color3(2)' onmouseover='A_color3(1)'><div class='punkt' onMouseOut='outPunkt(this);' onMouseOver='overPunkt(this);'><div class='titleamenu'><a ID='AW3' href='/'>О Нас</a></div><div class='list_punkts'>
<div class='list_punkts_top'/>
<div class='kont'>
<table border='0' cellpadding='0' cellspacing='0' class='tabmenu' width='100%'>
    <tr>
        <td width='50%'><a href='/'>Топ музыки</a><br/><p>Что мы слушаем</p></td>
        <td width='50%'><a href='/'>Об авторе</a><br/><p>О мне</p></td>
    </tr>
    <tr>
        <td width='50%'><a href='/'>О студии</a><br/><p>О звукозаписи у нас</p></td>
        <td width='50%'><a href='/'>Submenu Item</a><br/><p>Short Description about this Item</p></td>
    </tr></table>
</div>
Названия пунктов меню меняем на свои, а так же вставляем ссылки на них перед названиями.
3. Логотип шаблона меняем в скрипте:
<a href='http://dcrecordz.blogspot.com/'><img alt='Stones WordPress Theme Released' height='86' src='http://dergty.fileave.com/hiphop3.jpg' title='На главную' width='405'/></a>
</div>
ссылку выделенную красным меняем на свою. Картинка должна быть размером 405 на 86 пикселей.
Если возникнут проблемы при настройке этого шаблона пишите в комментариях.

Комментарии

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

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

Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй. Сделать это достаточно просто! 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>   Вставьте свои ссылки, увеличьт