본문 바로가기

블로깅

포스팅의 본문 상단을 조금 더 깔끔하게 시작하고 싶다면 ?

 

아래의 경우 중에 자신이 해당된다 싶으시면 계속 읽으시면 되겠습니다.

1. 상단의 광고들과 본문 사이를 보기 좋게 띄우고 싶다. 지금 이 본문처럼 -
2.  따옴표 인용문으로 본문을 임팩있게 시작했는데 따옴표만 상단 광고 안에 들어가 버렸다. 이걸 어째 -
3.  인용문으로 시작하고 싶어서 글상자를 만들었는데 광고들과 겹쳐져 괴상한 레이아웃이 되어 버렸다. 이걸 어떻게 해결?

1번의 경우 검색을 해 보면 해결 방법이라고 제시해 주는 것은  광고 소스들 끝에 <br>이나 <p> 태그를 하나 넣어 주면 된다고 되어 있더군요. 제가 그대로 해 봤는데 애드 센스는 그대로 있고 오른쪽 뷰 애드만 한 줄 정도 아래로 내려가더군요...

그리고 본문 쓸 때 엔터키를 수십번 치고 글을 시작해도 포스팅 송고 후에 보면 그 엔터키가 다 사라지고 없습니다. 다음 블로그에서는 안 그랬는데 말이죠. 티스토리 에디터는 좀 다른 것 같아요.

2번의 경우 예시 캡쳐가 다음입니다.

 

 

잘하면 재미있다 vs 재미있으면 잘 하게 된다 - 지금보니 이 무슨 말도 안되는 글인가 싶기도 하지만 어쨌든 - 이게 노란 글상자 안에 들어 있던 건데 위의 애드박스 안으로 겹쳐 들어가서 이상하게 되어 있네요. 원래는 아래처럼 하고 싶었던 겁니다.

 

 

이렇게 하고 싶었던 거죠. 소제목을 글상자에 넣어서 시작하려고 했던 거에요. 아래도 보세요. 따옴표로 소제목을 시작하고 싶었습니다. 그랬더니 -

 

 

저렇게 애드박스를 감싸는 상자 안에 저렇게 따옴표가 생뚱맞게 들어가 있는 겁니다. 당시 지금의 해법을 몰랐던 때, 하는 수 없이 본문 글을 한 줄 넣고 나서 따옴표 소제목을 넣을 수 밖에 없었죠. 아래처럼요 -

 

 

해법 들으시면 별 것 아니네 하시겠네요;;; 네, 그렇습니다. 투명 테이블을 하나 짜 넣는 겁니다. 그리고 그걸 서식에다가 저장해 두고 써 먹는 거지요


 

 <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=1 cellPadding=1 width=790 bgColor=#ffffff>
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid" width="100%">&nbsp;</TD></TR></TBODY></TABLE><p>ㅇㅇㅇ

첨부파일로도 올리니 필요하신 분은 저장을 -

 

상자가 투명이라 어디서부터 본문이 시작되는건지 테이블이 짜지긴 짜진건지, 매번 html 모드로 확인하기 번거롭다 싶으시면 상자 끝나고 글 시작하는 부분에 저처럼 ㅇㅇㅇ 를 표시삼아 적어 넣으시고 서식으로 저장하셔도 됩니다. 첨부파일 안에는 없습니다. 글 쓰면서 ㅇㅇㅇ 를 지우고 그 자리부터 적으시면 됩니다.

상단 광고 짜 넣을 때 많은 분들이 div 로 틀을 만들어서 넣으실 겁니다. 그래서 첫 문단의 무언가가 div 로 또 시작하면 이게 겹쳐져 버리더군요. 그래서 테이블로 간격을 둔 거죠. 간혹 글설정을 <p>로 엔터 설정해 둘 경우 저 테이블을 짜 넣고 나서 html 로 들어가서 확인해 보면 없던 div 가 생겨났을 때가 있습니다. 테이블 시작하는 부분에 div 하나, 끝나는 데 /div, div 하나 더, 3개가 생겨 있을 때가 있습니다. 그럴 때는 다시 지워줘야 한답니다. ;  한번 지워주시면 다시 에디터 모드로 돌아와도 다시 생기거나 하지는 않습니다.

태그등에 대해서는 잘 모르는 사람이 연달아 이런 포스팅을 올리고 있네요. 우연찮게 아이디어같이 떠오른 거라 혹 도움되는 분 있을까 해서 올려 보았습니다. 즐겁게 - 아름다운 포스팅 하시길 바랍니다.

읽어 주셔서 고맙습니다. 아래의 손가락 모양 추천 버튼은 로그인하지 않아도 클릭 가능합니다.
다음 로그인 중이시라면 지금  구독 +  하시고 새 글이 올라 올 때 편하게 보실 수 있습니다.