Убрать с главной Оформить родные социальные кнопки Google



Здравствуйте друзья, гости и мои дорогие читатели. Многие вебмастера продолжают пользоваться в своих блогах родными социальными кнопками Google. Давайте оформим их в рамку или зададим фон, а то как-то очень бледно они смотрятся, иногда и внимания на них не обращаешь.

Для оформления использовать будем CSS стили. Идем в шаблон, делаем резервную копию, далее изменить шаблон. Находим заветную строку <b:skin>...</b:skin>, нажимаем на стрелку слева и вставляем, к примеру, вот такой код CSS.

.post-share-buttons{
background:#f8f8ff;
border-bottom: 5px inset #03b4cc;
border-radius:10px;
margin:5px 0 0 0;
padding:5px
width:auto;}

Пример оформления с кодом CSS выше

Оформление родных социальных кнопок Google
Оформлять Вы будете на свой вкус, под дизайн своих блогов, это я быстренько оформила для примера, можно фантазировать. В коде выделено жирным шрифтом, какие значения можно изменить и на что обратить внимание.

Кому трудно вставить код в шаблон, можно добавить гаджетом

<style>стиль CSS</style>

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

Здесь надо поработать в шаблоне, найти строку

 <b:includable id='shareButtons' var='post'>...</includable>

Убрать с главной родные социальные кнопки Google

Кликайте по скриншоту для увеличения. Нажмите слева на стрелку и после строки <b:includable id='shareButtons' var='post'> вставьте код:

<b:if cond='data:blog.pageType == &quot;item&quot;'>здесь код кнопок</b:if>

И как совсем не показывать кнопки в блоге, думаю знают все: дизайн-изменить сообщение, настраиваем всё, что хотим или не хотим видеть на страницах.

На этом закончу, получилась короткая шпаргалка, надеюсь будет полезна, особенно начинающим блоггерам.

На все вопросы отвечу в комментариях или используйте контактную форму для связи. Всего доброго.

Другие интересные статьи в блоге:

TEXT.RU - 100.00%




Автор статьи ✎ Olga Protasova Выпуск ✹ 4/15/2016 Ярлыки ►


Открыть комментарии →

0 коммент. :

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

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *