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. 

Share This Story

Tags:

You Might Also Like

43 comments

  1. Another Dominika5 August 2015 at 16:24

    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. Denisse Beauty5 August 2015 at 16:39

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

    ReplyDelete
  3. Irreplaceable_fashion5 August 2015 at 17:25

    great post dear:)
    kisses

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

    ReplyDelete
  4. Lea 5 August 2015 at 17:57

    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. Carolina G. Ticala5 August 2015 at 19:09

    nice blog!!!kiss

    ReplyDelete
  6. Janet Sonrisa5 August 2015 at 19:25

    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
  7. Julka5 August 2015 at 19:25

    great blog !
    I follow you
    Julia's Secret KLIK!

    ReplyDelete
  8. Unknown5 August 2015 at 19:31

    Beautiful blog, I follow you :)

    Stylizacje, moda, uroda

    ReplyDelete
  9. Martina5 August 2015 at 20:08

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

    ReplyDelete
  10. Unknown5 August 2015 at 20:09

    nice post!

    >>flawless-space<<

    ReplyDelete
  11. Sabča-Style in the words5 August 2015 at 21:02

    Super článek. Díky za rady! :)
    NÁŠ BLOG!!!:)

    ReplyDelete
  12. pavlinajavurkova5 August 2015 at 21:15

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

    ReplyDelete
    Replies
    1. Izabella5 August 2015 at 21:18

      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
  13. Venetia Kamara5 August 2015 at 22:11

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

    Style with Veni | Fashion Blog

    ReplyDelete
  14. Unknown6 August 2015 at 07:54

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

    www.rabeasbeautytipps.com

    ReplyDelete
  15. Sabi6 August 2015 at 09:38

    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
  16. Unknown6 August 2015 at 09:47

    Hi, lovely!!
    Sure, I follow you now

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

    ReplyDelete
  17. Ula6 August 2015 at 10:19

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

    ReplyDelete
  18. Verča6 August 2015 at 10:43

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

    Verranda :DD opravdu to funguje

    ReplyDelete
  19. Unknown6 August 2015 at 11:22

    Skvelý článok! :D

    http://iamgirlwithpinknails.blogspot.com/

    ReplyDelete
  20. Klaudia Karnafel6 August 2015 at 12:21

    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
  21. R6 August 2015 at 13:09

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

    ReplyDelete
  22. Anonymous6 August 2015 at 13:17

    Great post!
    My blog

    ReplyDelete
  23. Anonymous6 August 2015 at 16:48

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

    ReplyDelete
  24. LOVEAUPAIRS6 August 2015 at 18:16

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

    ReplyDelete
  25. Unknown6 August 2015 at 19:35

    Great post!!
    ✿ Wiktoria i Weronika - NOWY POST KLIK ✿ M

    ReplyDelete
  26. adeljulisova6 August 2015 at 20:10

    super článek, děkuju!

    ADEL'S FASHION LIFE

    ReplyDelete
  27. evie6 August 2015 at 21:07

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

    ReplyDelete
  28. Unknown7 August 2015 at 11:27

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

    ReplyDelete
  29. Anonymous7 August 2015 at 12:50

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

    Follow you xx
    Po mojemu

    ReplyDelete
  30. Tamasté7 August 2015 at 13:51

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

    ReplyDelete
  31. Jeanette K.8 August 2015 at 19:02

    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
  32. Unknown11 August 2015 at 11:55

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

    ReplyDelete
  33. C. ➹❤22 August 2015 at 11:47

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

    ReplyDelete
  34. Anonymous14 September 2018 at 10:27

    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
  35. Anonymous25 September 2018 at 04:19

    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
  36. Anonymous28 September 2018 at 04:20

    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
  37. Anonymous1 October 2018 at 10: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
  38. Anonymous2 October 2018 at 08:40

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

    ReplyDelete
  39. Anonymous8 October 2018 at 10:33

    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
  40. Anonymous9 October 2018 at 03:17

    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
  41. Anonymous10 October 2018 at 08:26

    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
  42. Anonymous15 October 2018 at 11:11

    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