ßê çðîáèòè ôîí áëîãó
Êîëè âè â îñòàíí³é ðàç òðèìàëè â ðóêàõ ñâ³é îñîáèñòèé ùîäåííèê? Áàãàòî êîëèñü âåëè ¿õ â øêîë³, ³ ïîò³ì çàêèíóëè. Çàðàç ñòàëî ïîïóëÿðíèì âåñòè îíëàéí-ùîäåííèê, äå êîðèñòóâà÷³ ä³ëÿòüñÿ ñâî¿ìè âðàæåííÿìè ïðî ð³çí³ ïî䳿 ³ îáãîâîðþþòü ¿õ. Ñåðâ³ñè áëîã³â äîçâîëÿþòü çì³íþâàòè íàëàøòóâàííÿ ³ îôîðìëåííÿ áëîãó íà ñâ³é ñìàê.
Âàì çíàäîáèòüñÿ
- - êîìï`þòåð ç âèõîäîì â ³íòåðíåò
- - áðàóçåð
- - áàçîâ³ íàâè÷êè html-âåðñòêè
²íñòðóêö³ÿ
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;
}
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", ÿêà ðîçòÿãíå ôîí äëÿ âñüîãî ñàéòó.
Ñòàòò³ çà òåìîþ "ßê çðîáèòè ôîí áëîãó"
Îö³í³òü, áóäü ëàñêà ñòàòòþ
