Cum adaugam o linie de-a lungul fiecarei postari din Blogger

M-am gandit sa continui sa prezint tutoriale, care sa descrie metode de imbunatatire a design-ului sabloanelor Blogger. In articolul precedent am descris Cum adaugam o linie de separare intre gadget-urile din sidebar in Blogger.

Tutorialul pe care il voi prezenta mai jos, va descrie cum sa incadrati cu o linie continua fiecare postare din blogurile gazduite de platforma Blogger, iar fiecare colt va avea o forma rotunjita. Procesul este foarte simplu, se refera doar la adaugarea unor coduri pentru linii in sablonul tau, iar pentru a avea un design asa cum il doriti, il puteti personaliza foarte usor. L-am aplicat in blog-ul meu si mi-a fost de ajutor, de aceea cred ca este util sa-l aplicati si voi, astfel incat sa aveti un "look" m-ai atractiv.

Procedati in felul urmator:

1. Va logati in contul dvs Blogger;

2. Salvati sablonul Blogger, pentru a evita surprizele neplacute;

3. Navigati in Sablon si apoi Editati HTML. Cautam cum am invatat in articolul acesta cu CTRL+F urmatoarea linie de cod  ]]></b:skin>   apoi deasupra ei adaugam urmatorul cod:

.post{border:1px solid #E5E5E2;border-style:solid;border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;background:#ffffff;margin:.1em 0 .5em;padding:0px 8px 0px 8px

4. Click apoi pe Previzualiati sablonul si daca totul este in ordine salvati.

 

Asta este tot. 

 

Cum personalizam linia?

1. Schimbati culoarea liniei #E5E5E2 cu cea dorita de voi.

2. Schimbati aspectul curbiliniu modificand 10px  cu valoarea dorita.

3. Pentru a schimba culoarea de fundal modificati  :#ffffff

Daca v-a placut si v-a fost util, nu uitati sa va abonati la newsletter si sa distribuiti articolul. Orice nelamurire postati-o in comentarii.

Daca ti-a placut, nu uita sa distribui articolul!

Tweet