Jak dodać Facebook Like do Bloggera (ze zdjęciami)

Spisu treści:

Jak dodać Facebook Like do Bloggera (ze zdjęciami)
Jak dodać Facebook Like do Bloggera (ze zdjęciami)

Wideo: Jak dodać Facebook Like do Bloggera (ze zdjęciami)

Wideo: Jak dodać Facebook Like do Bloggera (ze zdjęciami)
Wideo: Jak zdobyć pierwszych czytelników bloga | Jak promować bloga 2021 2024, Może
Anonim

Ta wikiHow uczy, jak dodać klikalny przycisk Facebooka „Lubię to” do witryny Bloggera (blogspot.com). Po utworzeniu przycisku w konfiguratorze Like Button wystarczy skopiować i wkleić dwa bity kodu do pulpitu nawigacyjnego Bloggera, dokonując jednej szybkiej edycji w celu zapewnienia zgodności.

Kroki

Część 1 z 3: Tworzenie przycisku „Lubię to”

Dodaj Facebook Like do Bloggera Krok 1
Dodaj Facebook Like do Bloggera Krok 1

Krok 1. Przejdź do

Możesz użyć dowolnej nowoczesnej przeglądarki internetowej, takiej jak Chrome lub Safari.

Dodaj Facebook Like do Bloggera Krok 2
Dodaj Facebook Like do Bloggera Krok 2

Krok 2. Przewiń w dół do Konfiguratora przycisków podobnych

Znajduje się w trzeciej sekcji strony.

Dodaj Facebook Like do Bloggera Krok 3
Dodaj Facebook Like do Bloggera Krok 3

Krok 3. Wpisz adres swojego bloga w polu „URL do polubienia”

Dodaj Facebook Like do Bloggera Krok 4
Dodaj Facebook Like do Bloggera Krok 4

Krok 4. Wprowadź żądaną szerokość wtyczki w polu „Szerokość”

Większość użytkowników Bloggera może pozostawić to pole puste, ponieważ domyślna szerokość (450 pikseli) działa dobrze. Zauważ, że jest to szerokość całej wtyczki, a nie samego przycisku Lubię to.

Dodaj Facebook Like do Bloggera Krok 5
Dodaj Facebook Like do Bloggera Krok 5

Krok 5. Wybierz styl przycisku z menu „Układ”

Zobaczysz podgląd każdego stylu po jego wybraniu.

Dodaj Facebook Like do Bloggera Krok 6
Dodaj Facebook Like do Bloggera Krok 6

Krok 6. Wybierz akcję z menu „Typ akcji”

Domyślnie twój przycisk powie „Lubię to”. Jeśli wolisz, możesz zmienić to na „Poleć”. Gdy ktoś kliknie przycisk, jego obserwatorzy na Facebooku zobaczą „(imię osoby) poleca to”.

Dodaj Facebook Like do Bloggera Krok 7
Dodaj Facebook Like do Bloggera Krok 7

Krok 7. Wybierz rozmiar z menu „Rozmiar przycisku”

Podgląd przycisku pod konfiguratorem pokaże Ci, jak wygląda każdy rozmiar.

Dodaj Facebook Like do Bloggera Krok 8
Dodaj Facebook Like do Bloggera Krok 8

Krok 8. Zaznacz lub odznacz pole „Dołącz przycisk udostępniania”

Jeśli to pole jest zaznaczone, obok przycisku Lubię to w Twoim blogu pojawi się przycisk „Udostępnij”. Jeśli ktoś kliknie ten przycisk, będzie miał możliwość wpisania własnego tekstu przed udostępnieniem linku znajomym na Facebooku.

Dodaj Facebook Like do Bloggera Krok 9
Dodaj Facebook Like do Bloggera Krok 9

Krok 9. Kliknij Pobierz kod

Teraz zobaczysz dwa pola zawierające kod HTML, który musisz wkleić w różnych obszarach Bloggera.

Część 2 z 3: Dodawanie kodu do szablonu

Dodaj Facebook Like do Bloggera Krok 10
Dodaj Facebook Like do Bloggera Krok 10

Krok 1. Zaloguj się na

Użyj innej karty lub okna przeglądarki, ponieważ musisz skopiować i wkleić kod z Facebooka do Bloggera.

Dodaj Facebook Like do Bloggera Krok 11
Dodaj Facebook Like do Bloggera Krok 11

Krok 2. Kliknij Szablon

Znajduje się po lewej stronie ekranu, u dołu menu.

Dodaj Facebook Like do Bloggera Krok 12
Dodaj Facebook Like do Bloggera Krok 12

Krok 3. Utwórz kopię zapasową szablonu bloga

Zawsze rób kopię zapasową podczas bezpośredniej edycji kodu HTML bloga.

  • Kliknij Przywracania kopii zapasowej w prawym górnym rogu strony.
  • Kliknij Pobierz szablon.
  • Wpisz nazwę swojego pliku, np. „kopia zapasowa szablonu bloga”.
  • Kliknij Zapisać.
