Hur man gör en blogg halvgenomsiktig i Blogger

Att ha ett anpassat utseende för din Blogger-blogg kan dra in ytterligare kunder för ditt företag. Ett sätt att få din blogg att sticka ut ur tävlingen är med stylingändringar, som att ändra bloggens bakgrund och teckensnitt. Om du letar efter en ny design för din företagsblogg, överväga att göra inlägget halvt genomskinligt. Det kräver lite tid och ansträngning, men det kommer att göra din blogg unik.

1.

Logga in på din Blogger-blogg.

2.

Klicka på "Mall" på din Blogger-instrumentpanel.

3.

Klicka på "Anpassa" under "Live on Blog" Preview.

4.

Bläddra ner och klicka på "Lägg till CSS". En ingångslåda öppnas till höger.

5.

Skriv in följande för en dynamisk mall:

li.item {bakgrund: rgba (färg, i rgb, notation, opacitet); filter: alfa (opacitet = procent); }

RGBa-notationen är skriven som "rgba (0, 0, 0, 0, 8)" för en svart, 80% opak färg. Attributet "filter: alpha" är för Internet Explorer, och det är skrivet som "filter: alfa (opacitet = 80);".

Detta kommer att göra bakgrunden till blogginlägget halvt genomskinligt med ett par tillvägagångssätt. På Internet Explorer kommer hela inlägget att vara halvtransparent, inklusive skrivandet; och på webbläsare som inte stöder RGBa kommer inläggen att vara ogenomskinliga. De flesta moderna webbläsare stöder RGBa.

Här är ett annat exempel du kan försöka:

li.item {opacitet: 0, 5; filter: alfa (opacitet = 50); }

Detta kommer att standardisera vyn mellan Internet Explorer och andra webbläsare som stöder "opacitet" genom att göra allt inom posten halvtransparent.

6.

Skriv in följande för en klassisk mall:

div.date-outer {rgba (0, 0, 0, 0, 5); filter: alfa (opacitet = 50); }

Som med de tidigare exemplen i den dynamiska mallen stöds inte RGBa på alla webbläsare, men kommer att göra bakgrunden halvtransparent samtidigt som texten och knapparna är ogenomskinliga.

Ett annat sätt att uppnå denna effekt är:

div.date-yttre {opacitet: 0, 7; filter: alfa (opacitet = 70); }

Detta standardiserar vyn mellan Internet Explorer och andra moderna webbläsare genom att göra allt halvtransparent.

7.

Klicka på "Applicera på blogg" för att spara dina malländringar.

Tips

  • Var noga med att välja en intressant bild för din bakgrund, eftersom besökarna nu ser det genom dina inlägg.

Rekommenderas