Здравствуйте, мои постоянные читатели и гости . Не удивляйтесь, но вы попали именно на мой блог шпаргалки блогерши. Сделала полный редизайн и сейчас он вот в таком виде предстал перед вами. О том почему и как я это сотворила напишу в ближайшее время.
Сегодня же хочу предложить вам очередной вариант оформления главной страницы. Рассмотрим, как установить значок новое сообщение. Он всегда будет появляться вверху и немного украсит страницу. Примерно так, как показано на скриншоте.
Вот такая простая мелочь придаст оригинальности вашему блогу. И сейчас разберёмся как это сделать.
В первую очередь необходимо зайти на вкладку шаблон и сделать резервное копирование. Затем с помощью клавиш Ctrl+F находим строку <a expr:name='data:post.id'/>. Сразу же после неё установим вот такой небольшой код-
Заранее отредактируйте его. Если хотите, чтобы значок был слева поменяйте right:-24, на left. И, возможно, придётся поменять отступы от края (24) на свои.
Далее, тут же в шаблон ищем ]]></b:skin> и над ней вставляем вот это-
Не забудьте просмотреть шаблон и сохранить. Если всё правильно сделали, значок будет стоять на своём месте, где и предполагалось. В свою очередь, хочу предложить для вас ещё несколько вариантов лейбла с кодами. Копируйте их и заменяйте ими строку, которую в коде я выделила красным цветом. Можете найти свою картинку и вставить её адрес.
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
А у меня на сегодня всё. Возникнут вопросы спрашивайте. Разберёмся.
Удачи нам всем.
Сегодня же хочу предложить вам очередной вариант оформления главной страницы. Рассмотрим, как установить значок новое сообщение. Он всегда будет появляться вверху и немного украсит страницу. Примерно так, как показано на скриншоте.

Вот такая простая мелочь придаст оригинальности вашему блогу. И сейчас разберёмся как это сделать.
В первую очередь необходимо зайти на вкладку шаблон и сделать резервное копирование. Затем с помощью клавиш Ctrl+F находим строку <a expr:name='data:post.id'/>. Сразу же после неё установим вот такой небольшой код-
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.isFirstPost == "true"'>
<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>
<b:if cond='data:post.isFirstPost == "true"'>
<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/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
%20%D0%B7%D0%B5%D0%BB%D1%91%D0%BD%D0%BE%D0%B5%20%D0%BD%D1%8C%D1%8E.png)


А у меня на сегодня всё. Возникнут вопросы спрашивайте. Разберёмся.
Удачи нам всем.
Ой, а что это там ниже? Ну надо же! Нажимаем!
оформите подписку на новые шпаргалки
Да дизайн на все 100! Молодец классно получилось! Намучилась?
ОтветитьУдалитьПривет, Владимир. Спасибо за первый отзыв. Особо не мучилась с установкой. пока ещё продолжаю делать. А ты где пропал.
ОтветитьУдалитьВика, большое спасибо! Мне очень понравился обновлённый блог.
ОтветитьУдалитьЛюдмила Геннадиевна ,это очень красиво смотрится. Спасибо за отзыв, но еще работаю хлопот полно.
ОтветитьУдалитьИ мне очень нравится новый дизайн! Очень светло и уютно! :)
ОтветитьУдалитьКристина, спасибо большое. Дорабатывать ещё буду.
ОтветитьУдалить