18. 9. 2014

Blogger tips | Ako očíslovať komentáre


Keď som robila Giveaway, v jednom komentári boli spomenuté moje očíslované komentáre. Preto som sa dnes rozhodla vám napísať návod, ako na ne. :)

1.) Zálohujte si vašu šablónu!!! Ako na to? 

Kliknite na šablónu.
 Záloha a obnovenie

Stiahnúť celú šablónu.


2.) Šablóna -> Upraviť kód HTML
Myšou ťukni hocikde v kóde a stlač CRTL + F pre vyhľadanie. A napíš tam </b:skin>
Zobrazí sa vám niečo také:

Keď kliknete na tú čiernu šípku pri čísle, rozbalí sa vám množstvo modrého kódu. Vy prejdete na koniec tohto modrého kódu k ]]></b:skin>  a nad neho vložíte toto:


 .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://2.bp.blogspot.com/-Cl3CWhKNlYg/T47wN3SQKBI/AAAAAAAAB9U/BLo9rd73qXE/s1600/round.png) no-repeat;
margin-top:7px; 
margin-left:10px; 
width: 50px; /*image-width size*/
height: 48px; /*image-height size*/ 
}
.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;
}

Ak chceš zmeniť pozíciu čísla zmeň hodnoty v modrom (10 a 3).
Ak chceš zmeniť pozíciu krúžku, zmeň hodnoty v zelenom (7 a 10).

Komentáre sa ti budú zobrazovať v takom krúžku aký mám ja. 

a) Ak nechceš žiaden krúžok, len číslo, vymaž všetko od "padding-left... až po.../*image-height size*/ (vrátane)
b) Ak chceš nejaký iný obrázok aký mám ja,  namiesto žltého kódu, ktorý predstavuje URL adresu môjho obrázka (konkrétne mojej guličky), daj URL adresu obrázka, ktorého chceš ty.  
(Napr. http://4.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png )

3.) Uložiť. 

That's all. Krásny deň :)



16 komentárov:

  1. Určitě užitečný tip :) možná tento návod v budoucnu využiju :) franckovaveronika.blogspot.cz

    OdpovedaťOdstrániť
  2. Skvělý návod, myslím, že jsem ti to chválila zrovna já :D moc se mi to líbí :)

    OdpovedaťOdstrániť
  3. Ja na blogu používam komentáre Disqus a pri nich to číslovanie nefunguje :-(

    OdpovedaťOdstrániť
    Odpovede
    1. Som to hľadala aj na nete, či tam nie je nejaký návod ale nič som nenašla :(

      Odstrániť
  4. Je to super!!! :3 určite sa do toho pustím hneď,keď bude čas!!! Ďakujem!!! :)

    buckovapa3cia.blogspot.sk

    OdpovedaťOdstrániť
  5. asi sem retard, ale fakt nevím jak na to.. zítra to ukážu chlapovi a třeba mi s tím poradí

    OdpovedaťOdstrániť
    Odpovede
    1. A tak som sa zrozumiteľne snažila písať :( Ak dáte hlavy dokopy a nepôjde to, tak mi napíš a nejak ti pomôžem :)

      Odstrániť
  6. Môžem sa spýtať ako si si pridala na blog tie "obrázky" loga facebooku atd.? A to prepojenie. :)

    OdpovedaťOdstrániť
  7. Ďakujem! Skvelý návod, rovnako ako všetky ostatné :) Myslela som, že s designom svojho blogu nijak nepohnem, ale vďaka tvojím perfektným návodom to odrazu ide omnoho ľahšie.
    Kristy Mignonne

    OdpovedaťOdstrániť
  8. Perfektní návod, děkuji! Konečně mám čísla u komentářů, skoro 2 roky jsem hledala, jak to udělat. :)
    blog Měj se ráda

    OdpovedaťOdstrániť

Ďakujem za komentár a prajem krásny deň! :)