Comentariul autorului de blog pe alta culoare de fundal in Blogger

Update:
De cand s-au introdus comentariile cu reply acest truc nu mai functioneaza. Merge doar pe sabloanele descarcate de pe net care nu au comentariile cu reply activate.

 Nou: La sfarsitul acestui articol am pus un video in care veti vedea cum sa faceti comentariul autorului de blog pe alta culoare de fundal - special pentru cei care folosesc sabloanele noi de la blogger.

Unul dintre lucrurile pe care le poti face pentru a incuraja vizitatorii sa comenteze pe blog este acela de a raspunde la comentariile postate de cititori. Dar pentru vizitatori nu este intotdeauna usor sa deosebeasca comentariul autorului de blog, mai ales cand postul are foarte multe comentarii.

Dar se poate si altfel. In Blogger poti face ca comentariile proprii sa apara pe alt fundal. Tot ce trebuie sa faceti este sa adaugati o bucata de cod in Html-ul sablonului.Deci daca vreti ca comentariile proprii sa apara pe alt fundat trebuie sa faceti urmatorii pasii:

1. Logati-va in contul vostru Blogger si urmati calea 'Aspect --> Editati Html'. Inainte de a umbla la codul sablonului descarcati actuala varianta a sablonului in calculator; in caz ca ceva nu merge cum trebuie sa puteti reveni usor la el.


2. Bifati casuta cu 'Extindeti sabloanele de control'.  Apasa Ctrl+F si cauta urmatoarele cuvinte: dl id='comments-block

Ar trebui sa gasiti urmatoarele linii de cod. Introduceti codurile scrise cu rosu

<dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass'

expr:id='data:comment.anchorName'>
            <b:if cond='data:comment.favicon'>
              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;'

width='16px'/>
            </b:if>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>

          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>

</b:if>

          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>

Acest cod se gaseste in sablonul de la Blogger 'Minima'. Multe sabloane sunt putin diferite, dar cautati cuvinte asemanatoare cu codul din Minima,  si trebuie sa gasiti unde sa introduceti codul.

3. Dupa ce ati introdus codul, faceti o noua cautare (Ctrl+F) cu urmatoarele cuvinte: comment-body

Ar trebui sa gasiti urmatoarele grupuri de coduri:

#comments-block .comment-body {
margin:.25em 0 0;
}

#comments-block .comment-body p {
margin:0 0 .75em;
}

Imediat dupa aceste coduri introduceti urmatoarele grupuri de coduri:

.blog-author-comment {
margin:.25em 0 0;
}

.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px 5px 10px;
border:1px solid #000000;
background:#29974B;
color:#ffffff;
}

4. Salvati sablonul si mergeti la o pagina care are comentarii proprii si vedeti cum arata acum comentariile voastre.
Acum comentariile voastre vor arata astfel:



Puteti sa schimbati culorile de fundal si culorile textului in orice culori doriti.
Culoare fundal:  background:#29974B;
Culoare text:      color:#ffffff;

Inlocuiti ce este scris cu rosu cu orice culoare doriti.

Daca vreti ca fundalul comentariilor sa fie o poza inlocuiti linia:

background:#29974B;

cu urmatoarea linie de cod:

background: url("url-ul imaginii");



Video: Comentariul autorului de blog pe alta culoare de fundal in Blogger
Pentru sabloanele noi de la Blogger
Vedeti aici transcrierea fisierului text care apare in video.