2019-03-03

Textual description of firstImageUrl

Создать открытку к 8 марта онлайн

создать открытку с 8 марта
Приближается праздник - Международный женский день. Подготовимся заранее к нему. Вы можете оригинально поздравить девушек и женщин, воспользовавшись сервисами открыток, о которых пойдет речь ниже.
Вы можете воспользоваться теми же сервисами, какими мы пользовались для создания открыток на 23 февраля

Сервисы готовых открыток


  1. Invitizer - здесь вы можете выбрать готовую открытку к 8 марта. Вам нужно лишь подписать её. Напишите теплые или шуточные поздравления, укажите отправителя и адресата. Открытка появляется из конверта, раскрывается и адресат читает ваши поздравления. Открытка доставляется по email.
    генераторы открыток
  2. Segoodme - простой и функциональный конструктор открыток. Выберите рубрику шаблонов открыток "8 марта". Напишите своё поздравление. Вы можете сохранить в каталоге открыток сервиса, получить ссылку и отправить её по Whatsapp, viber, vk, одноклассникам, электронной почте и другим удобным для вас способом. Для этого нужна регистрация. Без регистрации вы можете сохранить в виде gif анимации на компьютер или телефон, в виде видео формата webm или в виде PNG. Я скачала видео. Вот, что у меня получилось:
  3. Viptalisman - простой генератор поздравительных открыток. Для того, чтобы сервис работал, необходимо установить или включить flash плеер.
    Вставьте фото в рамку, напишите поздравления и сохраните на компьютер.
    как оригинально поздравить с 8 марта
  4.  Pro100tak Яркие шаблоны открыток вы найдете на этом сервисе. Добавить текст, фото, музыку вы сможете в редакторе. Не работает в мобильных, на компьютере необходимо включить flash плеер.
    вставить фото в рамку
  5. Livecard - интересный вариант создания виртуальных музыкальных открыток, а также открыток с вашим голосом реализован на сайте живых открыток. Выбирайте открытку из каталога или загружайте свою (найденную в интернете), выбирайте фон, добавляйте текст, музыку или своё аудио поздравление. Генерируется веб-страница, ссылку на которую вы разошлете любым удобным для вас способом. Легко создавать на мобильном! Поэтому отправить оригинальное поздравление не составит труда. Время хранения открытки неограниченно. За 5 кликов у меня получилось:
    виртуальная открытка с музыкой

Создать открытку 8 марта онлайн

Воспользуйтесь следующими сервисами, чтобы создать открытку практически с нуля. 
  1. Canva - известный многим функциональный фоторедактор. Здесь вы найдете множество шаблонов. Нужна регистрация.
  2. Printclick Если у вас свой бизнес, то вы можете заказать партию открыток с логотипом и контактами своей компании. Воспользоваться же вы можете генератором открыток princlick. Отличная рекламная акция и недорого.
  3. Crello - редактор, в котором нужна регистрация. Не пугайтесь английского языка, в настройках можно переключится на русский.
  4. Онлайн-открытка - для тех, у кого хорошо развита фантазия, так как создавать открытку придется с чистого листа. 
  5. Mumotiki - подготовьте красивую картинку, а поздравительный текст вы сможете добавить здесь. Кстати, если вам нужно просто добавить текст на картинку, то вы можете ознакомиться с этими сервисами
Я надеюсь, что воспользовавшись одним из этих генераторов, вы сможете достойно поздравить своих дам с 8 марта!
Читать далее ...

2019-02-17

Textual description of firstImageUrl

Как вернуть профиль пользователя Blogger

Как вернуть профиль пользователя Blogger
Содержание статьи:
  1. Google+ закрывается
  2. Удаление комментариев Google+
  3. Как заменить профиль гугл плюс профилем Блоггер
  4. Как удалить профиль Г+

Google Plus закрывается

