Azi este Sambata, 3 de Mai.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:

  • Zoomit un puternic instrument online pentru afisare imagini in dimensiuni mariZoom.it este un instrument online puternic pentru a afişa imaginile în dimensiuni mari. Perfect integrat în blog-ul tau, foloseste ca funcţia zoom sau vizualiza pe tot ecranul.Doar trebuie sa-ti încarci imagini sau fotografii… Read More
  • Gadget-uri noi in Blogger in DraftCu câteva zile în urmă Blogger a inclus două gadget-uri noi pe Blogger in draft : un gadget pentru "Postari popular" si altul pentru "Statistică".La momentul adăugarea de gadget-uri, vom vedea că acestea au un număr de opţiun… Read More
  • Afla cat timp dureaza incarcarea unui blog sau pagini webAfla care este timpul de incarcare a pagini sau blogu-lui tau?Acest lucru poate fi bun pentru a determina dacă se incarca repede sau durează prea mult, şi apoi să evaluam dacă să faci modificari pentru a reduce la maximul tim… Read More
  • Deschide fereastra pop-up cu defilareAm vazut mai multe moduri de a deschide o ferestre pop-up.Acum vin cu un exemplu de fereastra pop-up cu un efect de alunecare de sus in centru şi derulaţi la dreapta folosind un cod Javascript.Mergi la Aspect -- Editare HTML … Read More
  • Buton de traducere blog in 52 de limbiTranslateThis este un buton Javascript care poate fi adăugată cu usurinta pe blog cu obtiunea de al traduce in 52 de limbi.Trebuie doar să copiaţi şi sa inseraţi codul Javascript următoar intr-un gadget HTMLJavascript.<!--… 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