Hogyan adhatunk közösségi média ikonokat a bloggerhez

ebben az oktatóanyagban megmutatom, hogyan adhat hozzá közösségi média ikonokat a Blogger blogjához. Ez az oktatóanyag ingyenes közösségi média ikonokat tartalmaz a kezdéshez.

mivel a legutóbbi változások Photobucket töltés $400 évente annak érdekében, hogy használja a szolgáltatást, már frissítette ezt a bemutató bemutatja, hogyan kell a fogadó a képeket a saját Blogger fiókot.

Freebies, hogy töltse le

győződjön meg róla, hogy töltse le ezeket az ingyenes közösségi média ikonok a blog az alábbi linkre kattintva. Nincs szükség regisztrációra. Kattintson ide az ikonok letöltéséhez.

 ingyenes közösségi média ikonok

Hogyan indítsunk el egy blogot: mielőtt belemennék az oktatóanyagba, ha érdekel egy pénzkereső blog indítása, a Bluehostnak nagyon sok van! Szerezzen ingyenes domain nevet, automatikus WordPress telepítést és ingyenes SSL tanúsítványt mindössze 3,95 dollárért havonta (kattintson ide).

közösségi média ikonok hozzáadása a bloggerhez

a Bloggerben hozzon létre egy új bejegyzést, és töltse fel a közösségi média ikonjait a bejegyzéshez.

 ikonok feltöltése

a képek feltöltése után, ha a rendszer kéri, válassza ki a következőket:

  • kép igazítás: nincs
  • képméret: eredeti méret
eredeti méret

2.lépés

válassza ki a “HTML” fület. Ezt követően látni fogja az egyes közösségi média ikonok képhivatkozásait (kiemeltem az alábbi linket). Hagyja nyitva ezt az ablakot.

HTML kód

3.lépés

Új lap megnyitása. A Blogger irányítópultján válassza az “elrendezés” lehetőséget.”

elrendezés

4.lépés

válassza a “modul hozzáadása” lehetőséget az “oldalsáv-jobb” területen, majd válassza a “HTML/JavaScript” modult.

sidebar-gadget
HTML BOX

5. lépés

a” HTML/JavaScript ” mezőbe illessze be a következő kódot (tegye ezt minden közösségi média ikonra):

kód beillesztése

<a href= “URL Goes Here” ><img src=”Image Direct Link Goes Here” /></a>

Step #6

térjen vissza a bejegyzésszerkesztőhöz, ahová feltöltötte a közösségi média ikonjait. Másolja az egyik ikon képhivatkozását (az 1.lépésben látható módon).

7.lépés

visszatérve a “HTML/JavaScript” modulhoz a Bloggerben, illessze be a képhivatkozást oda, ahol az “Image Direct Link Goes Here” felirat szerepel (tegye ezt minden közösségi média ikonra, és tartsa idézőjelben). Úgy kell kinéznie, mint ez:

< a href= “URL Goes Here” >< img src=”https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png” /></a>

Lépés #8

most itt az ideje, hogy adjunk a szociális média URL-eket. Ha a “HTML/JavaScript” modult nyitva hagyja, egy új ablakban vagy lapon lépjen át a közösségi média profiljára, és másolja a profil URL-jét.

Step #9

most, vissza a “HTML/JavaScript” modulba, illessze be az URL-jét oda, ahol az “URL Goes Here” felirat szerepel (ezt tegye meg minden közösségi média ikonnál, és tartsa az idézőjelek között).

10.lépés

ha végzett, válassza a “Mentés” lehetőséget. A kész kódnak így kell kinéznie:

<a href= ” https://www.facebook.com/BeautifulDawnDesigns”><img src=”https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png” /></a>

nyugodtan törölje a létrehozott bejegyzéstervezetet.

Megjegyzés: Ha e-mail gombot használ, helyezze a mailto:youremailaddresshere az idézőjelek között, ahol azt mondja, hogy az URL ide megy.

Leave a Reply

Az e-mail-címet nem tesszük közzé.