Платформа Google Plus не оправдала надежд разработчиков и будет удалена полностью уже 2 апреля 2019 года. Вместе с ней исчезнут связанные с ней альбомы в Google Фото, станут недоступными авторизации на сайтах с аккаунтом Google Plus. Уже с 4 февраля стала недоступной функция создания профилей Google Plus, каналов и страниц. Если на вашем аккаунте хранился ценный контент, то вы можете скачать резервную копию здесь.
Больше всех изменения коснутся блогеров, ведущих свои блога на Blogspot. Станут недоступны некоторые виджеты G+, комментарии G+, а также профиль Google +. Об этом сказано в уведомлении в админке Blogger:
После объявления о прекращении работы API Google+, которое запланировано на март 2019 года, 4 февраля будет внесен ряд изменений в интеграцию Blogger с Google+.
Виджеты Google+. В дизайне блогов больше не будут поддерживаться виджеты "Кнопка +1", "Подписчики Google+" и "Значок Google+". Из вашего блога будут удалены все экземпляры этих виджетов.
Кнопки +1. Будут удалены кнопки +1 и G+, а также ссылки "Опубликовать в Google+" под записями в блоге и на панели навигации.
Обратите внимание, что, если вы используете пользовательский шаблон, в котором есть функции Google+, его может быть необходимо изменить. Обратитесь за рекомендациями к тому, кто предоставил вам этот шаблон.
Google+ Комментарии. Будет прекращена поддержка комментариев с использованием Google+, а для всех блогов, которые используют эту функцию, будут восстановлены стандартные комментарии Blogger. К сожалению, комментарии, размещенные через Google+, невозможно перенести в Blogger, поэтому они больше не будут отображаться в вашем блоге.

Удаление комментариев Google Plus


К сожалению, комментарии, которые были опубликованы в системе комментирования Google Plus будут удалены безвозвратно. Вы лишь можете воспользоваться тем же инструментом https://takeout.google.com, чтобы сказать резервную копию комментариев от Google + на свой компьютер. Только загрузчика для него не предусмотрено и восстанавливать комментарии вам можно только вручную достаточно кривым способом. Хорошо, что я в свое время вовремя вернула комментарии от Blogger.

Как заменить профиль гугл плюс профилем Блоггер

Если вы ведете блог на Blogspot, то целесообразно сейчас вернуться с профиля Гугл Плюс на профиль Blogger (для тех, кто переключился на гугл плюс в своё время). Рекомендую сделать это прямо сейчас во избежании непредвиденных ситуаций, которые могут происходить при удалении аккаунтов Google Plus.

Как вернуть профиль Blogger

Сделать это просто в настройках админки Blogger:
Настройки –> Пользовательские настройки –> Профиль пользователя – здесь выберите Blogger


Сохраните изменения.
Подтвердите переход на профиль Blogger и задайте свое имя или никнейм.


Не забудьте загрузить аватар в вашем профиле Blogger.

Как удалить профиль гугл плюс

Если вы решили раз и навсегда избавиться от профиля Г+, то перейдите на свою страницу гугл плюс –> Настройки –> прокрутите страницу до конца вниз –> удалить аккаунт гугл плюс:


Читать далее ...
Textual description of firstImageUrl

Что такое стили CSS?

css в Blogspot
Сегодня расскажу что такое CSS3, с чем его едят, где его искать, как правильно его прописывать. Предупреждаю, буду рассказывать от себя, упрощенно для широкой публики, как я это вижу + примеры. Итак, начнем издалека.
CSS – это стили, в которых прописываются свойства объекта. Значит, они есть во всех существующих движках, если вы их не можете найти, значит либо не там смотрите, либо их действительно нет (кривой сайт). Где же они обычно найти? Обычно это корень сайта, название файла style.css, хотя, в принципе, название не так важно, как расширение .css, если файл с таким расширением – это файл стилей.
Смотрите также уроки по основам CSS на моём блоге.

Где их искать? 


Путь к файлу приписывают в шаблоне между <head></head>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
В Blogspot немного по другому, там стили прописаны сразу в коде, до тега между
<b:skin>тут стили</b:skin>

Как выглядят стили? 


разберем на примере:
<head>
#header {
 background: #fff;
 font-size: 13px;
 line-height: 1.5;
 font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
 color: #333;
}
.contacts {
 position: absolute;
 top: 20px;
 right: 10px;
}
</head>
<body>
<div id='header'>шапка сайта</div>
<div class='contacts'>контакты автора сайта сайта</div>
</body>
Вы можете просмотреть стили на любом сайте, достаточно лишь просмотреть html-код сайта в браузере. Теперь вы без труда их узнаете, прочитав как они выглядят в этой статье.
Как видно, стили по разному прописываются. Стилям, которые начинаются на знак решетки соответствует определенный id блока в html, стилям с точкой определенный класс блока. По другому никак, не будут стили работать. Названия вы можете придумать какие хотите, главное чтоб они соответствовали написанным id и class в html. Свойства стиля обязательно обрамляются в скобки, после него ставится двоеточие (смотрим на пример выше), пишется параметр и закрывается точкой с запятой. Допускается что в последнем свойстве в конце можно точку с запятой не ставить, достаточно закрывающей скобки.
Бывает что CSS прописывают сразу в блоке, не выводя его в отдельный файл:
<div style='background: #fff;font-size: 13px;line-height: 1.5;font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;color: #333;'>шапка сайта</div>

CSS на Blogspot

В Blogger стили могут прописываться по другому, объясню позже из-за чего. Открыв код можем видеть такое (просмотрите стили внимательно, и вы увидите знакомые блоггеровские теги, задающие стили):
<b:skin><![CDATA[
  <Group description="Blog Title" selector=".header h1">
     <Variable name="header.font" description="Font" type="font"
         default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 40px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
     <Variable name="header.text.color" description="Title Color" type="color" default="#3399bb"  value="#000000"/>
   </Group>
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
border-right: 1px solid #666666;
float: left;
padding: 0 15px 0 0;
}
]]></b:skin>
Как видим, свойство стиля .Header h1 прописано отдельно выше. Как понять и найти свойство? очень просто, у font есть параметр header.font, вот его то мы и ищем. Находим его в группе свойств “Blog Title” для стиля “.header h1″, внутри 2 свойства “header.font” и “header.text.color”. Вот их мы и меняем. Это сделано для быстроты чтения стилей браузером, так он меньше делает запросов. Ведь свойство header.text.color может где-то еще повторяться. Ниже еще есть header.shadow.offset.left и другие, смысл в них тот же, повторять не буду.
Когда говорят искать в css (или стилях), значит ищем в blogspot’е между тегами
<b:skin></b:skin>
и обычно до тега
</body>
если конечно они не прописаны прямо в html (пример выше, стили в блоках). В других cms обычно все вынесено в отдельный файл с расширением .css

Читать далее ...

2019-02-15

Textual description of firstImageUrl

Как удалить внешние ссылки из шаблона Blogger

Удалить внешние ссылки из блога Blogger
Эта свежая статья написана, чтобы осветить актуальную информацию об удалении лишних ссылок из шаблонов Blogspot, а также из новых тем Blogger. Как вы знаете, в кодах Blogger в 2018 году произошли изменения, поэтому многие действия с кодом нужно производить по новому. Плюс появились новые темы, которые сформированы иначе. В связи с этими изменениями разберем тему про удаление ссылок.
Проверить свой блог на наличие внешних ссылок вы можете на сервисах https://pr-cy.ru/link_extractor/ и https://seolik.ru/links. Не забывайте, что проверять нужно не только главную страницу блога, но и страницу записей (постов) и страницы (Page). Большое количество внешних ссылок, открытых для индексации препятствуют продвижению вашего блога.

Как удалить ссылки из старого стандартного шаблона Blogger

