Eliminarea marginilor pozelor pe blogger

Invata sa elimini marginile pozelor de pe blog - Blogger, Blogspot.

Daca utilizati platforma Blogger banuiesc ca ati vazut si voi si foarte probabil v-a deranjat, ca si pe mine de altfel marginile care se adauga automat pozelor incarcate pe blog. In special atunci cand incarcati o imagine rotunda iar acesta apare pe blog cu margini in forma patrata. Am cautat putin si am aflat cum se elimina aceste margini si am scris acest articol pentru a ajuta pe cei care cauta acelasi lucru.

Aceste margini apar fiindca asa sunt ele setate din codul HTML al template-ului pe care il alegem.

Eliminarea acestor margini din punctul meu de vedere imbunatateste cu mult felul in care arata o postare.

Eliminarea marginilor pozelor se face prin adaugarea unui cod CSS.

Pentru asta intrati in tablolul de bord Blogger (Blogger Dashboard) la Sablon-Personalizati 

In meniul de personalizare al sablonului intrati la Avansat-> Adaugati CSS

Aici va trebuie sa lipiti urmatorul cod:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

Salvati si marginile pozelor sunt eliminate de pe blog!

Prin adaugarea codului ati modificat setarile initiale din codul HTML si ati eliminat marginile pozelor.