Библиотека Веб-разработчика

Источник: http://seorussian.blogspot.com

Итак, он хорош тем, что при его использовании внизу появляется ссылка "Читать дальше" (или любые другие слова, что захотите, то и пишите). При этом, ссылка появляется только в тех постах, в каких вы её сами сделаете, а не во всех подряд (как это происходит в первом, упомянутом мною, способе). Эту ссылку можно будет настраивать - где она появится (справа или слева), какого будет цвета, какого размера шрифт и т.п.
Кроме этого, в полном посте не будет ненужных разрывов, предложения "свернуть назад", и при попадании прямо на страницу конкретного сообщения человеку не надо будет дополнительно щёлкать "развернуть".
Всё это немаловажно для меня.
При нажатии на ссылку происходит направление читателя на страницу полного сообщения. 
Должен отметить, что я встречал в сети и другие способы, использующие внешние ява-скрипты. То есть те, которые располагаются на сервере у того дяди, который их написал.
Эти способы я вообще не рассматривал (и вам не советую), т.к. дядя может забыть заплатить за хостинг и т.п. После чего всё перестанет действовать.

Как его реализовать?
Вначале, как обычно, сохраняем, на всякий случай, уже имеющийся у нас вариант шаблона на жёсткий диск (на тот случай, чтобы если что-то не выйдет - можно было всё восстановить).
Этот способ реализовать не сложно (хотя и чуть-чуть дольше чем остальные),  но надо быть очень внимательным, т.к. можно случайно ошибиться.

Идём в макет/изменить HTML и ставим галочку на "расширить шаблоны виджета".
Теперь нам надо добавить код прямо перед тегом </head>.
Вот этот код:

<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") &amp;&amp; (found == 0))
spans[i].style.display = 'none';
}
}

</script>
</b:if>

Затем, в коде своего блога вам надо найти строку вида:

<p><data:post.body/></p>

Но в разных темплейтах она может быть несколько другой. К примеру вот такой:

<div class='post-body>  или такой:

<p><data:post.body/></p>   или такой:

<div style='clear: both;'/> <!-- clear for photos floats -->

   </div>

Вообщем найдите (используйте Ctrl+F, это удобно) у себя тег <data:post.body/> или его вышеприведённое подобие у себя в коде.

Вот. Далее внимание.
Чуть выше его будет строка, которая в разных темплейтах тоже может немного разниться. Она имеет такой вид (3 варианта):
div class='post'

div class='entry'

div class='post-body entry-content

Если у вас вообще взятый незнамо откуда темплейт - эта строка может иметь и немного другой вид.
Так вот, дальше вам надо изменить и дополнить эту строку следующим образом.
Её начало мы оставляем нетронутым, а потом добавляем только то, что выделено голубым цветом, ровно так, как указано ниже:

<div class='post-body'  expr:id='"post-" + data:post.id' >

     <b:if cond='data:blog.pageType == "item"'>
        <style>#fullpost{display:inline;}</style>
        <p><data:post.body/></p>
     <b:else/>
        <style>#fullpost{display:none;}</style>

        <p><data:post.body/></p>

       <span id='showlink'>
        <a expr:href='data:post.url'>Читать дальше......</a>
       </span>
       <script type='text/javascript'>
         checkFull("post-" + "<data:post.id/>");
       </script>
     </b:if>

     <div style='clear: both;'/> <!-- clear for photos floats -->
   </div>

Обратите внимание, на закрывающий значёк " ' " сразу после первых букв "div class='post-body - если вы забудете его, то темплейт не сохраится и выдаст ошибку.

Всё, если вы всё сделали так как тут сказано - сохраняйте шаблон.
Затем идите в настройки/форматирование.
В рамке внизу, над которой значится "шаблон сообщения", добавляем строки:

Превью поста

<span id="fullpost">

То, что скрыто под катом

</span>

Эти строки теперь будут видны нам при написании всякого нового сообщения в режиме редактирования HTML.
Соответственно, то, что нам надо поместить под кат - мы помещаем между вышеуказанными тегами вместо слов "То, что скрыто под катом".
То, что надо оставить видимым - над ними, то есть вместо слов "Превью поста".

Источник: http://soft-in-web.blogspot.com 

http://5columntemplate.blogspot.com/ – шаблонов мало, но пятиколоночный дизайн вы найдете только здесь.

AllBlogTools.com – более ста шаблонов, разбитых на тематические категории.

Blogger-Templates.Blogspot.com – тем много, нонавигация по сайту практически отсутствует. Используйте теги.

Blogger-Templates.Deceblog.net – всего 4 шаблона.