На примере шаблона Простой (Simple).
Такие шаблоны дают больше всего внешних ссылок. В моем тестовом блоге при установке простой темы при проверке обнаружилось 25 внешних ссылок на главной странице, из них индексировались 14.
Напоминаю, что перед тем, как производить изменения в коде шаблона, сделайте резервную копию!
  1. Удалить ссылку на Blogger - https://www.blogger.com/. Эта ссылка заключена в виджете Attribution. Во вкладке “Дизайн блога” он отображается, как гаджет Атрибуция и защищен от удаления. Чтобы его удалить, переходим во вклудку “Тема”-> изменить HTML. По поиску виджетов (список виджетов) находим Attribution1 и удаляем весь код вместе с секцией footer, в которую он заключен. Так выглядит удаляемый код в свёрнутом виде:
    убрать ссылку Attribution
    А так полный код:
    <b:section class='foot' id='footer-3' name='Footer' showaddelement='no'>
             <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
               <b:widget-settings>
                 <b:widget-setting name='copyright'/>
               </b:widget-settings>
               <b:includable id='main'>
         <div class='widget-content' style='text-align: center;'>
           <b:if cond='data:attribution != &quot;&quot;'>
            <data:attribution/>
           </b:if>
         </div>
    <b:include name='quickedit'/>
       </b:includable>
             </b:widget>
           </b:section>
    Сохраняем изменения и проверяем блог на наличие Атрибуции.
  2. Вы, конечно же видели в своём блоге иконки “Гаечный ключ и отвертка”  для быстрого редактирования виджетов. Каждая такая иконка несет с собой внешню ссылку на Blogger. Сейчас они закрыты тегом nofollow, но все равно от них нужно избавляться. Править же виджеты вы будете во вкладке Дизайн.
    Вот неполный перечень ссылок, которые зашифрованы в иконках гаечного ключа (ID блога будет ваш)
    - Виджет HTML1: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=header
    - Виджет HTML2 http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=header
    - Архив блога: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget&sectionId=main
    - Ярлыки блога: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget&sectionId=main
    - Популярные сообщения: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget&sectionId=main
    От всех этих ссылок легко избавиться. Найдите в шаблоне блога тег <b:include name='quickedit'/>. Он встречается столько раз, сколько виджетов в вашем блоге. Удалите все вхождения тега <b:include name='quickedit'/>.
  3. Удаляем ссылки на быстрое редактирование записи блога (иконка “Карандаш”). Упрощает редактирование постов, но несет в себе угрозу в качестве внешней ссылки вида: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=pencil
    Как удалить:
    Способ 1. Во вкладке Дизайн отредактируйте элемент “Сообщения блога” и снимите галочку в пункте “Показать "Быстрое редактирование””.
    Способ 2. найдите в шаблоне блога тег  <b:include data='post' name='postQuickEdit'/> и удалите его. Сохраните изменения и проверьте свой блог на наличие иконки и ссылки.
  4. Удалить Navbar. Найдите по поиску виджетов в шаблоне html блога Navbar1 и удалите весь код вместе с секцией.

    Убрать navbar Blogger
    А именно:
    <b:section class='navbar' id='navbar' maxwidgets='1' name='Navbar' showaddelement='no'>
         <b:widget id='Navbar1' locked='true' title='Панель навигации' type='Navbar'>
           <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
         function setAttributeOnload(object, attribute, val) {
           if(window.addEventListener) {
             window.addEventListener(&#39;load&#39;,
               function(){ object[attribute] = val; }, false);
           } else {
             window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
           }
         }
       &lt;/script&gt;
    &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
           gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
             if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
               gapi.iframes.getContext().openChild({
                   url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d1490203873741752013\x26blogName\x3dnew\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://m-ynewblog.blogspot.com/search\x26blogLocale\x3dru\x26v\x3d2\x26homepageUrl\x3dhttps://m-ynewblog.blogspot.com/\x26vt\x3d-3989465016614688571&#39;,
                   where: document.getElementById(&quot;navbar-iframe-container&quot;),
                   id: &quot;navbar-iframe&quot;
               });
             }
           });
         &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
    (function() {
    var script = document.createElement(&#39;script&#39;);
    script.type = &#39;text/javascript&#39;;
    script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
    var head = document.getElementsByTagName(&#39;head&#39;)[0];
    if (head) {
    head.appendChild(script);
    }})();
    &lt;/script&gt;
    </b:includable>
         </b:widget>
       </b:section>
    Сейчас Навбар в блоге не дает индексируемых внешних ссылок, но я считаю, что это лишний элемент, который не несет в себе функциональной нагрузки, и его лучше удалить.
  5. Удалите внешние ссылки на изображения. При загрузки изображений в сообщение блога, в них автоматически встраивается ссылка. Чтобы убрать такие ссылки, необходимо отредактировать все записи блога. В режиме “Просмотр” кликайте на фото и далее на иконку “Ссылка”. Если изображение не несет в себе внешнюю ссылку, то при клике на фото в редакторе записи иконка “Ссылка” не активна (нет подсветки иконки).
    убрать кликабельные картинки
  6. Удалить ссылку на профиль автора блога. Удалить автора блога под записью. Для этого найдите код <b:widget-setting name='showAuthor'>true</b:widget-setting> и вместо true пропишите false. Получится <b:widget-setting name='showAuthor'>false</b:widget-setting>
  7. Закрыть ссылку из виджета “Профиль” от индексирования тегом nofollow. Если вы используете в своем блоге виджет “профиль”, то найдите через быстрый поиск по виджетам в шаблоне блога код гаджета Profile1. Нужно отредактировать код виджета, заменив в двух местах rel=’author’ на rel=’nofollow’ и добавить к двум ссылкам rel=’nofollow’. У вас должно получиться, как на скриншоте:

    убираем ссылку на профиль Google Plus
    Сделано на примере редактирования профиля Google Plus. Напоминаю, что Google Plus будет ликвидирован 2 апреля 2019 года. Соответственно после этой даты нужно будет производить другие изменения в коде виджета “Обо мне”.
  8. Проверяем на наличие внешних ссылок любую страницу записи Blogspot, к которой оставлены комментарии. Найдите и удалите в шаблоне блога код:
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    В Настройках блога по пути Настройки блога -> Другое -> Фид сайта -> Разрешаем фид блога применяем следующие настройки:
    Запретить фид сайта

Убрать внешние ссылки из нового стандартного шаблона Blogger

На примере темы Notable
  1. Удаляем Attribution (ссылка внизу – Технологии Blogger)
    Находим в шаблоне блога по поиску по виджетам (список виджетов) Attribution1 и удаляем код вместе с секцией по аналогии со старым шаблоном Blogger (смотри выше 1).
  2. Удаляем ссылку из виджета «Сообщить о нарушении». Это виджет ReportAbuse1. Находим в поиске по виджетам:
    Код выглядит целиком так:
    <b:widget id='ReportAbuse1' locked='true' title='' type='ReportAbuse' visible='true'>
    <b:includable id='main'>
    <b:include name='reportAbuse'/>
    </b:includable>
    </b:widget>
  3. Проверяем страницу записи блога с комментариями и удаляем ссылки по аналогии со старыми шаблонами блога (смотри выше – пункт 8).
  4. Удаляем ссылки из постов блога, которые вшиты в картинки записей (смотри пункт 5). 
Читать далее ...

2019-02-12

Textual description of firstImageUrl

Как создать галерею изображений

галерея блогов
На своем блоге вы можете создать галерею блогов или ссылок на тематические интернет-ресурсы. Причем в эту галерею могут добавлять ваши читатели свои блоги без вашего непосредственного участия. Для добавления собственных ссылок читателям нужно будет лишь авторизоваться через аккаунт Google или Facebook.
Вы лишь будете контролировать тематичность ссылок, проводя их постмодерацию. Подобный каталог блогов выглядит следующим образом:
каталог_блогов
Вы можете также протестировать мою галерею в конце этой статьи и добавить собственные ссылки. Это приветствуется 😉
Добавлять галерею в блог мы будем при помощи скрипта inlinkz.

Как добавить изображение в галерею

  1. Под каждой галереей находится кнопка для добавления ссылки "add link". Нажмите на нее:

  2. галерея
  3. После этого у вас появится предложение авторизоваться через аккаунты Google, Facebook или зайти через свою учетную запись inlinkz.
  4. Снова нажмите кнопку "Add link". Добавьте свою ссылку или загрузите изображение в галерею.

      добавить свое фото в галерею блога
  5. Нажмите кнопку "Done" для завершения.
  6. Второй способ добавление изображения через загрузчик "Upload". Загрузите свое изображение, добавьте описание и при необходимости ссылку. Если после добавления ссылки, скрипт предложит вам свои варианты фотографий, то снова перейдите во вкладку "Upload' и выберите своё загруженное фото. Нажмите кнопку "Save", а затем "Done".

Как добавить галерею изображений в свой блог

  1. Зарегистрируйтесь на сайте inlinkz.com. Нажмите на кнопку "Get start" и можете просто авторизоваться через аккаунт Google или Facebook.
  2. Создайте новую галерею через функцию "Create your first party" или кнопку "New", если у вас не первая галерея. Заполните все пункты, как показано на скриншоте ниже:
    Как создать галерею изображений
    Завершите создание галереи кнопкой "Create"
  3. Чтобы вставить галерею в блог, нажмите на "Copy code" под миниатюрой своей галереи. Добавьте адрес своего блога и описание.
    галерея ссылок в блог
  4. Снова нажмите Copy Code, и скопируйте самый верхний код (со скриптом):
    копировать код
  5. Вставьте код в запись блога или на страницу в режиме HTML. Вы можете также добавить код в виджет HTMl/Javascript вашего блога.


 
Читать далее ...