How to Add Social Media Icons To Blogger
in this tutorial, I will show you how to add social media icons to your Blogger blog. Tämä opetusohjelma sisältää ilmaisia sosiaalisen median kuvakkeita, joilla pääset alkuun.
johtuen viimeaikaisista muutoksista, joissa Photobucket veloittaa 400 dollaria vuodessa käyttääkseen palveluaan, olen päivittänyt tämän opetusohjelman, jossa näytetään, miten voit isännöidä kuviasi Oman Blogger-tilisi kautta.
Freebies for you to Download
varmista, että lataat nämä ilmaiset sosiaalisen median kuvakkeet blogiisi klikkaamalla seuraavaa linkkiä. Rekisteröitymistä ei tarvita. Klikkaa tästä ladataksesi kuvakkeet.
miten blogin voi aloittaa: ennen tutorialiin ryhtymistä, jos rahakkaan blogin perustaminen kiinnostaa, Bluehostissa on paljon! Hanki ilmainen verkkotunnus, automaattinen WordPress-asennus ja ilmainen SSL-sertifikaatti vain $3.95 kuukaudessa (klikkaa tästä).
kuinka lisätä sosiaalisen median kuvakkeet Bloggeriin
Bloggeriin, Luo uusi viesti ja lataa sosiaalisen median kuvakkeet viestiin.
kun olet lähettänyt kuvasi, valitse pyydettäessä seuraava:
- kuvan tasaus: ei mitään
- kuvan koko: alkuperäinen koko
Askel #2
valitse ”HTML” – välilehti. Tämän jälkeen näet jokaisen sosiaalisen median kuvakkeesi kuvalinkit (olen korostanut alla olevaa linkkiä). Jätä ikkuna auki.
Step #3
Avaa uusi välilehti. Valitse Blogger-kojelaudassa ” Layout.”
Step #4
valitse ”Lisää Gadget” sivupalkin oikealla alueella ja valitse sitten ”HTML/JavaScript” gadget.
Step #5
in the ”HTML/JavaScript” box, paste the following code (do this for each social media icon):
<a href= ”URL Goes Here”><img src=” Image Direct Link Goes Here ” /></a>
Step #6
suuntaa takaisin postieditoriin, jonne latasit sosiaalisen median kuvakkeesi. Kopioi kuvalinkki yhdelle kuvakkeistasi (kuten kohdassa 1).
Step #7
Going back to your ” HTML / JavaScript ”gadget in Blogger, liitä kuvalinkki jossa lukee” Image Direct Link Goes Here ” (tee tämä jokaiselle sosiaalisen median kuvakkeelle ja pidä se lainausmerkkien sisällä). Sen pitäisi näyttää tältä.:
<a href= ”URL Goes Here” ><img src=”https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png” /></a>
Step #8
nyt on aika lisätä sosiaalisen median URL-osoitteisiin. Jättäen ”HTML / JavaScript” gadget auki, uudessa ikkunassa tai välilehti, pään yli sosiaalisen median profiili ja kopioi profiilin URL.
Step #9
now, back in the ”HTML/JavaScript” gadget, liitä URL jossa lukee ”URL Goes Here” (tee tämä jokaiselle sosiaalisen median kuvakkeelle ja pidä se lainausmerkkien välissä).
vaihe #10
valitse” Tallenna”, Kun olet valmis. Valmiin koodin pitäisi näyttää tältä.:
< 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>
voit vapaasti poistaa luomasi Post-luonnoksen.
Huom: jos käytät sähköpostipainiketta, paikka mailto:youremailaddresshere lainausmerkkien välissä, missä lukee URL menee tähän.