štvrtok, 5. marca 2015

Tip: Ako očíslovať komentáre na blogu

Dnes Vám ukážem tip ako zefektívniť komentáre na blogu. Stačí pár riadkov a hneď budú očíslované a dokonca si môžete vybrať kde ich chcete mať, aké veľké a akej farby.



Stačí ísť v bloggeri na Šablóna a tam následne kliknúť na prispôsobiť.


Tam si z ponuky vyberiete Rozšírené a tam pridať CSS ( ako vidíte na fotke nižšie).

Ak tam už niečo máte, nemažte to a nechajte tam. Pridajte len voľný riadok a tam pridajte nasledovné:

.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
z-index: 2;
position:relative;
font-size: 22px;
color: #555555;
padding-left:10px;
padding-top:3px;
background: url(http://4.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png) no-repeat;
margin-top:7px;
margin-left:10px;
width: 50px; 
height: 48px; 
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 18px;
color: #666666;
}

Tam si môžete pomeniť farby, stranu očíslovania, veľkosti , ...

rôzne farby a ich "kódovanie" nájdete tu

Snáď som niekomu pomohla a onedlho sa vidíme s ďalším tipom ☺

Krásny zvyšok dňa ♥

12 komentárov:

  1. No paráda, toto je asi prvý návod, ktorý u mňa funguje. Akurát si musím trochu zmenšiť písmo. Skvelé, ďakujem

    OdpovedaťOdstrániť
  2. To je tak těžké... jak tomuto někdo může rozumět, upřímně obdivuji každého, kdo to dokáže. Mám i jeden blog na blogspotu, ale naštěstí tam takovéhle složitosti zatím nepotřebuji mít. :D

    Nicméně dobré rady pro blogspoťáky.

    www.empty--island.blog.cz

    OdpovedaťOdstrániť
    Odpovede
    1. trošku ma aj programovanie v škole naučilo sa v tomto orientovať a nie je to potom až také ťažké :)

      Odstrániť
  3. Zaujímavý tip, možno to využijem a upravím podľa seba. :D Inak máš veľmi pekný design aj blog. Ja som stále v týchto kódovacích zǎležitostiach nová, ale viem aspoň niečo :D

    c r e y a t i v i t e

    OdpovedaťOdstrániť
    Odpovede
    1. ak by si chcela s čímkoľvek poradiť len sa ozvi :) ak budem vedieť poradím :) a ďakujem !! :)

      Odstrániť
  4. Pěkný návod, jak budu mít více času, tak vyzkouším.
    vmemzivote

    OdpovedaťOdstrániť
  5. super návod, hned jsem ho vyzkoušela a funguje, díky! :)

    OdpovedaťOdstrániť
  6. Tvoje návody a tipy jsou super. Dík za ně. Ráda bych se na tebe obrátila, kdybych si s něčím nevěděla rady. Můžu?
    Siraelxy.blogspot.cz

    OdpovedaťOdstrániť
    Odpovede
    1. ak budem vedieť a budem mať čas tak kľudne :) rada poradím :)

      Odstrániť

Ďakujem za každý komentár ♥

Blogger Template by DanyČuks