Azi este Duminica, 6 de Aprilie.2017

cu reduceri

Imagine la sfarsitul unei postari

adauga o imagine in fiecare postareCa sa adaugam o imagine in partea dreapta la sfarsitul unei descrierei si sa apara in fiecare postare de pe blogul tau.

Vom utiliza un truc care consta in schimbarea unei lini de cod din sablonul blogului.

Deci mergem la Aspect --> Editare HTML si cautam linia .post-footer va aparea mai mult sau mai putin asa:

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

Se va inlocui codul de mai sus cu urmatorul:

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
padding:36px 4px 2px 4px;
background: url(url-de-la-imagine) no-repeat top right;}
}

Inlocuieste (url-de-la-imagine) cu url-ul imagini tale, dupa aceea salveaza modificarile si ai instalata o imagine in fiecare post.

Related Posts:

  • Imagine la sfarsitul unei postariCa sa adaugam o imagine in partea dreapta la sfarsitul unei descrierei si sa apara in fiecare postare de pe blogul tau.Vom utiliza un truc care consta in schimbarea unei lini de cod din sablonul blogului.Deci mergem la Aspect… Read More
  • Creeaza un video din fotografiiFoto2Aavi te ajută să creezi video folosind fotografiile, video-urile şi muzica din calculator pe care poti să le publici în YouTube sau sa le pastrezi pentru tine.Se poate adăuga diverse efecte între fotografiile adăugate î… Read More
  • Optimizator de imagini onlineCu ajutorul Dynamic Drive poti optimiza online cu usurinta gif-ul tau sau gif-uri animate (formatul GIF.PNJ.JPG) asa in cat acestea sa se incarce cat mai repede posibil pe un blog sau site.De asemenea se poate converti o imag… Read More
  • Centrarea unei imagine sau mai multor imagini cu dimensiuni diferiteCu ajutorul (etichetelor) unui truc simplu se poate centra o imgine sau mai multe imagini de dimensiuni diferite.Cu ajutorul acestui cod html se poate adauga o imagine si centra<div style="background- border: 1px solid #68… Read More
  • Optimizare SEO. Pozitionarea unei imagini pe GoogleIn ultima vreme pe blogul meu a crescut numarul vizitelor care sosesc de pe Imagini Google explicatia este una simpla, la fiecare imagine postata pe blog am adaugat o descriere a ei.Cum etichetati corect o imagine?Înainte de … Read More

6 comentarios:

  1. Buna!...din nou...eu nu am linia .post-footer{...cel putin eu n-am gasit-o
    Ce am gasit este:
    .postdata {
    .post {
    .post p {
    .post ul {
    .post-comments {
    .post-social {
    .rss {
    .post-comments a:link, .post-comments
    .post-comments a:hover {

    ma poti ajuta? te rog frumos...

    RăspundețiȘtergere
  2. Salut Danuta pentru ca in codul blog-ului tau lipseste linia "post-footer" nu poti adauga imagini sau alte trucuri.

    RăspundețiȘtergere
  3. am reusit...am adaugat linia care lipsea, multumesc frumos

    RăspundețiȘtergere
  4. i-mi place blogul tau .muuulte lucruri de invatat mai ales pentru mine care sint incepator.am citit aproape toate poostarile tale. la majoritatea ne spui sa mergem la ASPECT-EDITARE HTML......eu am facut un blog de proba pe wordpress sila ASPECT nu gasesc editre html . ma poti ajuta? multumesc mult.

    RăspundețiȘtergere
  5. Salut Ion, din pacate majoritatea sau aproape toate postarile cu exemple se refera numai la sabloane pentru bloguri gazduite in Blogspot nu sunt adaptabile pentru Wordpress. Multumesc pentru aprecieri.

    RăspundețiȘtergere

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc