1
Çàïóñò³òü áðàóçåð. Ïåðåéä³òü íà ñàéò bgpatterns.com. Òàì âèáåð³òü ôîí çà ñâî¿ì ñìàêîì ³ç çàïðîïîíîâàíèõ âàð³àíò³â. Ïåðåéä³òü íà âêëàäêó Color, âèáåð³òü ðåæèì Background Color Change. Ó â³êí³ ïðàâîðó÷ âèáåð³òü êîë³ðíó çîíó, òàêîæ âè ìîæåòå ïðèçíà÷èòè êîë³ð çà äîïîìîãîþ ÷èñëîâîãî 6-çíà÷íîãî êîäó. Ïîò³ì ïåðåéä³òü äî âêëàäêè Canvas ³ âèáåð³òü ãðà䳺íò (ï³äêëàäêó) äëÿ íîâîãî ôîíà. Ïîò³ì ïåðåéä³òü íà âêëàäêó Image ³ âèáåð³òü êàðòèíêó, ùîá çì³íèòè íà íå¿ ôîí áëîãó. Íà âêëàäö³ Rotate çà áàæàííÿì çì³í³òü ïîâîðîò êàðòèíêè ïî îñ³. Íàòèñí³òü íà ïîñèëàííÿ ïðàâîðó÷ Download image ³ çáåðåæ³òü îòðèìàíå çîáðàæåííÿ íà ñâ³é êîìï'þòåð.
2
Âèçíà÷òå, ÿêèì ÷èíîì ñòâîðåíèé ó âàñ áëîã. ßêùî çà äîïîìîãîþ øàáëîíó, çáåðåæåíîãî íà êîìï'þòåð³, òîä³ çàéä³òü ÷åðåç ïðîãðàìó FileZilla â cPanel, ïåðåéä³òü â øàáëîí áëîãó ³ âèäàë³òü íåïîòð³áíó êàðòèíêó ³ äîäàéòå íîâó.
3
Çàéä³òü íà ñàéò blogger.com, ÿêùî âàø áëîã çíàõîäèòüñÿ òàì, ³, ùîá çì³íèòè áåêãðàóíä, ñïî÷àòêó âèáåð³òü âïîäîáàíó âàì êàðòèíêó ³ çáåðåæ³òü ¿¿ íà ñàéò³ radikal.ru. Çàéä³òü â íàëàøòóâàííÿ áëîãó. Ïåðåéä³òü ó âêëàäêó Ìàêåò, Çì³íèòè HTML. Çíàéä³òü, äå îïèñóºòüñÿ òåã body {.....} ³ âñòàâòå ïîñèëàííÿ íà ñâîº çîáðàæåííÿ, çà äîïîìîãîþ êîòðîãî âè õî÷åòå çì³íèòè áëîã â ïîëå background. Ó âàñ ìຠâèéòè ïðèáëèçíî òàêèé êîä:
body {
margin: 0-
padding: 0-
font-size: small-
text-align: center-
color: $ textColor-
line-height: 1.3em-
background: # FFF3DB url ("https://s54.radikal.ru/i144/0808/b7/0c8cdf28253f.jpg") repeat-
}
4
Çàéä³òü â ñâ³é áëîã íà ñàéò³ wordpress, ÿêùî âàø áëîã çíàõîäèòüñÿ òàì, ³ ùîá çì³íèòè ôîí, çàéä³òü â íàëàøòóâàííÿ ³ çíàéä³òü òàì ïóíêò ìåíþ "Custom Background". Çàâàíòàæòå êàðòèíêó, ÿêó õî÷åòå âèêîðèñòîâóâàòè â ÿêîñò³ ôîíà, ç³ ñâîãî êîìï'þòåðà. Äàë³ âñòàíîâ³òü îïö³þ "Tile the background", ÿêà ðîçòÿãíå ôîí äëÿ âñüîãî ñàéòó.