Итак, он хорош тем, что при его использовании внизу появляется ссылка "Читать дальше" (или любые другие слова, что захотите, то и пишите). При этом, ссылка появляется только в тех постах, в каких вы её сами сделаете, а не во всех подряд (как это происходит в первом, упомянутом мною, способе). Эту ссылку можно будет настраивать - где она появится (справа или слева), какого будет цвета, какого размера шрифт и т.п.
Кроме этого, в полном посте не будет ненужных разрывов, предложения "свернуть назад", и при попадании прямо на страницу конкретного сообщения человеку не надо будет дополнительно щёлкать "развернуть".
Всё это немаловажно для меня.
При нажатии на ссылку происходит направление читателя на страницу полного сообщения.
Должен отметить, что я встречал в сети и другие способы, использующие внешние ява-скрипты. То есть те, которые располагаются на сервере у того дяди, который их написал.
Эти способы я вообще не рассматривал (и вам не советую), т.к. дядя может забыть заплатить за хостинг и т.п. После чего всё перестанет действовать.
Как его реализовать?
Вначале, как обычно, сохраняем, на всякий случай, уже имеющийся у нас вариант шаблона на жёсткий диск (на тот случай, чтобы если что-то не выйдет - можно было всё восстановить).
Этот способ реализовать не сложно (хотя и чуть-чуть дольше чем остальные), но надо быть очень внимательным, т.к. можно случайно ошибиться.
Идём в макет/изменить 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 < 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';
}
}
</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.
Соответственно, то, что нам надо поместить под кат - мы помещаем между вышеуказанными тегами вместо слов "То, что скрыто под катом".
То, что надо оставить видимым - над ними, то есть вместо слов "Превью поста".
Ещё раз указываю на то, чтоб вы были внимательны, когда будете делать всё вышеуказанное. Лично я, когда делал это впервые, умудрися допустить аж две ошибки (впрочем потом, естественно, исправил). Этот способ, как мне кажется, из ныне существущих, - самый приличный, я им уже пользуюсь.
О том, как дополнительно настраивать положение в сообщении и вид букв "Читать далее..." я собираюсь написать в одном из следующих постов. Впрочем думаю, что многие из вас и сами догадаются как это сделать.
Кроме этого, я там собираюсь написать ещё и о возможных ошибках (и возникающих из-за них проблемах) при реализации этого способа и их исправлении.
А ещё об одном возможном глюке, который, впрочем, я лично не встречал и у меня его не появлялось (а я вставлял этот код на трёх блогах).
...А то что-то уже поздновато, а я спал меньше чем нужно; а мне нужно ещё кой-чего делать за компом, связанное с работой...
Да, чуть не забыл. Автор этого способа и то, откуда все это взяли: Hackosphere.
Спасибо за этот способ.
ОтветитьУдалитьОднако меня устраивает предыдущий, не вижу в нем для себя каких-то существенных недостатков.
А что все же со сторонними скриптами, google, как я проверил, не дает на своих sites вставлять скрипты. Получается в пределах сервиса google положить скрипт-файл некуда?
Да, прямо в страницы ява-скрипты в гугл-сайтс вставлять нельзя =(
ОтветитьУдалитьХотя, насколько помню, я видел ссылки на скрипты, которые хранились на их сайтах... Как это реализовано-не знаю (может я и что-то путаю).
Они, случаем, не могут считываться с файла txt?
Типа как тут:
http://sites.google.com/site/tilromen/antiseo-s-store/Kod_vidget_recent_posts_2.txt
Я никогда сам не хранил там ява-скрипты чтоб их оттуда запускать, так что просто предполагаю.
Это лучший способ ката который я видел, спасибо. Подписался на новости ;)
ОтветитьУдалитьРад что оказался полезен! =)
ОтветитьУдалитьполучилось с 55 раза. код первой вставки (что перед тегом /head) не виден у тебя на странице. знаешь? пришлось лезть к автору способа Hackosphere за кодом. тоже, конечно, полезно...
ОтветитьУдалитьа так работа оч нужно-важная. у мну все ж получилось же... спасибо!
Странно, у меня всё прекрасно отображается (раньше и в данный момент тоже).
ОтветитьУдалитьПервый код хранится у меня на Google sites, и подгружается оттуда. Видимо в тот момент сервис у них тормозил (что большая редкость) или был недоступен.
Либо у вас в браузере не не читается тег <iframe>.
Рад что оказался полезен, спасибо за комментарий - позже проверю отображаемость кода ещё раз.
А у меня вообще все пропадает из блога когда я так делаю..
ОтветитьУдалитьУже раз 10 пробовала..
Не подскажите в чем может быть побелема?
Svetlana Planets, а у вас классический шаблон или макет?
ОтветитьУдалитьЗдравствуйте. Не видно кода в белом квадрате? Может быть это только у меня так. Пробовала первый метод, ничего не получилось. А очень хочется найчиться скрывать сообщения.
ОтветитьУдалитьСпасибо большое. Разобралась. Скопировала код у Hackosphere.
ОтветитьУдалитьСпасибо большое. Получилось с первого раза.
ОтветитьУдалитьВы так подробно и четко все описали. Всю последовательность и возможные ошибки.
Супер!
Ещё раз благодарю.
Раз уж это такой замечательный способ, немогли бы подправить (или изменить) в первом коде (белом квадрате) что то, а то действительно не видно ничего там ((
ОтветитьУдалитьМне всё видно.
ОтветитьУдалитьВы каким браузером пользуетесь?
Этот код подгружается в окне из другого ресурса, который, впрочем, хорошо работает.
Internet Explorer, но как я вижу - не у одного меня такая проблема...((
ОтветитьУдалитьMelnar Tilromen,все сделал как указано в примере, все получилось, огромное спасибо!!
ОтветитьУдалитьПрекрасно, что всё заработало.
ОтветитьУдалитьНе знаю, что за проблема - я ни разу не видел чтоб код пропадал...
Melnar Tilromen, извеняюсь за наглость, но не подскажете, где у меня может быть ошибка? Проблема в чом: все вроде как работает, но под кат абзацы убираются в хаотичном порядке, то есть середина и пару абзацев в конце поста могут уйти под кат, а последняя часть записи остается на главной страницы.
ОтветитьУдалитьУ меня такой вопрос, а RSS этод метод обрезает?
ОтветитьУдалитьZefir, у меня примерно такое было под Google Chrome. Не знаю, как насчёт Интернет Эксплорера...
ОтветитьУдалитьХром неправильно отображает кат, несмотря на то, что в других браузерах он отображается правильно.
Такое возможно и само по себе, безотносительно к браузеру - если в пост затесался один или несколько лишних тегов </span>.
Это особенно может случиться (и случается почти всегда) из-за того, что вы в html-редакторе проставили теги, а потом снова вернулись в "визуальный редактор". Тогда они умножаются и появляются лишние. Поэкспериментируйте.
Не заходите в "визуальный" после того как поставили теги.
DiVolk, нет не обрезает.
ОтветитьУдалитьЕще раз презнателен. Попробывал просто публиковать через "Изменить html", а не через "Создать". Так действительно могу видеть теги и лишний раз их не трогать ))
ОтветитьУдалитьЕсть ещё один способ: немного другой
ОтветитьУдалитьДавно с ним знаком, спасибо.
ОтветитьУдалитьНе знаю почему, но у меня в посте остаётся нереально много места до надписи "Читать Дальше", приходится долго прокручивать, чтобы вообще узнать, что такая надпись есть. Если же зайти в сам пост (уже внутрь, где ката нет), то всё идеально, без лишних пробелов. В чём может быть причина?
ОтветитьУдалитьСпасибо, все получилось с первого раза.
ОтветитьУдалитьПравда теперь не получается "втюхать" между постами(в конце) блоки Адсенсе, как решить такую проблему? Причем ни в статьях с катом, ни без ката?
Helenika, проблема, наверное, в том, что в вашем шаблоне есть что-то ещё, что вызывает такой эффект. Так как с таким шаблоном я дела не имел, то не могу сказать ничего конкретного.
ОтветитьУдалитьDiVolk, как вариант попробуйте убрать код ката, вставить рекламу, и если она правильно отображается - поставить код ката. Не уверен что поможет, т.к. сам рекламу между постов не вставлял, но попробовать стоит.
Melnar Tilromen, спасибо за этот способ!
ОтветитьУдалитьОдин вопрос только - у меня в постах, где я не добалвяю кат, он все равно есть. Это баг, фича, или у меня что-то не так? Макет стандартный "Simple"
Timmytitty, Такого быть не должно.
ОтветитьУдалитьСмотрите, чтобы в режиме редактирования HTML-кода поста внизу не оставалось тегов
<span id="fullpost"> и </span>
Melnar Tilromen, точно не остается, однако, кат все равно есть.
ОтветитьУдалитьЕще баг - я кат добавлял по инструкции в старый шаблон, затем перешел на новый - в нем кат появился сам. Так должно быть?
Timmytitty, иногда то что было в старом шаблоне перетекает в новый. Я нажимал "Восстановить шаблоны виджетов по умолчанию" в "редактировать HTML" и обычно всё становилось на свои места.
ОтветитьУдалитьВ любом случае - можно там же в редактировании HTML убрать ненужные части кода, если они остались.
То что кат есть там где нет нужных тегов - странно. Не знаю отчего так.
гранмерси, помогло
ОтветитьУдалитьА фид получается урезанный? Или, что-то не так сделано?
ОтветитьУдалитьDiVolk, нет, фид остаётся полный (если конечно, его не урезали фидбёрнером или в настройках блоггера).
ОтветитьУдалитьНемного модифицировал скрипт - теперь можно прямо в тексте поста определить какой текст будет у ссылки ката
ОтветитьУдалитьЕсли хотите, могу поделиться
VolandKOT, поделитесь.
ОтветитьУдалитьПри использовании этого способа у меня появляется такая проблема: под кат прячется только первый абзац текста, все остальное, что по моей задумке тоже должно быть спрятано, "всплывает" над катом. Чтобы убрать под кат другие абзацы, приходится лезть в html-код поста и вручную убирать теги span до и после каждого из них.
ОтветитьУдалитьСпрашивается: это только у меня так, или это нормально? И как с этим можно бороться?
Использую Opera 9.64, если это имеет значение. Спасибо.
Александр, это скорее всего происходит оттого, что вы вставляете кат в режиме редактирования HTML, а затем снова переключаетесь в визуальный редактор.
ОтветитьУдалитьВставлять кат в тело поста надо в самом конце. В противном случае, при переключении обратно в режим визуального редактора тег span будет появляться в каждом абзаце поста после тега span id="fullpost".
Визуальные редакторы вообще, бывает много глюков делают иногда.
Я внедрил код в темплейт, после чего добавил указанные строки:
ОтветитьУдалитьПревью поста
span id="fullpost"
То, что скрыто под катом
/span
...как стандартный шаблон для новых сообщений, поэтому в режим редактирования HTML я бы вообще не лазил - просто писал бы свой пост, если бы не эта досадная неурядица.
Но ваш совет мне понятен, большое спасибо, я попробую.
Да, точно, только что попробовал еще раз: создал Lorem ipsum на несколько абзацев, убрал 2-3-4 абзацы под кат, опубликовал - все это только в визуальном редакторе, в хтмл не совался. Результат - под катом только второй абзац )':
ОтветитьУдалитьПохоже, придется вставлять span'ы в готовое сообщение, а от изменения стандартной формы нового сообщения придется отказаться.
Александр, а как вы "только в визуальном редакторе" проставили нужные теги?
ОтветитьУдалитьМеханизм должен быть следующий: вы пишите пост в визуальном редакторе. При необходимости правите что-то в HTML-редакторе.
Но теги, отвечающие за кат, нельзя вставлять в тело поста перед тем, как вы снова будете заходить в визуальный редкатор.
Их надо ставить в самом конце, в режиме HTML-редактирования.
Как-то был глюк с браузером Google Chrome - в нём кат не работал. В Опере работал.
Как вы и сказали в тексте поста:
ОтветитьУдалить„В рамке внизу, над которой значится "шаблон сообщения", добавляем строки:
...
Эти строки теперь будут видны нам при написании всякого нового сообщения в режиме редактирования HTML.“
____
...Соответственно, когда я создаю новое сообщение, эти теги там уже прописаны и мне без надобности лезть в HTML-редактор.
Ну да ладно, это мелочи. Все равно спасибо за способ.
О дружище ты лучший!
ОтветитьУдалитьТОлько по твоему объяснению осилил эту штуку :)
Я ламер, но вычитал, что поисковики не индексируют информацию в кате, если использовать display:none. Поэтому использую "быстро-мгновенный" кат . Хотя у него масса недостатков. Но он не скрывает информации от поисковиков. Например:
ОтветитьУдалитьЧетыре ключевые слова спрятаны под катом:
"sooner or later comes"
Но Гугл их нормально проиндексировал:
http://www.google.com.ua/search?hl=ru&q=http://crazyamazy.blogspot.com/+sooner+or+later+comes&btnG=Поиск&meta=
Хочется заменить "мгновенный" кат на нормальный, но боюсь использвать "display:none". Можно ли его юзать?
Можно попросить,кто шарит: дать отзывы по поводу сайта http://crazyamazy.blogspot.com
Нормально грузится или медленно?:\
Корректно ли отображается в браузерах...?
Спасибо за инфу! Там в чат или в комментах..или на почту DeXtR2006(gaf)mail.ru
Sunny, у меня всё нормально индексируется.
ОтветитьУдалитьВаш блог грузится долго.
2 Melnar Tilromen .. а как же это дело ускорить? Это из-за этих глупых виджетов и гаджетов внизу? Или из-за хостинга картинок...?(искал куда написать личное сообщение.. не нашел)
ОтветитьУдалитьSunny, большей частью, думаю, именно из-за картинок. Когда их много - всегда долго грузится. Впрочем это зависит от того, насколько быстрый интернет у того, кто просматривает.
ОтветитьУдалитьМожете уменьшить количество отображаемых постов на главной странице.
Работает! Давно хотел такой кат, после ухода из ЖЖ не хватало.
ОтветитьУдалитьспасибо, теперь хоть какая-то красота появилась =)
ОтветитьУдалитьПо какой причине Фаерфокс не обрабатывает этот кат? На главной появляются все посты целиком, а кнопка "читать дальше" - под каждой моей записью, в самом конце.
ОтветитьУдалитьВ Опере при этом все работает.
Александр, у меня так же было раньше, только с Chrome.
ОтветитьУдалитьНо сейчас всё в порядке и там тоже.
Постарайтесь добавлять теги ката в режиме html-редактирования и в последний момент перед публикацией. И не переключайтесь после этого в режим визуального редактора.
Единственное, что могу посоветовать.
Ура! Спасибо большое. У меня всё получилось с первого раза. Здорово!
ОтветитьУдалитьОбратите внимание, на закрывающий значёк " ' " сразу после первых букв "div class='post-body - если вы забудете его, то темплейт не сохраится и выдаст ошибку.
ОтветитьУдалить>>>>>>>>>> Что надо сделать какие кавычки поставить нужно. А то у меня ошибку выдает
Спасибо!
ОтветитьУдалитьЧудесный способ)
У меня почему-то в полной новости и короткая тоже отображается.Как сделать чтобы этого избежать?
ОтветитьУдалитьСпасибище вам огромное. Давно искала хороший способ привести в порядок блог. Не с первого раза правда, но получилось. Хорошо, что написали про визуальный редактор, а то я не могла понять откуда столько spanов...
ОтветитьУдалитьJulia Presentime, сейчас кат в блоггере уже есть встроенный:
ОтветитьУдалитьhttp://seorussian.blogspot.com/2009/09/kat-v-blogger-teper-vstroen-ura.html
А у меня не получилось внести эти изменения. Я не поняла во второй части с голубым цветом. Там оба этих абзаца копировать, или только один? Если оба, то я не могу найти куда вторую часть голубого вставлять. У меня на blogspot нет такой
ОтветитьУдалитьСпасибо большое! У меня хоть не сразу, но все получилось :)
ОтветитьУдалитьприкольная статья
ОтветитьУдалитьСпасибо -всё толково! а то лень было возиться сначала, а потом щелкнул обычный кат в Визуальном Редакторе - и на главной странице только один пост с катом, а на следующий PR упал с 2 до 0 ..чего такое?!..
ОтветитьУдалитьура работает !!!!
ОтветитьУдалитьЦаревна, так ведь сейчас кат в блоггере уже по умолчанию встроен!
ОтветитьУдалитьа вот как сделать кат для rss канала мне до сих пор не ясно((
ОтветитьУдалитьbitrateQZ - а это очень просто.
ОтветитьУдалитьЗайдите в настройки Blogger / Канал сайта. И выберите "короткий".
А для продвинутого ката в rss воспользуйтесь
http://feedburner.google.com
спасибо! всё заработало.
ОтветитьУдалитьесть ли что-нибудь новее?)
bitrateQZ, теперь в канале RSS команда Blogger тоже сделала кат. Можно сделать так, чтобы он начинался там же, где вы ставите кат в журнале.
ОтветитьУдалитьЗагляните в настройки.
Туманов Сергей, да в Blogger уже давно есть собственный встроенный кат. Обратите внимание в режиме визуального редактора.
Всё сделала как вы писали в статье по сворачиванию текста. Но не получилось. Кнопка читать есть, текст спрятан под катом, но не раскрывается. Что делать???
ОтветитьУдалитьVeronika, Вам это уже не нужно, ибо: http://seorussian.blogspot.com/2009/09/kat-v-blogger-teper-vstroen-ura.html
ОтветитьУдалитьА как вы поняли, что он встроен. Тогда почему у меня не получается открыть скрытый текст?
ОтветитьУдалитьВроде все получилось! Спасибо! Но почему у меня кнопка "читать дальше..." ?!
ОтветитьУдалитьKate, сейчас кат встроен автоматически, его не надо больше делать.
ОтветитьУдалитьhttp://seorussian.blogspot.com/2009/09/kat-v-blogger-teper-vstroen-ura.html
решительно лучше второго способа! огроменное спасибо!
ОтветитьУдалитьсовсем не нужно убирать все сообщения под кат)
спасибо, полезненько)
ОтветитьУдалитьПолучилось в комбинации со стандартной кнопкой "под кат" от блогспот что стоит по умолчанию. она у меня не работала так как шаблон не стандартный. в комбинации с этим способом работает.
ОтветитьУдалить