.jpg)
Недавно я уже рассматривал одну из возможностей публикации сообщений под катом для Blogger – после каждого поста добавлялась надпись «Читать далее» со ссылкой на страницу с полным текстом заметки. Сегодня предлагаю рассмотреть второй вариант реализации поставленной задачи. Особенностью этого способа есть то, что при клике на ссылку «Читать далее», переход на другую страницу не производится, продолжение текста отображается сразу после анонса и без обновления страницы в браузере. 1. Заходите в меню «Макет» – «Изменить HTML». Перед тем как производить любые изменения в вашем шаблоне, сохраните его код на локальный компьютер. 2. Найдите в шаблоне тэг и вставьте следующий код перед ним:
var fade = false; function showFull(id) { var post = document. getElementById(id); var spans = post. getElementsByTagName('span'); for (var i = 0; i < 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 < 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 < spans. length; i++) { if (spans[i].id == "fullpost") { spans[i].style. display = 'none'; found = 1; } if ((spans[i].id == "showlink") && (found == 0)) spans[i].style. display = 'none'; } }
Вы можете скачать этот код здесь. 3. Поставьте галочку в поле «Расширить шаблоны виджета» в правом верхнем углу над полем шаблона. После этого найдите в коде блок с id=’post’, у меня эта строка имеет вид:
Далее аккуратно вставьте в код часть кода, выделенную красным цветом ниже:
expr:id='"post-" + data:post. id'>