Cum se adaugă Facebook Like pe Blogger (cu imagini)

Cuprins:

Cum se adaugă Facebook Like pe Blogger (cu imagini)
Cum se adaugă Facebook Like pe Blogger (cu imagini)

Video: Cum se adaugă Facebook Like pe Blogger (cu imagini)

Video: Cum se adaugă Facebook Like pe Blogger (cu imagini)
Video: 6 Ways To Promote Your Blog Articles 2024, Mai
Anonim

Acest wikiHow vă învață cum să adăugați un buton „Like” de pe Facebook pe site-ul dvs. Blogger (blogspot.com). După ce ați construit butonul în Configuratorul de butoane Like, va trebui doar să copiați și să lipiți doi biți de cod în tabloul de bord Blogger, făcând o editare rapidă pentru compatibilitate.

Pași

Partea 1 din 3: Crearea unui buton Apreciază

Adăugați Facebook Like la Blogger Pasul 1
Adăugați Facebook Like la Blogger Pasul 1

Pasul 1. Accesați

Puteți utiliza orice browser web modern, cum ar fi Chrome sau Safari.

Adăugați Facebook Like la Blogger Pasul 2
Adăugați Facebook Like la Blogger Pasul 2

Pasul 2. Derulați în jos până la Like Button Configurator

Se află în a treia secțiune a paginii.

Adăugați Facebook Like la Blogger Pasul 3
Adăugați Facebook Like la Blogger Pasul 3

Pasul 3. Introduceți adresa blogului dvs. în caseta „Adresă URL către Apreciați”

Adăugați Facebook Like la Blogger Pasul 4
Adăugați Facebook Like la Blogger Pasul 4

Pasul 4. Introduceți lățimea pluginului dorit în caseta „Lățime”

Majoritatea utilizatorilor Blogger pot lăsa această casetă necompletată, deoarece lățimea implicită (450 px) funcționează bine. Rețineți că aceasta este lățimea întregului plugin, nu butonul Like în sine.

Adăugați Facebook Like la Blogger Pasul 5
Adăugați Facebook Like la Blogger Pasul 5

Pasul 5. Selectați un stil de buton din meniul „Aspect”

Veți vedea o previzualizare a fiecărui stil atunci când este selectat.

Adăugați Facebook Like la Blogger Pasul 6
Adăugați Facebook Like la Blogger Pasul 6

Pasul 6. Selectați o acțiune din meniul „Tip acțiune”

În mod implicit, butonul dvs. va spune „Apreciază”. Dacă preferați, îl puteți modifica pentru a spune „Recomandați”. Când cineva dă clic pe buton, urmăritorii săi de pe Facebook vor vedea „(numele persoanei) recomandă acest lucru”.

Adăugați Facebook Like la Blogger Pasul 7
Adăugați Facebook Like la Blogger Pasul 7

Pasul 7. Selectați o dimensiune din meniul „Buton Dimensiune”

Previzualizarea butonului de sub configurator vă va arăta cum arată fiecare dimensiune.

Adăugați Facebook Like la Blogger Pasul 8
Adăugați Facebook Like la Blogger Pasul 8

Pasul 8. Bifați sau debifați caseta „Includeți butonul de distribuire”

Dacă este bifată caseta, lângă butonul Apreciază de pe blogul dvs. va apărea un buton care spune „Distribuiți”. Dacă cineva face clic pe acest buton, va avea ocazia să introducă o parte din propriul text înainte de a partaja linkul prietenilor de pe Facebook.

Adăugați Facebook Like la Blogger Pasul 9
Adăugați Facebook Like la Blogger Pasul 9

Pasul 9. Faceți clic pe Obțineți codul

Acum veți vedea două casete care conțin cod HTML pe care trebuie să le lipiți în diferite zone ale Blogger.

Partea 2 din 3: Adăugarea codului la șablonul dvs

Adăugați Facebook Like la Blogger Pasul 10
Adăugați Facebook Like la Blogger Pasul 10

Pasul 1. Conectați-vă la

Utilizați o altă filă sau fereastră de browser, deoarece va trebui să copiați și să inserați codul de pe Facebook în Blogger.

Adăugați Facebook Like la Blogger Pasul 11
Adăugați Facebook Like la Blogger Pasul 11

Pasul 2. Faceți clic pe Șablon

Se află în partea stângă a ecranului, aproape de partea de jos a meniului.

Adăugați Facebook Like la Blogger Pasul 12
Adăugați Facebook Like la Blogger Pasul 12

Pasul 3. Faceți o copie de rezervă a șablonului de blog

Faceți întotdeauna o copie de rezervă atunci când editați direct codul HTML al blogului.

  • Apasă pe Backup / Restaurare din colțul din dreapta sus al paginii.
  • Clic Descărcați șablonul.
  • Introduceți un nume pentru fișierul dvs., de ex. „Backup șablon blog”.
  • Clic Salvați.
