Друзья, приветствую вас. На днях публиковала пост и обратила внимание. как изменилась функция репоста сообщения или поделиться Твиттере постом. Кому как удобнее. Мне очень понравилось обновления. Прямо полный функционал.
Вот посмотрите
Если раньше появлялась просто ссылка, а название поста вписывали сами. Сейчас полный заголовок автоматически прописывается. Внизу есть несколько иконк. Здесь сразу можно добавить картинку к посту или гифку. При добавлении изображения его можно редактировать тут же и выбрать пользователей с которыми хотите поделиться
Если нажать на значок кисточки справа, то откроется окно редактора картинки ещё с дополнительными функциями.
Можно выделить нужную часть, используя бегунок в низу. Увеличить или уменьшить изображение там же. А в самом верху ещё и опция добавить описание к картинке (ALT).
При нажатии на среднюю иконку, появляется функция создания опроса. Замечательно же. Много смайликов. И ещё с помощью последней кнопки можно задать расписание публикации поста.
В этом окне в самом низу есть ссылка на запланированные твиты. Что позволяет создать сразу несколько твиттов.
Приоткрытии каждого нового окна, в самом верхнем углу справа есть круглая стрелочка, всегда можно вернуться обратно и подкорректировать пост.
Самое интересное то, что после нажатия на кнопку ТВИТТНУТЬ мы попадаем на свою главную страницу в twitter, со всеми её функциями. Я аплодирую разработчикам.
Очень удобно и всё прямо из блога. Обязательно попробуйте у себя или можете твитнуть мой пост ( чем буду весьма благодарна) нажав на кнопку Твиттер в конце поста. Думаю, что вы тоже оцените эти новшества.
Всем добра и до встречи.
хотите оформить подписку на новые шпаргалки
Доброго времени суток, друзья. Как спрятать или удалить navbar в блоге я уже писала. Но многие привыкли к нему и не хотят расставаться с этой панелью. Тут каждому своё. Сегодня хочу показать вам, как с помощью небольшого кода можно перенести navbar в нижнюю часть страницы. Такой, скажем так, "дизайнерский" приёмчик.
На картинке я показала как выглядел navbar у меня на тестовом блое. Чтобы увидеть, как он смотрится в самом низу, перейдите на этот блог по ссылке ниже и прокрутите до конца страницы
Сохраняем изменения. Наш navbar переместился в самый низ страницы.
И сделать просто, и панелька на месте, и не как у всех.
Всем добра и до встречи.
хотите оформить подписку на новые шпаргалки
Доброго времени суток, друзья. Предлагаю вашему вниманию оригинальное оформление блоков с информацией в стиле аккордеон и ещё с эффектом слайдера. Способов их применения в блоге очень много. Выгладят они достаточно компактно, внешний вид можно менять на свой вкус.
При нажатии на пункт списка, появляется более подробное описание. Я для примера сделала некоторые пункты меню с описанием и переходом на нужную страницу. Здесь размещать можно всё. Например, сделать вопрос - ответ. Или создать кулинарное меню, разместить загадки и ответы. Масса вариантов.
<div id="page-wrap">
<h1>
Некоторые пункты меню </h1>
<br />
<br />
<section class="slide-up-boxes"> <a href="http://www.shpargalochki.ru/p/blog-page_1.html">
<h5>
О чём блог</h5>
<div>
Все статьи опубликованные статьи блога вы можете посмотреть здесь </div>
</a> <a href="http://www.shpargalochki.ru/p/blog-page_84.html">
<h5>
Вопрос - ответ</h5>
<div>
На этой странице вы сможете задать вопросы автору блогу</div>
</a> <a href="http://www.shpargalochki.ru/p/blog-page_34.html">
<h5>
Связь с автором</h5>
<div>
Если возникла необходимость связаться с автором блога , то вам сюда</div>
</a>
</section>
</div>
<style>
* { margin: 0; padding: 0; }
Готовый код можно установить и в сообщении блога в формате HTML, и в гаджет HTML/JavaScript ( как вы видели на моём тестовом).
При необходимости добавляйте ещё секции вида
<a href="http://www.shpargalochki.ru/p/blog-page_1.html">
<h5>
О чём блог</h5>
<div>
Все статьи опубликованные статьи блога вы можете посмотреть здесь </div>
</a>
Я в самом коде пометила комментариями, что можно изменить под ваш дизайн.
В первом коде div помечены ссылки на страницы, куда будет осуществляться переход. Если это не предполагается, просто уберите эти строки.
В тегах h5 прописываем свои пункты. Соответственно и в div нужный текст.
В последней части коды, которая отмечена серым, попробуйте вставить вместо фонов картинки в url( ).
Вот такой необычный аккордеон со слайд эффектом в итоге получаем.
Спасибо за внимание, всем добра и до встречи.
хотите оформить подписку на новые шпаргалки
Доброго времени суток, друзья. Как создать кнопку «Follow» , которая является одним из важных виджетов, устанавливаемых на блоге. Кнопка «Follower» BLOGGER называется функцией «стать постоянным читателем (присоединиться к этому блогу)».
Пост подкорректирован и немного изменён.
Метод, который мы будем использовать для создания кнопки «подписка», заключается в использовании ссылки «Подписаться», которая есть у виджета ПЧ (присоединяется к этому сайту), поэтому кнопка будет более удобной и простой в применении.
Первое, что нужно сделать - создать ссылку на блог follow + id, см. Пример ниже;
Идентификационный номер, выделенный жирным шрифтом, представляет собой номер идентификатора моего блога. Измените его на идентификатор вашего блога. Чтобы получить или увидеть «идентификатор» войдите в админпанель блогера, выберите нужный блог, если у вас их несколько. Затем посмотрите на адресную строку вашего блога.
Создали свою ссылку и пока сохраните её в блокноте или черновике. Рассмотрим варианты её размещения.
Как установить кнопку присоединиться в верхней части колонки комментариев
Идём во вкладку тема и находим строку ]]></b:skin> и над ней устанавливаем код
<h4 id='comment-post-message'> или <h4 id='comment-post-message'><data:postCommentMsg/></h4> это код родных комментариев Блоггер включенных по умолчанию.
Сохраните шаблон. Вот так примерно это выглядит
Добавить кнопку в меню навигации «Follow». Просто добавим ссылку в пункт меню.
Уберите теги <button>...</button> останется только ссылка.
Или такая кнопка. Просто взяла вариант из сайдбара.
В последнем варианте можно сделать свою собственную кнопку - картинку. Подробнее здесь. А уж мотивирующий к подписке текст, придумайте сами.
Одним словом, вариантов много. И мимо интересной кнопки, точно не пройдут мимо. Включаем фантазию, а установка кнопки дело совсем не сложное. Можно и гаджет ПЧ оставить и ещё кнопочку куда - нибудь подключить. Хуже не будет.
хотите оформить подписку на новые шпаргалки
Привет друзья. И опять про новый интерфейс админ панели Блоггер. На этот раз некоторые изменения самого редактора сообщений. Для того, чтобы посмотреть на них и поиграться, вам следует переключиться на обновлённые интерфейс.
Там достаточно всё понятно, но есть некоторые дополнения, которые порадовали, и некоторые изменения с которыми нужно поиграться, чтобы понять как это работает. Ну, давайте по порядку.
Переключаемся на новый интерфейс. Сейчас, чтобы создать новое сообщение, в правм нижнем углу нажимаем на красную кнопку со знаком +. Вот и попадаем в редактор создания нового поста.
Тут всё понятно. Те же функции с форматированием текста, цвета, выравниваем и прочим. Обратите внимание на кнопки в самом верху справа. Особенно на вот эти самые первые стрелочки < >. Если нажать на них , то попадаем в режим HTML.
Тут уже нет привычных кодов <div dir="ltr" style="text-align: left;" trbidi="on"> о которых я писала в этом сообщении. Они позволяли переводить ваш блог на такие языки как арабский, сирийский иврит и другие, которые читаются справа налево. Сейчас вы сами можете это задать (или нет) в новых настройках. Для этого нажмите на три кнопки ДОПОЛНИТЕЛЬНО в верху редактора. Немного о функциях и что мы здесь имеем
Оформить как цитату, оформить как код участок текста у меня не получилось. Как и с форматированием. Ну, положим, что у меня в шаблоне свои коды для этих целей установлены. Попробовала на тестовом простом блоге, получилось совсем каряво. Поиграйтесь здесь.
Порадовало, что появилась функция создания таблиц, с возможностью добавления строк и ячеек. нужная опция. Не надо вставлять коды и пользоваться сторонними редакторами.
И ещё одно новшество. Вставка видео с компьютера и YouTube за считанные минуты без установки кода в формате Html. Нажимаем на иконку видео и тут же находим нужный ролик. Выбираем и жмём ВСТАВКА и вуаля...
