Er zijn een handvol redenen dat u maken van drie kolommen in uw blogbericht---meeste willen zou, met name als je bent drie items te vergelijken. Blogger's teksteditor komt echter niet met een hulpprogramma waarmee u eenvoudig kolommen; in plaats daarvan moet u de HTML-editor gebruiken en uw kolommen handmatig maken. Er zijn twee manieren om een drie kolom effect te bereiken: met behulp van een tabel met drie kolommen, of creëren van drie div lagen in een rij opgesteld.
Met behulp van een tabel
Beginnen uw tabel. Als u de tabel in te vullen van de breedte van uw blogbericht wilt, aanpassen als met"
" . U kunt ook de afstand tussen cellen met "afstand ="5"", d.w.z."
".
Voer"
"op de volgende regel om een nieuwe tabelrij te maken. Omdat u drie kolommen maakt, moet u slechts één rij. Type"
"naar de eerste kolom, oftewel één cel in de tabel hebt gemaakt. Vul de inhoud van de cel, en aan het einde van de inhoud sluit de cel met" ". Als uw kolommen allemaal verschillende lengtes van de inhoud hebben, u zult willen toevoegen "valign ="top"" om ervoor te zorgen dat elke kolom aan de bovenkant van de tafel, dat wil zeggen begint "". U kunt ook opgeven uitlijning, zoals "align ="center"". De volgende kolom beginnen met de dezelfde code als de eerste, en vul in de inhoud. Zorg ervoor dat het eindigt met een "". Herhaal dit voor de derde kolom.
Sluit de tabelrij na het einde van de laatste kolom/cel met "," en vervolgens de tabel zelf met "". Inhoud boven of onder de tabel, kunt u nog steeds invoeren als je daarvoor kiezen.
Met behulp van Div lagen
Open een nieuw bericht op uw blog en de editor overschakelen naar HTML. Maak uw eerste laag met"
". U kunt alle kenmerken van deze laag binnen de "stijl" tag: lettertype, kleur, uitlijning en grootte; de breedte van de laag; en hoeveel ruimte er omheen.Geef een breedte voor uw laag. Hoe breed is volledig afhankelijk van uw esthetiek. Als u drie dezelfde kolommen om de ruimte te vullen wilt, met behulp van "breedte: 33%" kan worden de audioom efficiënt, maar het laat geen ruimte tussen kolommen. Als u wilt de ruimte tussen kolommen, kunt u het altijd lager "breedte: 30%; padding: 5px; "te geven een div-element dat is 30% van de breedte van uw bericht, met 5 px van padding aan elke kant. De opening van uw laag zou nu als volgt uitzien"
". Het vinden van de juiste breedte/ruimte verhouding kun je wat trial and error.Vul in wat je in uw eerste kolom wilt. Eenmaal voltooid, sluit u de laag met een "" tag op het einde van de tekst.
Gebruik van de dezelfde openingstag voor de andere twee kolommen, en herhaal het proces elke keer. De tag "Float: left" vertelt de lagen te volgen elkaar in lijn. Zorg ervoor dat elke laag met eindigt "" of Blogger zullen weigeren om te besparen op uw pagina, onder vermelding van gebroken HTML.
- U kunt de stijl van uw lagen individueel met veel meer elementen, met inbegrip van achtergronden, kleuren en randen. Zie bronnen voor een overzicht voor elementaire div functies.