사이드바의 광고를 예쁘게 정렬하는 방법에 대해 알아보겠습니다.
앞시간에서 사이드바 광고를 넣고 튀어나온 광고까지 사이즈 조절을 하였습니다.
그런데 PC, 모바일 버전으로 블로그 접속시 사이드 광고가 한쪽으로 치우친 현상이 발생되었습니다.
위 사진은 좌측으로 광고가 쏠려있네요...
육안상 가운데 정렬이 되어있으면 더 깔끔하고 방문자 분들이 보시기 편하겠죠?ㅎㅎ
저와같은 증상이 있으시다면 아래 순서를 보시고 차례로 따라해보시기 바랍니다^^
1. 블로그 관리에서 사이드바를 클릭합니다.
2. 사이드바에서 [플러그인]자동광고코드 우측에 편집을 클릭합니다.
3. HTML 소스코드를 메모장이나 아무 노트에 복사하여 붙여넣습니다.
4. 그러면 아래사진중 위에 소스 코드가 나올건데, 아래사진중 아래의 소스 코드에 표시안 빨간테두리를 위 아래로 추가시켜줍니다.
※추가 내용※
블라블라를 제외한 <P ~ /P>를 추가시켜줍니다.
<P style="TEXT-ALIGN: center">
<블라블라>~<블라블라>
</P>
5. 추가 완료된 소스를 HTML 소스에 붙여넣은후 확인버튼을 눌러줍니다.
6. PC와 모바일로 접속시 가운데 정렬이 된 것을 확인하실수 있습니다.
어렵지 않죠?ㅎㅎ
이것으로 사이드바 광고를 예쁘게 가운데 정렬하는 방법에 대해 알아 보았습니다.
다른 부분도 CSS코드 내부에 적용시킬수 있으니 응용해보셔도 괜찮을 것입니다^^
오늘도 좋은하루 보내세요~^^
'IT 정보(블로그 등)' 카테고리의 다른 글
티스토리 사이드바 카테고리 설정[문단 간격 조절 방법 sidebar widget] (0) | 2018.11.02 |
---|---|
티스토리 사이드바 카테고리 설정[화면, 폭 간격 조절 방법 padding] (0) | 2018.11.02 |
티스토리 사이드바 광고 사이즈 조절[크기 조절하기] (0) | 2018.10.21 |
티스토리 사이드바 광고 넣기[개시 방법] (0) | 2018.10.20 |
그림판으로 사진 용량 줄이는 방법[티스토리 용량 줄이기] (0) | 2018.10.14 |