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:

  • Efecte de calitate pe imaginiPixiz Este un site online care ne permite sa adaugam efecte unei imagini.In cateva minute si cu doar trei clik-uri obtinem cele mai originale imagini.Cu aceste imagini poti surprinde si cei mai pretentiosi dintre prieteni tai… Read More
  • Eliminarea unei imagini de fondAvem o imagine si dorim sa ii eliminam fondul sau o anumita parte din el si ne este aproape imposibil de realizar mai ales daca nu avem experienta si un program special care este destul de costisitor.In acest caz ce este de f… 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
  • Transforma online fotografii in imagini "Polaroid"Cu ajutorul Instantizer se poate transforma cu usurinta o fotografie aleasa din PC intr-o imagine polaroid.Pentru inceput selectionezi imaginea click pe "Select A Picture", poti adauga o mica descriere "Add A Brief Descriptio… Read More
  • Editor imagine cu efect 3D - Imagina 1.4Atractiv editor de prelucrare a fotografiei cu efect 3D se diferentiaza de alte editoare de imagine prin simplitatea de lucru si in special cu efectele pe care le poti adauga unei imagini.Obtiunea instalata in editor 3D trans… 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