Adăugați Facebook Like la Blogger Pasul 13
Adăugați Facebook Like la Blogger Pasul 13

Pasul 4. Faceți clic pe Editați HTML

Este chiar sub imaginea de previzualizare a blogului dvs.

Adăugați Facebook Like la Blogger Pasul 14
Adăugați Facebook Like la Blogger Pasul 14

Pasul 5. Copiați codul din prima casetă a configuratorului de butoane Like Facebook

Este codul din caseta de sus, sub „Pasul 2.”

Puteți copia textul evidențiindu-l, apoi apăsând Control + C sau ⌘ Command + C

Adăugați Facebook Like la Blogger Pasul 15
Adăugați Facebook Like la Blogger Pasul 15

Pasul 6. Lipiți codul în codul HTML Blogger

Codul trebuie lipit după linia care începe cu <body, de preferință chiar pe următoarea linie.

  • Pentru a vă oferi un loc unde puteți lipi codul, faceți clic înaintea primului caracter al liniei după eticheta corpului, apoi apăsați ↵ Enter sau ⏎ Return.
  • Faceți clic pe linia goală, apoi apăsați Control + V sau ⌘ Comandă + V pentru a lipi.
Adăugați Facebook Like la Blogger Pasul 16
Adăugați Facebook Like la Blogger Pasul 16

Pasul 7. Înlocuiți fiecare „&” din codul lipit cu „

&

”.

Nu includeți ghilimele.

  • De exemplu, „//connect.facebook.net/en_US/sdk.js#xfbml=1 &version = v2.8”devine„ //connect.facebook.net/en_US/sdk.js#xfbml=1

    &

  • versiune = v2.8 "”
Adăugați Facebook Like la Blogger Pasul 17
Adăugați Facebook Like la Blogger Pasul 17

Pasul 8. Faceți clic pe Salvați șablonul

  • Dacă ați omis din greșeală un „&”, veți vedea o eroare care spune „Error Parsing XML” chiar deasupra codului. Reveniți la codul lipit, găsiți & și înlocuiți-l cu

    &

  • .

Partea 3 din 3: Adăugarea butonului la aspectul dvs

Adăugați Facebook Like la Blogger Pasul 18
Adăugați Facebook Like la Blogger Pasul 18

Pasul 1. Copiați a doua casetă de cod din Configuratorul butonului Like

Va trebui să vă întoarceți la cealaltă fereastră sau filă a browserului pentru a o găsi. Acesta este codul din caseta de sub „Pasul 3.”

Puteți copia textul evidențiindu-l, apoi apăsând Control + C sau ⌘ Command + C

Adăugați Facebook Like la Blogger Pasul 19
Adăugați Facebook Like la Blogger Pasul 19

Pasul 2. Faceți clic pe Aspect înapoi în Blogger

Se află în partea stângă a tabloului de bord Blogger, chiar deasupra „Șablon”.

Adăugați Facebook Like la Blogger Pasul 20
Adăugați Facebook Like la Blogger Pasul 20

Pasul 3. Faceți clic pe butonul Adăugați un obiect gadget unde doriți să apară butonul

În majoritatea cazurilor, veți dori ca butonul să apară într-un antet sau subsol

Adăugați Facebook Like la Blogger Pasul 21
Adăugați Facebook Like la Blogger Pasul 21

Pasul 4. Selectați HTML / JavaScript

Va trebui să derulați puțin în jos pentru a o găsi.

Adăugați Facebook Like la Blogger Pasul 22
Adăugați Facebook Like la Blogger Pasul 22

Pasul 5. Tastați facebook sub „Titlu

Adăugați Facebook Like la Blogger Pasul 23
Adăugați Facebook Like la Blogger Pasul 23

Pasul 6. Lipiți codul copiat în caseta „Conținut”

Puteți face acest lucru făcând clic în casetă și apăsând Control + V sau ⌘ Comandă + V.

Adăugați Facebook Like la Blogger Pasul 24
Adăugați Facebook Like la Blogger Pasul 24

Pasul 7. Faceți clic pe Salvare

Acum veți vedea o casetă de gadget numită „facebook”.

Faceți clic pe Previzualizare în colțul din dreapta sus al paginii pentru a vă asigura că butonul apare acolo unde ar trebui. Dacă nu îți place locația, poți trage caseta „facebook” într-una din celelalte secțiuni din aspect

Adăugați Facebook Like la Blogger Pasul 25
Adăugați Facebook Like la Blogger Pasul 25

Pasul 8. Faceți clic pe Salvare aranjament

Este în colțul din dreapta sus al ecranului. Acum, când cineva se bucură de blogul dvs., îl poate partaja cu ușurință tuturor prietenilor de pe Facebook.

Recomandat: