Azi este Marti, 1 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:

  • Cum evitam sa fie copiata o imagine?Imagineaza-ti ca ai o fotografie si doresti sa o publici pe blogul tau dar nu doresti sa fie copiata de altul cum se intimpla atat de des pe net.Cum prevenim sa fie copiata imaginea respectiva? cu ajutorul unui cod aplicat la… Read More
  • Gadget butoane de retele sociale pe blogVa prezin un gadget de retele socializare ce il folosesc eu pe acest blog vezi la sfarsitul pagini.Penttru instalarea gadget-ului pe bara laterala a blogul-lui tau trebuie doar sa copiezi codul de mai jos si sa il adaugi intr… Read More
  • Text intermitent cu JavascriptPentru a folosi acest truc mergi la Aspect -- obiect gadget HTML / Javascript, si adaugi urmatorul cod:<script language="JAVASCRIPT">//<![CDATA[FO1="AICI VINE TEXTUL 1.";FO2="AICI VINE TEXTUL 2.";U=FO1;cny=0;function… Read More
  • Ghid practic pentru optimizare SEOAm mai vorbit in acest blog despre promovarea SEO (Search Engine Optimization), azi revin cu un ghid practic despre optimizare pentru motoarele de cautare: Google, Yahoo, AltaVista etc...Înainte de a lansa o pagina web/blog a… Read More
  • Widget pentru a scurta URL-ul de blogServicii pentru a scurta URL-uri există foarte multe pe net , chiar şi din browser-ul Google se a alaturat acestor servicii. Singurul lucru care lipseste este sa poti oferi serviciu direct de pe blogul tau, şi este posibil da… 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