На дворе серо и уныло, не рукоделится что-то совсем. Раз уж такие пироги, решила немного добавить красок в блог.
Кстати, тоже самое касается картинки для логотипа сайта.
Думаю, все знают, как сделать шапку в виде картинки, но все же добавлю мини-инструкцию.
Можно выбирать как сами сети (путем перетаскивания из одной колонки в другую), так и дизайн кнопок.
А также их размер и расположение.
Как определились, ниже копируем код для вставки в блог.
Да-да, придется изменять шаблон. Надеюсь, все помнят, про важность резервного сохранения?
У многих возникает вопрос, в каком же месте шаблона вставлять код социальных кнопок. Инструкция гласит весьма расплывчато: в нужном вам месте! Ага, в точку, типа, все знают, где ж это самое место находится.
А все оказывается весьма просто, надо просто найти в шаблоне <b:includable id='shareButtons' var='post'> (здесь находятся встроенные кнопочки от Blogger).
Затем сразу под этой строчкой и вставляем нужный нам код. А встроенный блок удаляем. Все!
Также кнопки социальных сетей есть у Яндекс.
Так как я пока не определилась, какой сервис для меня предпочтителен, решила оставить встроенные кнопочки. Однако сделать их раскрашенными. Причем, это самый простой вариант. )))
Ищем в шаблоне ]]></b:skin>.
И прямо над этой строчкой вставляем следующий текст.
На сегодня все. Может, у кого есть предложения по темам для будущих публикаций или есть вопросы по текущей, не стесняемся, пишем в комментариях. )))
Как сделать шапку в виде картинки
Как вы, наверное, заметили (сейчас то уж точно должны заметить) я добавила «новогодности» в блог. Помог все тот же Фотошоп и новогодний скрап-набор, коих для скачивания бесплатно в интернете пруд пруди. Для таких случаев я сохраняю все свои «картинки» в формате psd. А для загрузки в блог перевожу еще и в формат png. Почему именно png, а не, например, более распространенный, jpg? Формат png позволяет сохранить картинку без фона, да и весит не много.Кстати, тоже самое касается картинки для логотипа сайта.
Настраиваем блок «Поделиться»
По поводу социальных кнопок (Оля, привет). Есть масса сервисов для добавления на блог кнопок основных социальных сетей. Например, http://share.pluso.ru/Можно выбирать как сами сети (путем перетаскивания из одной колонки в другую), так и дизайн кнопок.
У многих возникает вопрос, в каком же месте шаблона вставлять код социальных кнопок. Инструкция гласит весьма расплывчато: в нужном вам месте! Ага, в точку, типа, все знают, где ж это самое место находится.
А все оказывается весьма просто, надо просто найти в шаблоне <b:includable id='shareButtons' var='post'> (здесь находятся встроенные кнопочки от Blogger).
 |
| Под найденным фрагментом вставляем сохраненный код |
 |
| Встроенный блок надо удалить, чтобы не было "задвоения" |
Ищем в шаблоне ]]></b:skin>.
На сегодня все. Может, у кого есть предложения по темам для будущих публикаций или есть вопросы по текущей, не стесняемся, пишем в комментариях. )))
Света, тема действительно интересная! Я, правда, все не решаюсь изменить кнопочки, хотя уже думала об этом. Вот твоя статья и сподвигнет. Напишу себе в план при следующем изменении блога поменять и кнопочки. Спасибо!
ОтветитьУдалитьНаташа, у тебя даже план имеется! Вот это я понимаю, серьезный подход)))
УдалитьУ меня как раз и установлены эти два плагина соц. сетей. Кстати, PlUSO я устанавливаю через гаджет, просто надо 2 кода вставить друг за другом, но косяк в том, что на планшете они не отображаются, поэтому мне пришлось вставлять соц. кнопки от Яндекс после каждого поста.
ОтветитьУдалитьОлеся, я пробовала и через гаджет. Но тогда блок появлялся только в самом сообщении, на главной под каждым постом его не было. А хотелось)))
УдалитьНасчет мобильного шаблона, у меня с ним тоже беда... Я вообще не понимаю как его можно править. Как-нибудь надо сесть разобраться)))
Светлана, очень давно хотела добавить кнопочки соц.сетей. А тут ваша статья. Помучилась конечно, но все вышло. Спасибо вам огромное!
ОтветитьУдалитьО, первые тестировщики пошли отчитываться))) Оксана, мододчина, рада, что все получилось!
УдалитьО, спасибо )) То, что нужно.
ОтветитьУдалитьОля, пробуй))) Если вдруг не получится, пиши)))
УдалитьОчень нужная информация. Буду пробовать с кнопками разбираться. Света, спасибо тебе за ликбез.
ОтветитьУдалитьНаташа, всегда рада помочь)))
УдалитьСвета,спасибо!
ОтветитьУдалитьСвета, книга по физике на китайском... че же я такая темнота? еще и тормозная темнота!!!
ОтветитьУдалитьЮля, мы же с тобой уже договорились))) Дело только за тобой)))
УдалитьСвета, спасибо, все получилось. Правда, для того, чтобы найти, где располагаются кнопки в html-коде, пришлось сначала открыть все строки, а то не нашел сначала. Еще поиграла с размерами и расположением, поэтому только с третьего раза подобрала то, что понравилось.
ОтветитьУдалитьНаташа, здорово! Очень органично вписались)))
УдалитьСпасибо, постаралась ))) Нельзя же учителя расстраивать ))
УдалитьСкажите, пожалуйста, с какого именно сервиса у вас сейчас стоят кнопки соц.сетей?
ОтветитьУдалитьС Яндекс)))
Удалитьспасибо, все кратко, понятно и полезно)
ОтветитьУдалить