CSS KÓDY, DIZAJN A INÉ BLOGERSKÉ TIPY

photos from tumblr
Dizajn, písmo, pozadie, centrovanie, záhlavie, bočný panel, html kódy a ešte mnoho iných vecí, ktoré niekedy blogerky riadne potrápia. Chcete aby všetko vyzeralo podľa vašich predstáv, ale niekedy proste neviete ako nato. Až neskôr zistíte, že práca s nimi nie je vôbec taká ťažká. Hlavne vtedy keď zapojíte aj CSS kódy, ktoré sú kratšie a zároveň jednoduchšie ako html kódy. Najviac pomáhajú pri dizajne, ale poradím aj iné tipy, ktoré snáď oceníte. Ak by ste mali nejaké otázky kľudne sa spýtajte, pomôžem.


Ako centrovať nadpis článku?

.post-title {
text-align:center;
}

Ak chcete umiestniť nadpis do stredu, bude vyzerať ako vyššie uvedený príklad. Ak by ste chceli mať nadpis vľavo/vpravo, miesto center napíšete left/right. Je to len na Vás.


Ako centrovať hlavičku na stred?

#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;}


Ako centrovať dátum na stred?

.date-header {
text-align:center;
}


Ako odstrániť rámček okolo fotiek?

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {
/* remove borders by xomisse */
padding: 0px !important;
border: 0px !important;
background: none !important;
-goog-ms-box-shadow: 0px 0px 0px transparent !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}


Ako dať odkaz na Váš blog do komentu?

<a href="http://eeverywomen.blogspot.sk">Sydney Sleek</a>

Len prepíšte moje údaje a môžete začať komentovať s Vaším odkazom.


Ako mať podčiarknutý nadpis?

#Blog1 > div.blog-posts.hfeed > div > div > div > div > h3 {border-bottom: 1px solid; color: c5d1d7;}

Tento konkrétny kód mám já, ale vy si ho môžete upraviť podľa seba. Ak chcete mať plné podčiarknutie, tak nechajte na mieste "solid". Ak chcete mať bodkované podčiarknutie, tak zameňte slovo "solid" na "dotted". Ak by ste chceli čiarkované podčiarknutie tak použite slovo "dashed". Color si vyberáte podľa seba kódom alebo slovom napr. black, red, blue, grey.


A pýtate sa, že kam vložiť tieto kódy? Otvorte si Blogger, Šablóna, Prispôsobiť, Rozšírené, Pridať CSS. Jednotlivé kódy stačí ak oddelíte medzerou. 

34 comments:

  1. To je super článek! ..já vždycky, když chci něco na blogu změnit, trvá mi strašně dlouho, než najdu, jak na to.. občas je to vážně otrava :(

    ReplyDelete
  2. Ten odkaz do komentu se plno lidem hodí :)
    Denisse Beauty

    ReplyDelete
  3. great post dear:)
    kisses

    http://irreplaceable-fashion.blogspot.com/

    ReplyDelete
  4. Fakt super článok! Takýchto článkov nie je nikdy dosť a som rada, že si takýto článok napísala. :)
    Leuš Lifestyle

    ReplyDelete
  5. Bylo zvláštní si přečíst anglicky psaný komentář, slovenské blogerky (tebe), na českém blogu (mém) :D
    http://janetsonrisa.blogspot.com/

    ReplyDelete
  6. Odkaz na blog do komentu je super. Vždy mi to ulehčí kliknutí na blog komentujícího čtenáře. :-)
    welcometomyworld

    ReplyDelete
  7. Jak je možné, že mi to vůbec nic nedělá?? :((

    ReplyDelete
    Replies
    1. Presnejšie ktorý kód? Mám všetky použité na blogu mali by fungovať, takže neviem kde je chyba. Skús napísať na mail alebo sem. :)

      Delete
  8. That's really helpful! Thanks for sharing ♥
    xx, Veni

    Style with Veni | Fashion Blog

    ReplyDelete
  9. Follow you now on GFC #492, please follow back <3

    www.rabeasbeautytipps.com

    ReplyDelete
  10. super článok hlavne pre takých mimoňov ako som ja :D neviem prečo, ale všetky tieto kódy a nastavovanie blogu ma hrozne desia a absolútne sa v tom nevyznám.. :/

    www.beautiful-savage.blogspot.sk

    ReplyDelete
  11. Hi, lovely!!
    Sure, I follow you now

    http://villenoireblog.blogspot.com.es/

    ReplyDelete
  12. Great post. I'm following your blog!
    Have a nice day!
    Mój Blog ♥

    ReplyDelete
  13. Super článek, moc mi to pomohlo!:O

    Verranda :DD opravdu to funguje

    ReplyDelete
  14. Skvelý článok! :D

    http://iamgirlwithpinknails.blogspot.com/

    ReplyDelete
  15. Good post, I need this codes :)

    Dziękuje za komentarz, będzie mi bardzo miło jeśli wpadniesz ponownie. Każdy komentarz i obserwacja mile widziana ♥ Miłego dnia i całej reszty wakacji xx
    LIFE PLAN BY KLAUDIA

    ReplyDelete
  16. Very useful post, I'll try this codes for sure!
    via-martyna.blogspot.com

    ReplyDelete
  17. This is really great post! :)
    I follow you, please follow back.
    Arleta!

    ReplyDelete
  18. Wow :) Hotový ajťák :) Učitě pár tvých hecků použiju :)
    Lenny Mali i Danmark

    ReplyDelete
  19. skvelý článok, rady sa vždy hodia:)

    ReplyDelete
  20. supeer, určite to v budúcnosti využijem, vďaka!

    ReplyDelete
  21. Really great and helpful post! I'll try to use these codes :)

    Follow you xx
    Po mojemu

    ReplyDelete
  22. Super návod ! :)
    http://aestaste.blogspot.sk/
    aestaste

    ReplyDelete
  23. Tyhle CSS kódy se vždycky hodí,taky jsem je kdysi dost sháněla,když jsem si upravovala šablony :-) A odkaz do komentářů je super,jen mě to nikdy nevydrží,nechce se mi to pořád kopírovat :-D

    ReplyDelete
  24. super článok, určite veľa bloggerom pomôže :)
    theVandasdiary

    ReplyDelete
  25. Ďakujem krásne! AK by mal niekto chuť môžte sa začítať do môjho blogu :)
    http://lovefallpassionregret.blogspot.sk/

    ReplyDelete

Blogger Template by DanyČuks