Sådan ændrer widget marginer i blogger

September 1

Sådan ændrer widget marginer i blogger

Skift HTML / CSS "margin" ejendom i Blogger-skabelon til at øge eller mindske margenerne. Blogger widgets er placeret i din blogs sidebars, så det er her du ændre koden. Den "margin" ejendom anvender fire retningsbestemte værdier for top, højre og bund og venstre. Margener måles i pixels, forkortet "px". Brug Notesblok eller en anden tekst editor til at ændre koden, og kopier det ind Blogger. Sikkerhedskopier din Blogger-skabelon, før du ændrer nogen HTML-kode.

Vejledning


• Log ind på din Blogger-konto for at gå til Dashboard.

• Klik på den blå "Design" linket på instrumentbrættet. Klik på "Rediger HTML" under fanebladet "Design" for at gå til "Rediger skabelon" side.

• Rul ned til ".sidebar. Widget" sektionen. Kodningen ser ud som dette: .sidebar .widget, .main .widget {border-bottom: 1px stiplede $ bordercolor; margin: 0 0 0 5px; padding: 0 0 0 5px; }

• Rediger "0 0 0 5px" ved siden af ​​"margin" til den ønskede værdi. For eksempel ændre den første "0" til "10px" for at øge den øverste margen; det andet "0" til "10px" for at øge højre margen; den tredje "0" til "10px" for at øge den nederste margin; og "5PX" til "0" for at formindske den venstre margen.

• Klik på den orange "Gem skabelon" knappen. Koden ser nu sådan ud: .sidebar .widget, .main .widget {border-bottom: 1px stiplede $ bordercolor; margin: 10px 10px 10px 0; padding: 0 0 0 5px; }

• Klik på linket blå "Vis Blog" for at se bloggen med de øgede widget margener.