Blogger-Templates-Directory.Blogspot.com – около 30 уникальных шаблонов.

BloggerTemplates.org – тем не много, но есть симпатичные.

BlogspotTemplates.Blogspot.com – интересные темы, использующие прозрачныек панели. И не только.

BlogspotTemplate.com – около 100 шаблонов самых различных цветов и стилей.

BlogTemplates.Noipo.org – десяток работ выполненных в стиле минимализма.

BTemplates.com – более 100 вариантов шаблонов для Blogger удобно отсортированных по стилям, цветам и т.д.

Carl Galloway’s Blogger Templates – восемь работ одного дизайнера.

FinalSense.com – 300 различных шаблонов! Кто больше?

FreeBlogger-Templates.Blogspot.com – несколько авторских работ на тему природы.

FreeTemplates.Blogspot.coms – сколько вариантов дизайна содержится на этом сайте я не досчитал, но никак не менее ста.

FreshBloggerTemplates.Blogspot.com – 12 шаблонов с предпросмотром и загрузкой.

Gecko & Fly Blogger Templates – среди 25 тем, расположенных на этом сайте, в основном встречаются уже заезженные варианты.

GoSuBlogger.com – очень много различных тем! Несмотря на то, что автор не снабдил шаблоны удобными средствами для просмотра (превью, категории), всё же поковыряться здесь стоит – попадаются настоящие шедевры.

Isnaini.com – не менее 60 шаблонов. Есть интересные в японском стиле.

JackBook.com – среди множества дизайнерских работ обратите внимание на несколько уникальных. посвященных компьютерным играм.

OurBlogTemplates.com – ещё один сайт с огромным количеством вариантов. Для навигации используйте облако тегов.

PannaSmontana Templates – сайт на итальянском, ноя думаю что в картинках разберётесь :).

Public-Template.Blogspot.com – блог посвященный бесплатным шаблонам для Blogger.

Simple-Blogskins.Blogspot.com – несколько несложных видов оформления.

Template-Godown.com – на этом сайте можно найти множество шаблонов сконвертированных с других платформ.

WP-Themes.us – не смотря на название, здесь есть целый большой раздел посвященный Blogger template.

Yanku-Template.Blogspot.com – десяток замечательных шаблонов.

PaperbackDesigns.Blogspot.com – студия дизайна наряду с платными услугами предлагает и несколько приятных бесплатных образцов.

Сообщества блогеров

1. MyBlogLog
2. BumpZee | страница сабмита
3. Blog Catalog | страница сабмита
4. SpicyPage
5. FuelMyBlog

В продолжении больше...

Каталоги блогов

1. 5 Star Blogs | страница сабмита
2. Aviva Directory | страница сабмита (есть категория "блоги")
3. B4Blogs Directory | страница сабмита
4. Best Blogs | страница сабмита
5. Bigger Blogger
6. Blawg | страница сабмита
7. BlogAdr | страница сабмита
8. Blogarama | страница сабмита
9. BlogBunch | страница сабмита
10. BlogCode | страница сабмита
11. Blog Directory | страница сабмита
12. Blog Dust | страница сабмита
13. Blogdup | страница сабмита
14. Bloggernity | страница сабмита
15. BlogFlux | страница сабмита
16. BlogHop | страница сабмита
17. Blog Point | страница сабмита
18. Blog Watch
19. Bloggapedia
20. BloggerNow
21. Blogging Fusion | страница сабмита
22. BlogIntro | страница сабмита
23. Blog Listing | страница сабмита
24. BlogListing.net | страница сабмита
25. Blogoozle | страница сабмита
26. BlogPulse | страница сабмита
27. BlogRankings
28. Blogs Collection | страница сабмита
29. BlogSearch - страница сабмита
30. BlogSweet
31. Blog Top List | страница сабмита
32. Blog Universe | страница сабмита
33. Blogz | страница сабмита
34. Brit Blog | страница сабмита
35. Dmoz Open Directory Project
36. Eaton Web Blog Directory
37. FindingBlog | страница сабмита
38. GetBlogs
39. Globe of Blogs | страница сабмита
40. I Blog Business | страница сабмита
41. IceRocket | страница сабмита
42. LS Blogs | страница сабмита
43. MyBlogDirectory
44. Read A Blog | страница сабмита
45. Small Business Blog Directory | страница сабмита
46. SpillBean
47. Strategic Board | страница сабмита
48. Super Blog Directory | страница сабмита
49. TailRank
50. Technorati | страница сабмита
51. Top Blog Area | страница сабмита

Источник http://blog.dimok.ru/