Кнопки соціальних мереж для blogger

Найпростіший: змінити налаштування повідомлення блогу.

Щоб картинки заграли фарбами, в "Дизайн" - "Змінити HTML" перед]]> додамо:
Підсумковий результат.

Блок «Поділитися» від Яндекса.

Яндекс створив кнопку "Поділитися". Дуже органічно вписується в блог: приклад. Для її установки в "Дизайн" - "Змінити HTML", вказавши галочку "Розширити шаблони віджета", після

додаємо необхідний код. Для коректної роботи скрипта на Головній сторінці в нього (у вас може бути інший) вносимо виділені жирним символи:

Скрипти ніяк не хотіли лягати в одну лінію і я їх внесла в таблицю (кінцевий результат):

Код соц. кнопок для блогу на Blogger.

У тому випадку, якщо ви дбаєте про швидкість завантаження сторінки і не хочете використовувати скрипти, коди зазначені нижче я об'єднала в один файл, який ми додаємо в вищевказану конструкцію. Там я вказала, що посилання повинні бути відкриті в новому вікні, яке можна зробити певного розміру (див. Подивитися цю замітку).

Додати на Blogger кнопку "Зберегти" ВКонтакте.

Спочатку поглянемо на сторінку розробників.
Там вказані пара варіантів:

якщо потрібно включити свої іконки:
замість слів "Поділитися ВКонтакте" додаємо зображення.
при застосуванні стандартної кнопки: спочатку потрібно після дописати:
потім в нашу таблицю або іншому місці шаблону вказати:
Зверніть увагу на параметр type. У зазавісімості від виду кнопки він може приймати значення: round, round_nocount, button, button_nocount, link, link_noicon.

Як зробити кнопку додавання в Twitter.

Варіантів багато, але я зупинилася поки на цих:

Кнопка Однокласників "Клас".

після включаємо:
в тег body додаємо виділене жирним
в результаті чого мій код став виглядати як:
в тому місці, де потрібно встановити кнопку пишемо

Але мені цікаво оформлення без скрипта. Посилання у нас мають вигляд:

але шаблон їх не приймає. замінимо символ на -. А далі можна застосувати стандартну конструкцію:
Все вийшло! Ай, да молодца!

Кнопка "В Мой Мир".

Найбільш простий в реалізації. Чому не можна взяти з нього приклад? Чому в інших скриптах якісь свої заморочки? Як завжди, почнемо з офіційної сторінки. Далі два варіанти:

Кнопки від Facebook.

Перепостити в ЖЖ.

Як вже прийнято, дивимося сайт розробника. Все дуже просто, але працює тільки для Живого Журналу. Ми ж можемо застосувати такий варіант, де виділені жирним фрагменти потрібно замінити на свої дані:

Також можна надсилати анонс, але без картинок і інших мультимедійних документів:

Запостити на LiveInternet.

Встановити код кнопки +1 від Google.

Код кнопки +1 вже інтегрований в Blogger. За неї відповідають рядки:

Крім стандартного варіанту, кнопку можна також додати в будь-яке місце на блозі, скажімо, іншого розміру. Сторінка з вибором відповідних під дизайн параметрів.

Далі в шаблоні перед пишемо наданий скрипт:

У тому місці, де повинна відображатися кнопка +1 вносимо

плаваюча панель

Поки на цьому все. Готова відповісти на питання.

Irina Працює! Велике спасибі. )

Тепер треба їх зменшити, а то занадто масштабно виглядають! Irina Хоча, напевно не варто їх зменшувати, а то якість пропаде. Дякую ще раз!

Стільки годин витратила, і нарешті-то вийшло. NMitra Можна просто додати інші зображення меншого розміру. Можна знайти багато різноманітних іконок в мережі, що підходять під дизайн блогу. NMitra Або прибрати незатребувані кнопки. Irina А як, наприклад, замінити зображення кнопки в загальному коді? Irina Наприклад замінити кнопку facebook на кнопку подобається в facebook з лічильником справа? Irina Ось так же з лічильниками як у Вас під цим постом, тільки ще права кнопка facebook-а теж з лічильником щоб була? NMitra За зразок візьмемо twitter.

Підсумок може бути таким:

А як замінити кнопки на кнопки з лічильниками? NMitra Для стандартної кнопки код буде:

Кнопка "Мені подобається" додається легко, але працює не коректно: немає можливості врахувати інфо на своїй сторінці. Тому її код я не стала озвучувати. ольга Вийшло. Дякуємо. Тепер як у приказці: покажи палець, а він тобі всю руку відкусить - прохання, або питання, а як додати кнопку ЖЖ? NMitra Я б із задоволенням відповіла на питання, але, на жаль, зовсім не розбирала цю платформу, орієнтуюся в основному на Blogger і попутно вивчаю HTML. Irina Спасибі! Я переглянула весь інтернет (навіть англійською мовою), написала лист на підтримку блогера, і в інші форуми, але відповідь як додати кнопки без скриптів знайшла тільки у Вас в статті.

На жаль, виконати запит не вдалося.
При відправці цього звіту про помилку в службу підтримки Blogger або в групу довідки Blogger:

Я повинна бачити проблему, зараз на блозі кнопки не встановлені. Dasha Mentol Кнопки 2 тільки встановлені, і то вони все на самому верхньому пості розміщені. NMitra 1) зменшіть кількість сторінок на головній. Вона вантажиться дуже повільно: "Дизайн" - "Елементи сторінки" - "Повідомлення блогу" - "Змінити" - "Кількість повідомлень на головній сторінці" -максимально 5.

До речі, лічильник на однокласники не працює. Який все-таки повинен бути код?

Про ЖЖ не дивилася, подивлюся завтра-післязавтра - відпишуся. NMitra З приводу ЖЖ. Я думаю, вийшло дуже добре:

серед мікроблогів
1. Блоги @ Mail
2. твітер
2. Мікроблоги на QIP

На контакт, фейсбук і однокласники статистики немає.

Це найбільша аудиторія і тут виходячи з чистої статистики повинні бути ці кнопки.
Рештою сервісами можна знехтувати.
Плюс зрозуміло сеошників, знову ж з статистики LiveInternet НЕ буде цікавий, тому що там мало хто цікавиться СЕО. Але іншим може бути навпаки.

Ось. Це я до чого. Напевно не погано б мати щось на зразок ЖЖ кнопки і на LiveInternet.
Вибачте, що може вас навантажую.
Дякуємо.

. Господар жабником Я так і здогадався видалити. a.tkachuk Здравствуйте! Не знаю куди писати, тому пишу сюди. Для мого блогу мені був необхідний гаджет, який би працював так: вицеплял по Твіттеру всі згадки мого блогу, і виводив їх у стрункій колонці. Випадково знайшов ресурс 32Hours.com, і якимось чином встановив їх гаджет.

Результат ви можете подивитися у мене на блозі, в сайдбарі в самому низу.

Що я хотів запитати: якщо вам ця тема інтеерсна, ви не могли б докладно описати покроково як зробити так як у мене получилсь, і як це насправді працює?

Тому що коли я спробував зробити все вдруге, то у мене не вийшло, а в третій знову вийшло)

yaru, vkontakte, facebook, twitter, odnoklassniki, moimir, lj Starkkk можна трохи детальніше? бо я в кодах не розбираюся NMitra Подивіться скрінщот:

Виділене жирним - наш скрипт з style = 'margin: 0 10px 0 0; display: inline; ' Starkkk woohoo фсе ок pnx Starkkk Фоту можна не видаляти. NMitra Відмінно! Не буду) Starkkk Здрастуйте після додавання кнопок у мене пропали ярлики :(
Допоможіть NMitra Нагадайте, ярлики у вас були після статті або гаджет ярлики? Starkkk гаджет працює, а ярлики після статті пропали: '(NMitra Цей фрагмент є в шаблоні?

Тобто розміщення у кожного індивідуально. У кого-то ярлики знаходяться на першому рядку (в коді між

), В іншого на другий (в коді ).

Тому я не можу показати універсального рішення, тут потрібно підходити більш індивідуально. Припускаючи як у вас знаходяться елементи можу викласти необхідний код трьох елементів, а ви додасте необхідні фрагменти.

margin: верх вправо вниз вліво Андрій Не так почав робити. Все добре спасибі. Starkkk XD скопіював код в другій блог, напис ярлики стала нівідомой: D тільки при виділенні мишею можна прочитати, як це змінити? NMitra Забавно)

#layout .region-inner min-width: 0;
width: auto;
> NMitra Светлан, боюся, що так не можна. Ви можете скористатися цим варіантом:

велике спасибі. NMitra Так, вручну це зробити проблематично.

CTRL + F в поле пошуку вводимо

Інакше потрібно завантажити раніше збережений шаблон (у вас адже є їхньою версією, у мене - не завжди актуальні) або "Дизайн" - "Змінити HTML" - "Відновити шаблони віджетів за умовчанням", або поміняти групу шаблонів, наприклад, з "Проста" на "Венеціанське вікно". Ці дії повинні допомогти. Ось тільки раніше внесені зміни в шаблон вручну прийдеться встановлювати заново. NMitra Схоже на те. Чому перестала відображатися картинка з профілю ВКонтакте? StarK Мабуть це залежить від того показуєте чи ні посилання на профіль. Ось такий же код тільки рекомендую
expr: data-yashareTitle = ' "Рекомендую:" + data: post.title'
expr: data-yashareLink = 'data: post.url'
П.С. У ньому теж буде надіслано зображення з профілю.

Спробуйте перевірити через twitter я там не зареган NMitra В принципі те ж саме. Цікаво, яким чином програма вибирала картинку саме вашого профілю, а не профілю зберігає запис.

. Світлана Ковальова Скажіть, Наталя! У мене в одному з блогів, які я налаштовую, чомусь ніяк не хоче відображатися кнопка Google +1. Я її і сама намагалася встановити і рідну залишити. Так вона як привид, з'явиться, а потім зникне. Просто цікаво, з чим це може бути пов'язано? Корреспондент: Точка зору vipvisionzona.blogspot.com NMitra У коді всі елементи присутні. Спробуйте повністю видалити кнопки, а потім відновити.

При цьому видаленні панелі навігації, потрібно самому вносити код в шаблон, включаючи сам скрипт.

У випадку з Blogger до потрібно додати мета-тег. На практиці не пробувала, можу помилитися:

Данило Юрійович Здравствуйте..А чи не підкажете як ці кнопочки реалізувати в системі UCOZ? NMitra Здрастуйте, на жаль з UCOZ не працювала, тому точно не підкажу.

Кнопку прикрутила після всіх інших (але в один ряд, на жаль, не вийшло). NMitra Daniel, розмістіть код кнопки в таблицю:

код