ßê ðîçì³ñòèòè áàíåð íà ñàéò³
Ïðàêòè÷íî êîæåí âëàñíèê ñàéòó àáî áëîãó ïðàãíå çàðîáèòè, ðîçì³ùóþ÷è íà íüîìó ðåêëàìí³ áàíåðè àáî òåêñòîâ³ ïîñèëàííÿ. Ðîçì³ùóâàòè ðåêëàìó ìîæíà ïðàêòè÷íî íà áóäü-ÿêîìó web-ðåñóðñ³. Îäíàê íàé÷àñò³øå áàíåðè ç ðåêëàìíèìè ïîñèëàííÿìè âñòàíîâëþþòü íà áëîãè, ôîðóìè, íîâèíí³ ðåñóðñè ³ íà ³íø³ íåêîìåðö³éí³ ñàéòè. Ïðè öüîìó ïîòåíö³éíèé äîõ³ä âëàñíèêà ñàéòó áóäå çàëåæàòè â³ä òåìàòèêè ñàéòó ³ éîãî â³äâ³äóâàíîñò³, â³ä ì³ñöÿ ðîçì³ùåííÿ ³ ðîçì³ðó ðåêëàìíîãî áëîêó. Äàâàéòå ðîçãëÿíåìî ðîçì³ùåííÿ áàíåðà íà ïðèêëàä³ ñàéòó íà äâèæêó Wordpress.
Âàì çíàäîáèòüñÿ
- êàðòèíêà áàíåðà
²íñòðóêö³ÿ
1
Çðîá³òü ðåçåðâí³ êîﳿ ôàéëó sidebar.php ³ ôàéëó ñòèë³â style.css. Âñ³ çì³íè HTML-êîäó áóäóòü ïðîâîäèòèñÿ ñàìå â öèõ ôàéëàõ. Ðåçåðâí³ êîﳿ ïîòð³áí³ íà âèïàäîê áóäü-ÿêèõ íåïåðåäáà÷åíèõ ñèòóàö³é.
2
2. Äîäàéòå â ê³íåöü ôàéëó style.css òàêå îñü îïèñ ñòèë³â:
#sb_banner_conteiner {/ * çàãàëüíèé áëîê äëÿ áàíåð³â * /
height: 125px- / * âèñîòà áëîêó * /
background: # 404040- / * êîë³ð ôîíó * /
padding: 5px- / * â³äñòóï ç óñ³õ áîê³â â³ä âì³ñòó áëîêó * /
margin-top: 10px- / * çîâí³øí³é âåðõí³é â³äñòóï â³ä ³íøîãî áëîêó * /
margin-bottom: 10px- / * çîâí³øí³é íèæí³é â³äñòóï â³ä ³íøîãî áëîêó * /
}
.banner_125 125_1 {/ * áëîê ïåðøîãî áàíåðà * /
float: left- / * âèð³âíþâàííÿ áëîêó ïî ë³â³é ñòîðîí³ * /
width: 125px- / * øèðèíà áëîêó * /
height: 125px- / * âèñîòà áëîêó * /
margin-right: 5px- / * çîâí³øí³é ïðàâèé â³äñòóï â³ä ³íøîãî áëîêó * /
}
.banner_125 125_2 {/ * áëîê äðóãîãî áàíåðà * /
float: left- / * âèð³âíþâàííÿ áëîêó ïî ë³â³é ñòîðîí³ * /
width: 125px- / * øèðèíà áëîêó * /
height: 125px- / * âèñîòà áëîêó * /
}
#sb_banner_conteiner {/ * çàãàëüíèé áëîê äëÿ áàíåð³â * /
height: 125px- / * âèñîòà áëîêó * /
background: # 404040- / * êîë³ð ôîíó * /
padding: 5px- / * â³äñòóï ç óñ³õ áîê³â â³ä âì³ñòó áëîêó * /
margin-top: 10px- / * çîâí³øí³é âåðõí³é â³äñòóï â³ä ³íøîãî áëîêó * /
margin-bottom: 10px- / * çîâí³øí³é íèæí³é â³äñòóï â³ä ³íøîãî áëîêó * /
}
.banner_125 125_1 {/ * áëîê ïåðøîãî áàíåðà * /
float: left- / * âèð³âíþâàííÿ áëîêó ïî ë³â³é ñòîðîí³ * /
width: 125px- / * øèðèíà áëîêó * /
height: 125px- / * âèñîòà áëîêó * /
margin-right: 5px- / * çîâí³øí³é ïðàâèé â³äñòóï â³ä ³íøîãî áëîêó * /
}
.banner_125 125_2 {/ * áëîê äðóãîãî áàíåðà * /
float: left- / * âèð³âíþâàííÿ áëîêó ïî ë³â³é ñòîðîí³ * /
width: 125px- / * øèðèíà áëîêó * /
height: 125px- / * âèñîòà áëîêó * /
}
3
3. Íà ïî÷àòîê ôàéëó sidebar.php ï³ñëÿ ïåðøîãî òåãà âñòàâòå íàñòóïíèé êîä:
Òóò ïîâèííà áóòè ïîñèëàííÿ íà âàø áàíåð
Òóò ïîâèííà áóòè ïîñèëàííÿ íà âàø áàíåð
Îò ³ âñå. Çà äîïîìîãîþ åòèê íåõèòðèõ îïåðàö³é âè çìîæåòå äîäàòè ì³ñöÿ äëÿ áàíåð³â íà ñâ³é ñàéò.
Òóò ïîâèííà áóòè ïîñèëàííÿ íà âàø áàíåð
Òóò ïîâèííà áóòè ïîñèëàííÿ íà âàø áàíåð
Îò ³ âñå. Çà äîïîìîãîþ åòèê íåõèòðèõ îïåðàö³é âè çìîæåòå äîäàòè ì³ñöÿ äëÿ áàíåð³â íà ñâ³é ñàéò.
Ñòàòò³ çà òåìîþ "ßê ðîçì³ñòèòè áàíåð íà ñàéò³"
Îö³í³òü, áóäü ëàñêà ñòàòòþ