23 сентября 2012 г.

Кнопка "Читать далее" для Blogger

knopka-readmore
Давно хотела поменять малозаметную надпись "Читать далее", доставшуюся с шаблоном.

Если вы тоже любите полезные мелочи, вытребеньки, как говаривали в старину, и хотите чтобы блог был привлекательным и оригинальным, читаем дальше.

Выбрала самый простой вариант. Приступим.
  1. Дизайн ---> Изменить HTML
  2. Ставим галочку на "Расширить шаблоны виджета"
  3. С помощью поиска (Ctrl+F) находим в шаблоне <data:post.jumpText/>
  4. Вместо этой строки вставляем код:
<b:if cond='data:post.hasJumpLink'>
<DIV class='jump-link'>
<A expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img border="0" src="http://1.bp.blogspot.com/-MxJQ78A0Ndo/UFxoKM-JNKI/AAAAAAAAC5c/Gb6b6f3C-pI/s1600/knopka30.jpg" /></A>
</DIV>
</b:if>

Вот и все. Картинку, выделенную красным, можете поменять на свою. Здесь можно найти интересные сервисы, где без регистрации и скачивания можно создать любую кнопку. Понравилось то, что каждый может подобрать кнопку на свой вкус, под дизайн блога.

Хотите кнопку с наворотами - раздвижные, анимированные - загляните на интересный блог blogger.com.md, где я взяла данный код.




Понравилась статья? Поделитесь с друзьями.

17 коммент.:

Ольга

Вера, как я люблю Ваш блог!Очень искренне!

Вера Борок

Оля, спасибо. Пишу свою шпаргалку чтоб не забыть что и где поменяла в шаблоне.

AnnaVV

Скажите, где в новом формате редактора "Изменить HTML"? Или куда нажать после того, как нажала кнопку "Дизайн"?

Вера Борок

Анна, нажимайте не "Дизайн", а "Шаблон"

AnnaVV

Спасибо, принцип поняла. Но мне не понравилось "читать полностью" и такая невзрачная кнопулечка... Хочу крупную яркую кнопку с надписью "Читать дальше". Буду искать. Спасибо за идею!

Вера Борок

Анна, кнопки учитесь не искать, а делать самой. Тем более я вам дала ссылку.

Лилия

Здраствуйте,я сделала как написано,только вот вместо моей кнопки у меня там написано слово-изображение- но самого изображения(кнопки) нет,что я не так?

Лилия

у меня получилось,только вот кнопка моя оказалась великовата и когда я все пыталась вернуть назад ,наеврное что-то не так сделала,у меня после каждого сообщения появилась надпись- дальше- но она не активна,да еще и стоит в окнце сообщения ,там где дальше не модет уже быть ничего)))))))))),что делать?))))

Вера Борок

Лилия.Здесь вам помочь не смогу.Попробуйте зарегистрировать еще один блог с тем же шаблоном и уже на нем тренироваться. Найдите кусок кода, который исправляли, скопируйте и вставьте. Должно помочь. Достаточно пропустить одну кавычку и все летит. И второй вариант:если не жалко потерять виджеты, а их у вас немного (скопируйте предварительно), то нажмите "Восстановить шаблоны виджетов по умолчанию". И начинайте все сначала. Ваши посты останутся на месте.

Лилия

Спасибо большое,я только учусь,поэтому такие промахи,второй вариант меня устраивает,только не пойму что скопировать и где,если не трудно ,то напишите мне )))) а то не очень пока понимаю)))

Лилия

И еще вопросик,вот у меня под иконками(прочесть еще) нет названий, тут что можно сделать?

Вера Борок

Лилия, скопировать нужно те коды виджетов, которые вы устанавливали. Типа LinkWithin, тогда быстренько все переустановите. А почему нет названий под картинками, не знаю - они устанавливаются автоматом. Так задумано программой.

Лилия

Спасибо большое,что б я без вас делала,как хорошо что есть такие люди))) буду думать дальше что делать с названиями))) еще раз спасибо

ORelax.Ru

Спасибо, помогли. Ещё можно воспользоваться align="right" после <img чтобы выровнять изображение по правому краю.

Гаша

Здравствуйте, Вера! В коде, по-моему не хватает закрывающего тэга картинки

А пост замечательный! Спасибо!

Алексей Морусов

Вера, Большое спасибо!!!

PuLsE (PoolOl)

Спасибо большое, все получилось!

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

Related Posts Plugin for WordPress, Blogger...