Yshopnoosa.com

Hur ska justeras Tweet knappen med Facebook Share-knappen på Blogger

Twitter och Facebook göra knappar tillgängliga så att du kan publicera dem på en webbplats, till exempel bloggare, och ge läsarna ett praktiskt sätt att dela din information. Som standard visas dessa knappar ovanpå varandra på din blogg, som är besvärlig om du vill spara sidan utrymme eller vill ha en mer attraktiv layout. Lyckligtvis, Blogger ger dig möjligheten att redigera koden för dina knappar så du kan göra dem justeras horisontellt på din sida.

Instruktioner

1 Logga in på ditt Blogger-konto och klicka på fliken "Layout" på instrumentpanelssidan. Klicka på länken "Lägg till en Gadget" i området på din layout, till exempel sidofältet, där du vill att din Tweet button och Facebook share-knappen ska visas. Denna åtgärd öppnas dialogfönstret "Lägg till en Gadget".

2 Klickar du på länken "Grunderna" till vänster och klicka sedan på alternativet "HTML/JavaScript" som visas i listan. Klistra in koden för ditt knappar i rutan "Innehåll". Om du inte redan har denna kod, ladda Twitter "Tweet Button" sida och Facebook-utvecklare "Social Plugins" sida i separat webbläsarfönster, Följ instruktionerna på varje sida för att konfigurera dina knappar och sedan kopiera koder behövs för att publicera dem på ditt Blogger tomt.

3 Typ "< div style =" float: left; padding: 4px; " > "före den första raden i koden som börjar en av dina knappar och ange" < / div > "efter den kod som slutar på-knappen. Om den första knappen i din box är knappen Tweet, exempelvis koden ser ut ungefär så här:< div style = "float: left; padding: 4px;" >< en href = "http://twitter.com/share & quot; Class = "twitter-dela-knappen" data-count = "vertikala" > Tweet < /a >< script typ = "text/javascript" src = "& lt; / script" rel = "nofollow" > http://platform.twitter.com/widgets.js&quot;>&lt;/script>< / div >

4 Klicka på knappen "Spara" och klickar sedan på länken "Visa blogg" som verkar se din sida. Om knapparna inte anpassa, justera antalet efter attributet stoppning till ett högre eller lägre värde och sedan Visa din sida igen (till exempel < div style = "float: left; padding: 2px;" >). Spara ditt arbete när du är klar.