Bloggaajat yleensä vaihtavat blogin taustaa tehdäkseen blogistaan visuaalisesti houkuttelevamman vierailijoille. Väärin lisätty taustakuva voi kuitenkin hämmentää katsojaa ja saada kävijät selaamaan pois blogistasi. Blogin taustan lisäämiseksi oikein on tärkeää käyttää oikeita HTML -koodeja.
Askeleet
Vaihe 1. Siirry blogisi HTML -sivulle
Jos muokkaat blogiasi offline -tilassa, voit avata sen Dreamweaverissa muuttaaksesi HTML -koodia. Bloggauspalvelujen, kuten Bloggerin, avulla voit muuttaa HTML -koodia verkossa siirtymällä Suunnittelu -sivulle ja valitsemalla Muokkaa HTML -välilehteä. Sinun on voitava käyttää blogisi HTML -koodeja, ja miten teet tämän, voi vaihdella suuresti sen mukaan, mitä blogipalveluja ja -menetelmiä käytät.
Vaihe 2. Älä yritä etsiä erillistä kuvaa eri värillä, jos haluat vain muuttaa taustaväriä
Sen sijaan voit muokata HTML -koodiasi ja muuttaa nykyisen värin haluamaasi väriin.
- Hae "HTML -värikartta" Internetistä. Sinun pitäisi pystyä löytämään taulukko, joka näyttää eri värit sekä niiden värin nimen ja HEX (heksadesimaaliluvun) numeron. HEX -numero on HTML -koodissa käytetty numero, joten sinun on muistettava HEX -numero sille värille, jonka haluat taustaksi.
-
Etsi blogistasi koodi, joka määrittää taustavärin. Se näyttää tältä.
- runko {
- taustaväri: #XXXXXX;
Vaihe 3. Näytekoodissa näkyy nykyisen värin HEX -numero X: n sijaan
Vaihda HEX -numero sen värin numeroksi, jonka haluat taustaksi. Kun olet tallentanut ja ottanut käyttöön uuden HTML -koodin, näet uuden värin taustana
Tapa 1/1: Blogin taustakuvan lisääminen
Vaihe 1. Valitse kuva, jonka haluat lisätä taustaksi
On monia sivustoja, joiden avulla voit ladata blogitaustoja tai voit käyttää tietokoneellesi jo tallennettua kuvaa.
Vaihe 2. Lataa kuva
Valokuvien ylläpitosivustoilla, kuten Picasa, Flickr ja Photobucket, voit ladata kuvia ilmaiseksi. Blogisi isännöintipalvelun avulla voit myös ladata kuvia samalla tavalla kuin muun blogisi isännöinti.
Vaihe 3. Hae kuvan URL -osoite
Tätä varten sinun on avattava kuva Internet -selaimessasi ja kopioitava URL -osoite, jossa se näkyy.
Vaihe 4. Lisää koodi kuvan lisäämiseksi taustaksi
Tässä on HTML -koodi.
-
- runko {
- background-image: url (kuvan URL-osoite);
- Sinun on lisättävä koodi, josta blogisi HTML -teksti alkaa. Korvaa "kuvan URL -osoite" koko URL -osoitteella, jossa kuva sijaitsee.
Vaihe 5. Tallenna muutokset HTML -muokkauksen ja blogisi tarkastelun jälkeen
Sinun pitäisi nähdä kuva lisättynä taustana.