Как установить значок NEW сообщение

как установить значок новое сообщение
Здравствуйте, мои постоянные читатели и гости . Не удивляйтесь, но вы попали именно на мой блог шпаргалки блогерши. Сделала полный редизайн и сейчас он вот в таком виде предстал перед вами. О том почему и как я это сотворила напишу в ближайшее время.



Сегодня же хочу предложить вам очередной вариант оформления главной страницы. Рассмотрим, как установить значок новое сообщение. Он всегда будет появляться вверху и немного украсит страницу. Примерно так, как показано на скриншоте.

значок новое сообщение на странице

Вот такая простая мелочь придаст оригинальности вашему блогу. И сейчас разберёмся как это сделать.

В первую очередь необходимо зайти на вкладку шаблон и сделать резервное копирование. Затем с помощью клавиш Ctrl+F находим строку <a expr:name='data:post.id'/>. Сразу же после неё установим вот такой небольшой код-

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
  <img alt='new' src='https://sites.google.com/site/moaspargalocka/home/ikonki/new.png ' style='display:block;position:absolute;top:24px; right:-24px;border:0 none'/>
 </b:if>
</b:if>

Заранее отредактируйте его. Если хотите, чтобы значок был слева поменяйте right:-24, на left. И, возможно, придётся поменять отступы от края (24) на свои.
Далее, тут же в шаблон ищем ]]></b:skin> и над ней вставляем вот это-

#Blog1{position:relative}

Не забудьте просмотреть шаблон и сохранить. Если всё правильно сделали, значок будет стоять на своём месте, где и предполагалось. В свою очередь, хочу предложить для вас ещё несколько вариантов лейбла с кодами. Копируйте их и заменяйте ими строку, которую в коде я выделила красным цветом. Можете найти свою картинку и вставить её адрес.


https://sites.google.com/site/moaspargalocka/home/ikonki/lejbl/%D0%BA%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82%D0%BD%D0%BE%D0%B5%20%D0%BD%D1%8C%D1%8E.png




https://sites.google.com/site/moaspargalocka/home/ikonki/lejbl/new-course%20%D0%BA%D1%80%D0%B0%D1%81%D0%BD%D0%BE%D0%B5%20%D1%81%20%D0%B1%D0%B0%D0%BD%D1%82%D0%B8%D0%BA%D0%BE%D0%BC.png

https://sites.google.com/site/moaspargalocka/home/ikonki/lejbl/new%20%281%29%20%D0%B7%D0%B5%D0%BB%D1%91%D0%BD%D0%BE%D0%B5%20%D0%BD%D1%8C%D1%8E.png

https://sites.google.com/site/moaspargalocka/home/ikonki/lejbl/icon_new%20%D1%81%D0%B8%D0%BD%D0%B5%D0%B5%20%D0%BD%D1%8C%D1%8E.png

https://sites.google.com/site/moaspargalocka/home/ikonki/lejbl/3new2%20%D0%B3%D0%B8%D1%84%20%D0%BD%D1%8C%D1%8E.gif

А у меня на сегодня всё. Возникнут вопросы спрашивайте. Разберёмся.
Удачи нам всем.

Ой, а что это там ниже? Ну надо же! Нажимаем!

оформите подписку на новые шпаргалки

введите пожалуйста свой адрес электронной почты :

6 комментариев:

  1. Да дизайн на все 100! Молодец классно получилось! Намучилась?

    ОтветитьУдалить
  2. Привет, Владимир. Спасибо за первый отзыв. Особо не мучилась с установкой. пока ещё продолжаю делать. А ты где пропал.

    ОтветитьУдалить
  3. Вика, большое спасибо! Мне очень понравился обновлённый блог.

    ОтветитьУдалить
  4. Людмила Геннадиевна ,это очень красиво смотрится. Спасибо за отзыв, но еще работаю хлопот полно.

    ОтветитьУдалить
  5. И мне очень нравится новый дизайн! Очень светло и уютно! :)

    ОтветитьУдалить
  6. Кристина, спасибо большое. Дорабатывать ещё буду.

    ОтветитьУдалить

Пользовательский поиск