Jak přidat CSS v Blogger-porozumění CSS v Blogger

chcete přidat nějaké skvělé efekty do svého blogu, jako je sníh, 3d písma, neonové texty, box stíny nebo chcete, aby se váš blog design na další úroveň, pak vše, co potřebujete, je vložit několik řádků vlastní CSS do svého blogu. CSS, co se děje? CSS je známý jako kaskádové Styl list, který v jednoduché používá k popisu vzhled a dojem z vašeho blogu, nebo jinými slovy se používá k definování, jak by měly být zobrazeny prvky HTML. Než se dozvíte o CSS, je lepší vědět o HTML. Na CSS je spousta zdrojů a dokonce i začátečník může snadno pochopit základní prvky CSS, ale zvládnutí bude vyžadovat spoustu času a praktických znalostí.

CSS hraje nejdůležitější roli při zkrášlování prvků a všechny šablony bloggerů budou mít ve výchozím nastavení svůj vlastní kód CSS. Kdykoli, pokud chcete dále zkrášlit design vašeho blogu, můžete přidat nějaké vlastní CSS. V několika našich bloggerských tutoriálech jsme zmínili naše návštěvníky, aby přidali CSS kódy, například se podívejte na tento příspěvek, ale většina začátečníků neví, kam přidat CSS. Většina z nich jednoduše otevře své soubory šablon, zjistí značky B: kůže a nějakým způsobem konečně zkazí své kódy šablon. Blogger vám umožňuje přidat vlastní CSS do šablony designer, který přepíše výchozí kód CSS, aby bylo dosaženo přitažlivého vzhledu vašeho blogu. Zde vám ukážeme, jak vložit / přidat CSS do Bloggeru.

jak vložit / přidat CSS v Blogger-porozumění CSS v Blogger

než přidáte CSS, musíte napsat CSS a než budete moci napsat kód stylu CSS, musíte najít selektory, pro které chcete změnit styl. Můžete využít nástrojů prohlížeče vývojáře ke kontrole prvku, zde nebudeme podrobně o tom. Například víte o značkách h1, h2, h3, h4, h5 a h6 obecně a pro úpravu těchto písem můžete přidat CSS takto níže.

h1 {font-family: "Times New Roman", Times, serif;font-size: 15px;font-weight: bold;color: rgb(56, 77, 187)}

ale co uděláte pro změnu rozvržení stránky, styl karty nabídky, odkazy, rodinu písem, zarovnání, pozadí nebo barvu textu, když neznáte třídu prvků. To je místo, kde budete muset využít nástroje pro vývojáře prohlížeče. Stačí kliknout pravým tlačítkem na prvek a poté kliknout na Zkontrolovat prvek, kde uvidíte prvky vlevo a CSS vpravo. Změňte kód CSS a podívejte se, jak výsledky změn, například zde je kód CSS pro kartu menu, který najdete na šabloně jiný.

.tabs-inner .widget li a:hover {color: #fff;background-color: #FF9900;text-decoration: underline;display: inline-block;padding: .6em 1em;font: normal normal 15px 'Trebuchet MS', Trebuchet, Verdana, sans-serif;border-left: 1px solid #ffffff;border-right: 1px solid #dddddd;}

pomocí nástroje inspect element si můžete prohlédnout změny CSS pro libovolný prvek a když získáte požadovaný vzhled, uchopte kód CSS a spusťte jej ve svém blogu.

použití CSS v Blogger

existují dva způsoby, jak implementovat CSS v Blogger jeden je úpravou soubory šablon přímo a druhý nejjednodušší metodou je použít možnost přidat CSS v Blogger template designer.

přidat CSS pomocí Blogger template designer

přidání CSS zde je nejjednodušší a nejbezpečnější způsob, jak to nemá vliv na vaše základní soubory šablon. Kromě přidání vlastního CSS vám Blogger template designer umožňuje snadno změnit pozadí blogu, upravit šířku, rozvržení, styly písma,barvy, oblast gadgetů, obsah zápatí atd.

• přihlaste se do svého blogu Blogger, přejděte na Šablony a poté klikněte na Přizpůsobit
• nyní uvidíte stránku Blogger template designer s 5 některými možnostmi
• klikněte na možnost Upřesnit, posuňte dílčí položky dolů a vyberte Přidat CSS.
• dále uvidíte pole na pravé straně a zde musíte přidat vlastní CSS.

Přidejte vlastní CSS kód výše, viz níže uvedené změny a když je vše hotovo, klikněte na” Použít na blog ” v horní části.

přidání CSS úpravou šablony Blogger

dalším způsobem, jak použít CSS, je přímá úprava jádra CSS nebo přidání vlastního CSS do souboru šablony. Nedoporučujeme tuto metodu pro začátečníky, protože nesprávné použití může vést k rozbití šablony. Takže před přidáním CSS pomocí této metody nezapomeňte zálohovat; zde je návod, jak zálohovat a obnovit šablonu Blogger.

• v řídicím panelu Blogger přejděte na šablonu a poté klikněte na Upravit HTML
• nyní uvidíte kódy šablon, stačí stisknout CTRL + F a vyhledat <b: skin>
• rozbalte <b: skin> a zobrazí se CSS pro šablonu blogu.

také číst: Jak vytvořit úplnou zálohu blogu Blogger

začněte upravovat stávající CSS nebo můžete přidat vlastní CSS, ale zde nedostanete možnost náhledu, kterou získáte v aplikaci Blogger template designer. Nakonec uložte šablonu po dokončení.

doufám, že tento článek vás vedl k přidání CSS v Blogger. Začněte zkrášlovat svůj blog a získat více takových aktualizací přihlaste se k odběru našich RSS kanálů.