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.
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.
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
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.
3.lépés
Új lap megnyitása. A Blogger irányítópultján válassza az “elrendezés” lehetőséget.”
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.
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):
<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.