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

16:14

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. 

You Might Also Like

43 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
  26. Hi, i think that i saw you visited my web site thus i came to “return the favor”.I am attempting to find
    things to enhance my website!I suppose its ok to use a few of your ideas!!

    ReplyDelete
  27. My relatives every time say that I am wasting my time here
    at web, however I know I am getting experience every
    day by reading thes good posts.

    ReplyDelete
  28. Great goods from you, man. I have take into accout your stuff prior to and you are simply
    too great. I really like what you have bought here, certainly like what you're saying and the best way by which you are
    saying it. You are making it enjoyable and you continue to care for to keep it sensible.

    I cant wait to read much more from you. This is really a terrific site.

    ReplyDelete
  29. It's a shame you don't have a donate button! I'd most certainly
    donate to this fantastic blog! I guess for now i'll settle for bookmarking and adding
    your RSS feed to my Google account. I look forward to new updates and will share this website with my Facebook group.
    Chat soon!

    ReplyDelete
  30. It's great that you are getting ideas from this paragraph as well as from our argument
    made here.

    ReplyDelete
  31. My developer is trying to persuade me to move to .net from PHP.
    I have always disliked the idea because of the expenses.
    But he's tryiong none the less. I've been using WordPress on numerous websites for about a year and
    am concerned about switching to another platform. I have heard good things about
    blogengine.net. Is there a way I can import all my wordpress posts into it?

    Any help would be greatly appreciated!

    ReplyDelete
  32. Hey there, You've done an excellent job. I will definitely digg it and
    personally suggest to my friends. I am confident they will be benefited from this site.

    ReplyDelete
  33. Hola! I've been following your site for a long time now and finally got the courage to go ahead and give you a shout out from
    Humble Texas! Just wanted to tell you keep up the fantastic work!

    ReplyDelete
  34. It's really a nice and useful piece of info. I am satisfied that you simply shared this useful info with us.
    Please keep us up to date like this. Thank you for
    sharing.

    ReplyDelete