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 вашего блога.


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

2019-02-08

Textual description of firstImageUrl

23 февраля открытки онлайн


Наступающий мужской праздник заставляет многих пользователей интернета искать открытки к 23 февраля.
Пост обновлен от 07 февраля 2019 года. Все ссылки рабочие.
К прошлому празднику я уже публиковала список сервисов, позволяющих создать валентинку онлайн. На этот раз я расскажу вам на каких сайтах вы можете найти уже готовые открытки, фоны и flash к 23 февраля.

  1. 23 февраля на virtualcards - этот сервис поможет отправить поздравительную открытку на любой e-mail адрес совершенно бесплатно. Вам нужно только заполнить поля - кому, куда , от кого и пр. Здесь вы можете добавить ваше поздравление, марку и музыкальное сопровождение.
    Открытки на 23 февраля онлайн
  2. 23 февраля от cerds.onlain.ua Здесь вы найдете много прикольных открыток на 23 февраля, которыми в сможете порадовать своих защитников.
    картинки с 23 февраля отправить по эл почте
  3. 23 февраля от Давно.ру. Здесь вы найдете большую коллекцию патриотических открыток советского времени. Отправляем открытку по e-mail.
    открытки с 23 февраля отправить по эл почте
  4. онлайн-открытка.рф - сайт, на котором вы с нуля можете создать поздравительную открытку - задать цвет фона, загрузить фотографию друга, сделать надпись, добавить клипарт. И все, можете отправить hand made открытку лучшему другу! Он не обидится!
    онлайн генератор открыток с 23 февраля
  5. Atkritka.com - на этом сайте много открыток с приколами, правда не всегда пристойными. Их вы можете отправлять по e-mail и поздравлять защитников отечества.
    отправить открытку с 23 февраля по е-майл
  6. effectfree.ru/ - на этом замечательном сайте вы можете вставить фото адресата в праздничную рамку, добавить текст на фото, скачать на компьютер и сделать свое поздравление очень оригинальным.
    онлайн генератор открыток с 23 февраля
  7. Sunhome.ru - на сайте Дом Солнца можно найти поздравительные открытки с 23 февраля. Выбираем понравившуюся и попадаем в конструктор, где можно написать пожелание вашему адресату и отправить по почте. Выберите сопровождающую мелодию, и открытка станет музыкальной.
    музыкальная открытка по почте 23 февраля

  8. открытки на 23 февраля от cards.tochka.net. На сайте много шуточных открыток. Прикольные открытки можно отправить по электронной почте бесплатно.
    открытки с днем защитника отечества
  9. Retropost - ретро открытки времени СССР. В разделе 23 февраля опубликованы открытки в честь праздника дня Красной Армии. Вы можете выбрать одну из них и поздравить таким необычным способом настоящих мужчин.
    послать ретрооткрытку с 23 февраля
  10. oformi-foto.ru/ - этот замечательный сервис, поможет вставить фото вашего любимого в тематическую открытку-рамку. Отправьте такую интересную открытку своему молодому человеку.
    онлайн генератор открыток с 23 февраля
Это неполный обзор сервисов с открытками на день Защитника Отечества, но я надеюсь, что на нашем блоге вы найдете наиболее интересные варианты из бесчисленного множества сайтов. Я не публиковала в перечне сайты, которые только размещают простые картинки. Гораздо важнее, чтобы открытка могла быть изменена, добавлена музыка, поздравительный текст. Спасибо за внимание!

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