Dodaj Facebook Like do Bloggera Krok 13
Dodaj Facebook Like do Bloggera Krok 13

Krok 4. Kliknij Edytuj kod HTML

Znajduje się tuż pod obrazem podglądu Twojego bloga.

Dodaj Facebook Like do Bloggera Krok 14
Dodaj Facebook Like do Bloggera Krok 14

Krok 5. Skopiuj kod z pierwszego pola konfiguratora przycisku Facebook Like

To kod w górnym polu, w „Kroku 2.”

Możesz skopiować tekst, podświetlając go, a następnie naciskając klawisze Control+C lub ⌘ Command+C

Dodaj Facebook Like do Bloggera Krok 15
Dodaj Facebook Like do Bloggera Krok 15

Krok 6. Wklej kod do kodu HTML Bloggera

Kod należy wkleić po wierszu zaczynającym się od <body, najlepiej w następnym wierszu.

  • Aby dać sobie miejsce na wklejenie kodu, kliknij przed pierwszym znakiem wiersza po tagu body, a następnie naciśnij ↵ Enter lub ⏎ Return.
  • Kliknij pusty wiersz, a następnie naciśnij klawisze Control+V lub ⌘ Command+V, aby wkleić.
Dodaj Facebook Like do Bloggera Krok 16
Dodaj Facebook Like do Bloggera Krok 16

Krok 7. Zamień każdy „&” we wklejonym kodzie na „

&

”.

Nie umieszczaj cudzysłowów.

  • Na przykład „//connect.facebook.net/en_US/sdk.js#xfbml=1 &wersja=v2.8” staje się „//connect.facebook.net/en_US/sdk.js#xfbml=1

    &

  • wersja=v2.8"”
Dodaj Facebook Like do Bloggera Krok 17
Dodaj Facebook Like do Bloggera Krok 17

Krok 8. Kliknij Zapisz szablon

  • Jeśli przypadkowo pominiesz „&”, zobaczysz błąd „Błąd analizowania XML” tuż nad kodem. Wróć do wklejonego kodu, znajdź & i zastąp go

    &

  • .

Część 3 z 3: Dodawanie przycisku do układu

Dodaj Facebook Like do Bloggera Krok 18
Dodaj Facebook Like do Bloggera Krok 18

Krok 1. Skopiuj drugie pole kodu z konfiguratora Like Button

Aby go znaleźć, musisz wrócić do innego okna lub karty przeglądarki. To jest kod w polu pod „Krok 3.”

Możesz skopiować tekst, podświetlając go, a następnie naciskając klawisze Control+C lub ⌘ Command+C

Dodaj Facebook Like do Bloggera Krok 19
Dodaj Facebook Like do Bloggera Krok 19

Krok 2. Kliknij Układ z powrotem w Bloggerze

Znajduje się po lewej stronie pulpitu nawigacyjnego Bloggera, tuż nad „Szablonem”.

Dodaj Facebook Like do Bloggera Krok 20
Dodaj Facebook Like do Bloggera Krok 20

Krok 3. Kliknij przycisk Dodaj gadżet w miejscu, w którym ma się pojawić przycisk

W większości przypadków chcesz, aby przycisk pojawiał się w nagłówku lub stopce

Dodaj Facebook Like do Bloggera Krok 21
Dodaj Facebook Like do Bloggera Krok 21

Krok 4. Wybierz HTML/JavaScript

Aby go znaleźć, musisz trochę przewinąć w dół.

Dodaj Facebook Like do Bloggera Krok 22
Dodaj Facebook Like do Bloggera Krok 22

Krok 5. Wpisz facebook pod „Tytuł

Dodaj Facebook Like do Bloggera Krok 23
Dodaj Facebook Like do Bloggera Krok 23

Krok 6. Wklej skopiowany kod do pola „Treść”

Możesz to zrobić, klikając pole i naciskając Control + V lub ⌘ Command + V.

Dodaj Facebook Like do Bloggera Krok 24
Dodaj Facebook Like do Bloggera Krok 24

Krok 7. Kliknij Zapisz

Teraz zobaczysz pudełko z gadżetami o nazwie „facebook”.

Kliknij Podgląd w prawym górnym rogu strony, aby upewnić się, że przycisk pojawia się tam, gdzie powinien. Jeśli nie podoba Ci się lokalizacja, możesz przeciągnąć pole „facebook” do jednej z innych sekcji w swoim układzie

Dodaj Facebook Like do Bloggera Krok 25
Dodaj Facebook Like do Bloggera Krok 25

Krok 8. Kliknij Zapisz rozmieszczenie

Znajduje się w prawym górnym rogu ekranu. Teraz, gdy ktoś polubi Twój blog, może z łatwością udostępnić go wszystkim swoim znajomym na Facebooku.

Zalecana: