Как да добавите харесване на Facebook към Blogger (със снимки)

Съдържание:

Как да добавите харесване на Facebook към Blogger (със снимки)
Как да добавите харесване на Facebook към Blogger (със снимки)

Видео: Как да добавите харесване на Facebook към Blogger (със снимки)

Видео: Как да добавите харесване на Facebook към Blogger (със снимки)
Видео: 11 вещей которые я поняла за 11 лет жизни в Японии 2024, Може
Anonim

Това wikiHow ви учи как да добавите бутон „Харесвам“във Facebook, който можете да кликнете, към вашия уебсайт на Blogger (blogspot.com). След като изградите бутона в конфигуратора Like Button, ще трябва само да копирате и поставите два бита код в таблото си за управление на Blogger, като направите едно бързо редактиране за съвместимост.

Стъпки

Част 1 от 3: Създаване на подобен бутон

Добавете Facebook Like към Blogger Стъпка 1
Добавете Facebook Like към Blogger Стъпка 1

Стъпка 1. Отидете на

Можете да използвате всеки съвременен уеб браузър, като Chrome или Safari.

Добавете Facebook Like към Blogger Стъпка 2
Добавете Facebook Like към Blogger Стъпка 2

Стъпка 2. Превъртете надолу до Конфигуратор на харесване на бутони

Намира се в третия раздел на страницата.

Добавете харесване на Facebook към Blogger Стъпка 3
Добавете харесване на Facebook към Blogger Стъпка 3

Стъпка 3. Въведете адреса на вашия блог в полето „URL за харесване“

Добавете Facebook Like към Blogger Стъпка 4
Добавете Facebook Like към Blogger Стъпка 4

Стъпка 4. Въведете желаната ширина на приставката в полето „Ширина“

Повечето потребители на Blogger могат да оставят това поле празно, тъй като стандартната ширина (450 px) работи добре. Обърнете внимание, че това е ширината на целия плъгин, а не на самия бутон Like.

Добавете Facebook Like към Blogger Стъпка 5
Добавете Facebook Like към Blogger Стъпка 5

Стъпка 5. Изберете стил на бутон от менюто „Оформление“

Ще видите визуализация на всеки стил, когато бъде избран.

Добавете Facebook Like към Blogger Стъпка 6
Добавете Facebook Like към Blogger Стъпка 6

Стъпка 6. Изберете действие от менюто „Тип действие“

По подразбиране бутонът ви ще казва „Харесвам“. Ако предпочитате, можете да го промените, за да кажете „Препоръчвам“. Когато някой кликне върху бутона, техните последователи във Facebook ще видят „(име на човек) Препоръчва това“.

Добавете Facebook Like към Blogger Стъпка 7
Добавете Facebook Like към Blogger Стъпка 7

Стъпка 7. Изберете размер от менюто „Размер на бутона“

Визуализацията на бутоните под конфигуратора ще ви покаже как изглежда всеки размер.

Добавете Facebook Like към Blogger Стъпка 8
Добавете Facebook Like към Blogger Стъпка 8

Стъпка 8. Поставете или премахнете отметката от квадратчето „Включване на бутона за споделяне“

Ако квадратчето е отметнато, до бутона „Харесване“в блога ви ще се появи бутон, който казва „Споделяне“. Ако някой кликне върху този бутон, той ще има възможност да въведе част от собствения си текст, преди да сподели връзката с приятелите си във Facebook.

Добавете Facebook Like към Blogger Стъпка 9
Добавете Facebook Like към Blogger Стъпка 9

Стъпка 9. Щракнете върху Получаване на код

Сега ще видите две кутии, съдържащи HTML код, който трябва да поставите в различни области на Blogger.

Част 2 от 3: Добавяне на кода към вашия шаблон

Добавете Facebook Like към Blogger Стъпка 10
Добавете Facebook Like към Blogger Стъпка 10

Стъпка 1. Влезте в

Използвайте друг раздел или прозорец на браузъра, тъй като ще трябва да копирате и поставите кода от Facebook в Blogger.

Добавете харесване на Facebook към Blogger Стъпка 11
Добавете харесване на Facebook към Blogger Стъпка 11

Стъпка 2. Щракнете върху Шаблон

Той е в лявата част на екрана, близо до долната част на менюто.

Добавете Facebook Like към Blogger Стъпка 12
Добавете Facebook Like към Blogger Стъпка 12

Стъпка 3. Архивирайте шаблона на вашия блог

Винаги правете резервно копие, когато редактирате директно HTML кода на вашия блог.

  • Щракнете върху Архивиране / възстановяване бутон в горния десен ъгъл на страницата.
  • Щракнете Изтеглете шаблон.
  • Въведете име за вашия файл, напр. „Архивиране на шаблон за блог“.
  • Щракнете Запазване.
Добавете харесване на Facebook към Blogger Стъпка 13
Добавете харесване на Facebook към Blogger Стъпка 13

Стъпка 4. Щракнете върху Редактиране на HTML

Това е точно под изображението за предварителен преглед на вашия блог.

Добавете харесване на Facebook към Blogger Стъпка 14
Добавете харесване на Facebook към Blogger Стъпка 14

Стъпка 5. Копирайте кода от първото поле на Facebook Like Button Configurator

Това е кодът в горното поле, под „Стъпка 2“.

Можете да копирате текста, като го маркирате, след което натиснете Control+C или ⌘ Command+C

Добавете Facebook Like към Blogger Стъпка 15
Добавете Facebook Like към Blogger Стъпка 15

Стъпка 6. Поставете кода в HTML кода на Blogger

Кодът трябва да бъде поставен след реда, който започва с <body, за предпочитане в следващия ред.

  • За да си дадете място за поставяне на код, щракнете преди първия знак на реда след маркера на тялото, след което натиснете ↵ Enter или ⏎ Return.
  • Щракнете върху празния ред, след това натиснете Control+V или ⌘ Command+V, за да поставите.
Добавете Facebook Like към Blogger Стъпка 16
Добавете Facebook Like към Blogger Стъпка 16

Стъпка 7. Заменете всяко „&“в поставения код с „

&

”.

Не включвайте кавичките.

  • Например „//connect.facebook.net/en_US/sdk.js#xfbml=1 & версия = v2.8”става„ //connect.facebook.net/en_US/sdk.js#xfbml=1

    &

  • версия = v2.8 ""
Добавете Facebook Like към Blogger Стъпка 17
Добавете Facebook Like към Blogger Стъпка 17

Стъпка 8. Щракнете върху Запазване на шаблон

  • Ако случайно сте пропуснали „&“, ще видите грешка, която казва „Error Parsing XML“точно над кода. Върнете се към поставения код, намерете & и го заменете с

    &

  • .

Част 3 от 3: Добавяне на бутона към вашето оформление

Добавете Facebook Like към Blogger Стъпка 18
Добавете Facebook Like към Blogger Стъпка 18

Стъпка 1. Копирайте второто поле с код от конфигуратора Like Button

Ще трябва да се върнете в другия прозорец или раздел на браузъра си, за да го намерите. Това е кодът в полето под „Стъпка 3“.

Можете да копирате текста, като го маркирате, след което натиснете Control+C или ⌘ Command+C

Добавете Facebook Like към Blogger Стъпка 19
Добавете Facebook Like към Blogger Стъпка 19

Стъпка 2. Щракнете върху Layout обратно в Blogger

Той е от лявата страна на таблото за управление на Blogger, точно над „Шаблон“.

Добавете Facebook Like към Blogger Стъпка 20
Добавете Facebook Like към Blogger Стъпка 20

Стъпка 3. Щракнете върху бутона Добавяне на притурка, където искате да се появи бутонът

В повечето случаи ще искате бутонът да се показва в горен или долен колонтитул

Добавете Facebook Like към Blogger Стъпка 21
Добавете Facebook Like към Blogger Стъпка 21

Стъпка 4. Изберете HTML/JavaScript

Ще трябва да превъртите малко надолу, за да го намерите.

Добавете харесване на Facebook към Blogger Стъпка 22
Добавете харесване на Facebook към Blogger Стъпка 22

Стъпка 5. Въведете facebook под „Заглавие

Добавете Facebook Like към Blogger Стъпка 23
Добавете Facebook Like към Blogger Стъпка 23

Стъпка 6. Поставете копирания код в полето „Съдържание“

Можете да направите това, като щракнете в полето и натиснете Control+V или ⌘ Command+V.

Добавете Facebook Like към Blogger Стъпка 24
Добавете Facebook Like към Blogger Стъпка 24

Стъпка 7. Щракнете върху Запазване

Сега ще видите кутия за притурки, наречена „facebook“.

Щракнете върху Визуализация в горния десен ъгъл на страницата, за да се уверите, че бутонът се появява там, където трябва. Ако местоположението не ви харесва, можете да плъзнете полето „facebook“в една от другите секции в оформлението си

Добавете Facebook Like към Blogger Стъпка 25
Добавете Facebook Like към Blogger Стъпка 25

Стъпка 8. Щракнете върху Запазване на подредбата

Намира се в горния десен ъгъл на екрана. Сега, когато някой се наслаждава на вашия блог, той може лесно да го сподели с всички свои приятели във Facebook.

Препоръчано: