Hvordan Juster Tweet Button Med Facebook Share-knappen på Blogger
Twitter og Facebook lage knapper tilgjengelig slik at du kan publisere dem på et nettsted, for eksempel Blogger, og gi leserne en enkel måte å dele din informasjon. Som standard disse knappene vises oppå hverandre på bloggen din, som er plagsom hvis du ønsker å spare plass på siden eller ønsker å ha en mer tiltalende layout. Heldigvis gir Blogger du muligheten til å redigere koden av knappene slik at du kan få dem til å justere horisontalt på siden din.
Bruksanvisning
1 Logg deg på Blogger-kontoen, og klikk på "Oppsett" -kategorien på oversiktssiden. Klikk på "Legg til gadget" i området på layouten, for eksempel sidelinjen, der du vil at Tweet knapp og Facebook delingsknappen skal vises. Denne handlingen åpner "Legg til gadget" dialogvindu.
2 Klikk på "Basics" linken til venstre, og klikk deretter på "HTML / Javascript" alternativet som vises i listen. Lim inn koden for knapper i "Innhold" tekstboksen. Hvis du ikke allerede har denne koden, legger Twitters «Tweet Button" side og Facebook Developer "Social Plugins" side i separate nettleservinduer, følg instruksjonene på hver side for å konfigurere knappene og deretter kopiere koder som trengs for å publisere dem på Blogger-området.
3 Type "<div style =" float: left; padding: 4px; ">" før den første linjen med kode som begynner en av knappene, og skriv "</ div>" etter koden som er ferdig på knappen. Hvis den første knappen i boksen er Tweet knapp, for eksempel, ser koden ligner på følgende:
<Div style = "float: left; padding: 4px;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical"> Tweet </a> <script type = "text / javascript" src = "& lt ; / script "rel =" nofollow "> http://platform.twitter.com/widgets.js"> & lt; / script>
</ Div>
4 Klikk på "Lagre" -knappen, og klikk deretter på "View Log" som vises for å se siden din. Hvis knappene ikke justere, justere tallet etter padding attributt til en høyere eller lavere verdi, og deretter vise siden din på nytt (for eksempel <div style = "float: left; padding: 2px;">). Lagre arbeidet ditt når du er ferdig.