duminică, 17 aprilie 2011

Modifica dimensiunile imaginilor din gadgetul Postari populare

Vi se par prea mici imaginile din gadgetul "Postari populare"? Sau poate prea mari? Ei bine, cu o mica modificare in codul sablonului puteti sa dati ce dimensiuni doriti imaginilor din gadget.

Iata ce trebuie sa faceti pentru a modifica dimensiunile:
1. Intrati la Design --> Elemente de pagina si adaugati obiectul gadget Postari populare. Lasati acest titlu petru gadget sau datii unul nou.
2. Intrati la Design --> Editati html si ca de fiecare data cand editam codul sablonului, faceti o copie de siguranta.
Important: Bifati casuta pentru extinderea codului sablonului.
3. Cu ajutorul combinatiei de taste Ctrl+F cautati dupa titlul obiectului gadget (Postari populare sau titlul dat de voi)




Veti gasi acest grup de coduri:

<b:widget id='PopularPosts1' locked='false' title='Postări populare' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

4. Daca ati ales doar titlul postarii si imagine (fara fragment de text) atunci va intereseaza aceasta parte:

            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>

Inlocuiti codurile scrise cu rosu, cu aceasta linie:

<img alt='' border='0' height='50px' expr:src='data:post.thumbnail' width='50px'/>

Numerele marcate cu rosu reprezinta dimensiunile imaginii. Modificati-le cum doriti.
Previzualizati si daca va plac noile dimensiuni, puteti salva sablonul.

5. Daca pe langa imagine ati ales sa afisati si fragment din text atunci acesta este codul care va intereseaza:


            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>

Inlocuiti codurile scrise cu rosu, cu aceasta linie:

<img alt='' border='0' height='50px' expr:src='data:post.thumbnail' width='50px'/>

Numerele marcate cu rosu reprezinta dimensiunile imaginii. Modificati-le cum doriti.
Previzualizati si daca va plac noile dimensiuni, puteti salva sablonul.

Note:
- Puteti inlocui in ambele locuri pentru a nu trebui sa mai modificati codurile daca treceti de la o setare la alta..
- Modificarea sablonului in designerul de sabloane nu reseteaza dimensiunile imaginilor.
- Modificari ale setarilor din obiectul gadget "Postari populare" nu reseteaza dimensiunile imaginilor.
- Daca eliminati obiectul gadget "Postari populare" si apoi il instalati din nou duce la resetarea dimensiunilor imaginilor. Va trebui sa urmati din nou pasii din acest tutorial.


12 comentarii:

  1. am și făcut modificările. excelent !
    dar cum fac să-mi apară mai mult comentariu ? :|

    mai am câteva comentarii pe aici pe la diverse aplicații dar probabil nu ai avut timp...:(

    (vezi că ai și tu probleme cu data publicării postării și a comentariilor... )

    mă bucur că exiști :-*

    RăspundețiȘtergere
  2. ups!
    am două probleme :
    1. nu am foarte multe postări publicate, dar la cele pe care le am, nu-mi apare adevărata poză ( ci cu totul altceva, care nici nu știu de unde a apărut ( aceasta : http://achenathen.blogspot.com/2011/03/tranzitele-lunii-in-martie-2011.html )
    2. nu-mi apare de fel poza în postări populare, deși pe pagina unde am postat, am poză :(( http://achenathen.blogspot.com/2011/04/ziziphus-jujuba.html

    aa, și încă o întrebare : de ce nu-mi apar și mie posturile de la LinkWithin cu imagini ca la alte bloguri ?? :(

    mulțam fain

    RăspundețiȘtergere
  3. Interesant, am incercat si eu, nu mi-a mers din prima dar am reusit pana la urma, gresisem cateva carcatere. Multumesc pentru acest mini tutorial, chiar mi-a fost util.

    RăspundețiȘtergere
  4. pentru expunere de diapozitiv, se poate la fel mari dimensiunea pozelor?

    RăspundețiȘtergere
  5. Buna ziua. Am incercat sa modific, dar cand caut titlul obiectului gadget (pe care eu l-am numit Postari populare), nu il gasete! Si, totusi, el apare in blog!
    Poate ma mai poti ajuta cu o problema: tot legata de POostari populare. La unele apare poza, la altele nu. Oare de ce?
    Iti multumesc anticipat.

    RăspundețiȘtergere
  6. Brindusa, ai bifat casuta pentru extinderea codului sablonului?
    La cealalalta intrebare nu pot sa te ajut. Asa functioneaza scriptul celor de la blogger.

    RăspundețiȘtergere
  7. Iti multumesc Daniel pentru raspunsuri.Da, am bifat extinderea.Totusi, nu apare

    RăspundețiȘtergere
  8. La 'postari populare' nu imi apare nimic daca aleg sa afiseze pe 7 zile sau 30 de zile ci doar daca aleg 'Toate datele'.Ma poate ajuta cineva cu o solutie?

    RăspundețiȘtergere
  9. Poate blogul tau este prea nou si nu are destule afisari.

    RăspundețiȘtergere
  10. nam prea inteles sincer!!!
    poate este alta cale de a explica?skypeul?va multumesc!

    RăspundețiȘtergere
  11. cum pui atributul alb imaginilor care apar in widget-ul postari populare?

    RăspundețiȘtergere