-->

19.04.2017

Как установить кнопки соц. сетей на Блоггер - метод 2

Как установить кнопки соц. сетей на Блоггер – метод 2
Несколько раньше я показала метод 1 - выбирать вам, какой из способов для вас окажется более простым, да и вообще на тот самый случай получить знания не помешает.

Внимание! Начинаю установку кнопок соц. сетей на своём тестовом блоге.
(далее рекомендую НАЖАТЬ на картинку для увеличения размера)

Для работы открою две вкладки в последовательности:

1) Блоггер -> тема -> изменить HTML

  
2) поделиться Яндекс (адресная строка браузера) -> 


Блок «Поделиться» - Технологии Яндекса






Далее:
- с левой стороны под заголовком "Набор сервисов" простым нажатием левой кнопкой мыши проставляю галочки напротив нужной соц. сети
- с правой стороны выбираю внешний вид кнопочек, кликая текст над блоком: "счётчики", "иконки и меню"…, - например, "только иконки"

- далее изучаю генерированный код блока "Поделиться", который состоит из 2-х частей: 
одна - для вставки П Е Р Е Д тегом head в шаблоне блога 
и вторая вставляется в то место, где будут располагаться кнопки соц.сетей, отмеченные в левой части данного сервиса, а точнее П О С Л Е 2-го тега data:post.body

Итак, для работы я открыла 2 вкладки:

1) код HTML (далее стр.1)
2) сгенерированный код на сервисе Блок «Поделиться» (далее стр.2)

ВАЖНО !!! 
СКОПИРОВАТЬ КОД ШАБЛОНА на стр.1
И СОХРАНИТЬ, например, в блокноте 
на тот случай, если вдруг что-нибудь пойдёт не так...

3)щелкнуть один раз мышью в окне с кодом (в любом месте)на стр.1 и нажать одновременно клавиши CTRL и F … 
И   Л   И: зажать и, не отпуская CTRL, нажать F
В правом верхнем углу должно появится маленькое окно или своеобразная поисковая строка

4)Набрать в появившейся строке </head> и нажать Enter (найденный тег д.б. выделен желтым фоном), ПЕРЕД ним вставляем ПЕРВУЮ часть кода со стр.2





5)Далее в том же поисковом окне вписать data:post.body и нажать Enter 
П О С Л Е 2-го тега data:post.body ( в коде их м.б. до 3-х или ... - выделены желтым фоном)вставить ВТОРУЮ часть кода со стр.2 

И   Л   И: 
кликнуть ещё раз мышкой в конце тега data:post.body, прописанного в поисковой строке, и вновь нажать Enter – откроется выделенный жёлтым фоном нужный 2-й тег
6)Важно СОХРАНИТЬ тему!


Поздравляю! 
Теперь кнопки по-умолчанию будут видны 
и на страницах и в сообщениях!

ВАЖНО !!! 
Если вы хотите, чтобы кнопки соц. сетей не появлялись
 на страницах, в т.ч. на главной, а только в сообщениях,- 
делюсь опытом (см.ниже)
!!! кнопки соц. сетей 
на нужной странице 
можно разместить, применяя метод 1
который годится даже для блогов на WordPress

отредактировать выделенные коды и РАЗМЕСТИТЬ в нужном месте 
не составит никакого труда...

Алгоритм шагов:










1) СКОПИРОВАТЬ код html шаблона, сохранить
2) нажать CTRL и F
3) вписать </head> и нажать Enter
4) П Е Р Е Д тегом </head> ВСТАВИТЬ:

<!-- yashare script -->
1-я часть кода со стр.2 (Блок «Поделиться»")
<!-- end of yashare script -->

Примечание: комментарий yashare script для того, чтобы было проще найти этот код

Далее:










1) вписать data: post.body и нажать Enter
2) П О С Л Е 2-го тега data:post.body ВСТАВИТЬ:

<!-- Yashare -->
<b:if cond='data:blog.pageType == "item"'>
<noindex> <p>Не забудьте поделиться с друзьями… Благодарю</p>
2-я часть кода со стр.2 (Блок «Поделиться»)
</noindex>  
</b:if>

3)СОХРАНИТЬ тему!

Примечание:

1) текст между тегами <p> и </p> меняйте по своему усмотрению
2) коды <b:if cond='data:blog.pageType == "item"'> и </b:if> выводят блок "Поделиться" или кнопки соц. сетей только в случае, если пользователь находится на площадке сообщения. При таком способе кнопки соц. сетей на нужной странице можно разместить, применяя метод 1

В помощь видео


Если вы хотите, чтобы кнопки соц. сетей не появлялись
 на страницах, в т.ч. на главной, а только в сообщениях,- 
делюсь опытом 

!!! кнопки соц. сетей 
на нужной странице 
можно разместить, применяя метод 1
который годится даже для блогов на WordPress 

Дорогой друг,каким из способов 
установить кнопки соц. сетей на Блоггер - выбирать вам 

С вами Татьяна Циркунова, заранее благодарю за комментарий и не забудьте поделиться этой информацией со своими друзьями 



Комментариев нет:

Отправить комментарий

Получи ЛЕГКО бесплатные Bitcoin
Узнай больше прямо  СЕЙЧАС