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

Один из лучших шаблонов blogger - SimplexPro

шаблон simplexPro Сегодня расскажу как установить и настроить шаблон blogger такой же как и на моем блоге. Называется он SimplexPRo и скачать его можно по этой ссылке. Что можно отнести к преимуществам данного шаблона:
1. Много места для гаджетов, можно удобно разместить рекламу Adsens/
2. Нестандартное удобное расположение статей на главной странице.
3. Автоматический гаджет последних статей и комментариев.
4. Легкий светлый дизайн.
5. Легко настраиваемое меню которое делается при помощи ссылок, таким образом вы получаете удобную навигацию по Вашему уже не просто Блогу, а можно сказать полноценному сайту.

Итак если Вы скачали шаблон и установили его на свой блог, то можете увидеть дальше как его правильно настроить.
1. Найдите при помощи команды (ctrl+f) все ссылки в шаблоне  http://simplexdesign.blogspot.com  на свои;
2. Настройка верхнего меню:
Найдите следующий код:
<!--top navigation bar-->
<div class='headline'>
<strong class='fl'><a href="#">About me</a></strong>
</div>
<div class='headline'>
<strong class='fl'><a href="#">Contact</a></strong>
</div>
<div class='headline'>
<strong class='fl'><a href="#">Link Exchange</a></strong>
</div>
В данном скрипте измените слова красным на свои пункты верхнего меню, а вместо зеленых # добавьте ссылки на необходимые статьи либо разделы.
3. Изменяем подписку по почте:
Найдите следующий скрипт:
<div class='subcribe_box'>
<a href='http://feeds.feedburner.com/Simplex'>
<img src='http://i604.photobucket.com/albums/tt130/metalner/Newspaper_Feed_add_128x128.png'/>
</a>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Simplex&amp;loc=en_US&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: -5px 0pt 0pt; padding: 0px; text-align: center;' target='popupwindow'>
<h2>Subscribe to SimplexDesign</h2>
<p> Receive New Articles As They are Posted</p>
<div style='float: left; padding-left: 10px;'>
<input name='email' style='padding: 2px 5px; width: 200px;' type='text'/>
<input name='uri' type='hidden' value='Simplex'/>
<input name='loc' type='hidden' value='en_US'/>
<input type='submit' value='Go'/>
</div>
<div style='clear: both; height: 5px;'/>
</form>
</div>
Измените ссылку выделенную красным на свой feed , слова выделенные зеленым на свои например на подпишись на новости…
4. Следить на твиттере:
Найдите данный код:
<div class='follow_me'>
<a href='http://twitter.com/dinhquanghuy'>
<img src='http://i604.photobucket.com/albums/tt130/metalner/follow-me-500.png' width='250'/>
</a>
</div>
замените ссылку выделенную красным на свою страницу в твиттере.
5.Скрипт последних статей и комментариев:
Найдите следующий скрипт:
<div id='tabs2'>
<ul>
<script src='http://simplexdesign.blogspot.com/feeds/posts/default?max-results=5&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1'>
</script>
</ul>
</div>
<div id='tabs1'>
<ul>
<script src="http://simplexdesign.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments">
</script>
</ul>
</div>
Измените часть ссылки выделенную красным на ссылку на ваш блог. Чтобы изменить названия Recent posts и recent comments просто найдите эти слвоа в теле шаблона и напишите на свое усмотрение.
6. Настройка основного меню:
Зайдите в настройки блога в раздел Дизайн/Элементы страницы нажимте на настройку гаджета Link list
лучший шаблон для blogger
Откроется настройка гаджеты, где  Вы и сможете добавлять в верхнуюю панель ссылки на необходимы разделы как это сделано у меня
настройка шаблона blogger  настройка шаблона simplexpro
Вот так вы можете настроить шаблон SimplexPro, по моему мнению один из самых красивых шаблонов для блога на blogger.

Комментарии

  1. ссылка на скачивание не работает

    ОтветитьУдалить
  2. поищите в интерете шаблон, по названию!

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

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

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

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

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