Breaking News
Loading...
Показаны сообщения с ярлыком blogger. Показать все сообщения
Показаны сообщения с ярлыком blogger. Показать все сообщения
вторник, 5 января 2010 г.

Недавно на bloggere вылез у меня один глюк.

Заключался он в том, что на месте даты сообщения высвечивается “UNDEFINED” – недоступно. Решение нашёл только у одного английского блоггера.

И так, как это исправить? Всё просто. Заходим в меню “настройки” выбираем “ Форматирование” undefined date2Суть в том, что  формат дат в столбцах “Формат даты в колонтитуле” и других должен совпадать. То есть если там месяц выводится названием месяца, то и в архиве тоже должно быть название. 

undefined date3

воскресенье, 3 января 2010 г.

Подкат в Blogger

Теперь он встроен. Если вы используете draft (в настройках он именуется "обновлённый редактор") для написания сообщений - то в его правом верхнем углу вы увидите значок, нажав на который вы сможете вставлять кат там, где вам надо.

Те, кто используют обычный редактор сообщений могут в режиме редактирования html вставить после нужного места тег <!-- more -->
И то что под ним уйдёт под кат.

Похоже, мечты сбываются.
У нас на русском появляется не "Read more" а слово "Дальше". Что хорошо.
Но при желании вы можете изменить это слово на то, что сами хотите. Для этого надо зайти в Макет/Элементы страницы и там в "Сообщения блога". Там в графе "Текст ссылки на Страницу сообщения:" вы можете вписать что душе угодно.

Мне остаётся напомнить тем, кто транслирует блоги в ЖЖ, о том, что если вы хотите чтобы кат присутствовал и в ЖЖ - то необходимо вдобавок в начале фрагмента, с которого начинается текст, скрытый под катом, добавлять тег <lj-cut> а в конце - </lj-cut>

 Подписаться на "Библиотеку веб разработчика"

понедельник, 2 ноября 2009 г.

Источник: 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.
Соответственно, то, что нам надо поместить под кат - мы помещаем между вышеуказанными тегами вместо слов "То, что скрыто под катом".
То, что надо оставить видимым - над ними, то есть вместо слов "Превью поста".

воскресенье, 1 ноября 2009 г.

Источник: 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 – студия дизайна наряду с платными услугами предлагает и несколько приятных бесплатных образцов.

пятница, 30 октября 2009 г.

Есть отличная платформа для публикации блогов – это, конечно – же BLOGGER.

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

И всё в ней хорошо, но есть одна маленькая строчка в BLOGGER шаблонах, которая многим мешает и мозолит глаза.

14d17b071dc99327bb2adcce6ba7541c

Вот она, узнали? Как это убрать?

В сети есть несколько способов, Марина Смайли, известный гуру блогинга советует так http://www.businesswithoutstress.com/2007/08/navbar.html

Но есть способ гораздо проще.

Открываете редактирование шаблона HTML и перед тегом <body> вставляете строчку

<!--<body>
  </body>-->

После чего вас спросят удалить ли navbar/

Соглашаетесь и имеете Блог без navbara