티스토리 공감 유도 글 삽입하기

블로그 포스팅을 하다 보면 공감이나 댓글을 부탁하는 메세지를 보게 됩니다. 

블로그 포스팅 마지막에  매번 쓰자니 귀찮고 그래서 아예 공감 버튼 위에 글이 자동으로  나올 수 있도록 해보겠습니다. 

요렇게 '댓글 작성과 공감❤️  클릭은 블로거에게 큰 힘이 됩니다 ^____^' 자동으로 공감버튼 위에 나오도록 해보겠습니다.

1. 티스토리 관리자 모드에서 HTML/CSS 편집을 클릭 합니다.

2. HTML CSS 파일업로드 중 CSS를 클릭합니다.

3. 여기에 아래 CSS를 붙여 넣기를 합니다.

그리고 저장 하시면 끝...

저는 언제든 삭제를 할수 있도록 CSS파일의 제일 끝에 붙여넣기를 했습니다.

---

/* 공감 구걸 메세지 넣기 */

.daum_like_wrapper {

float: right;

width: 355px;

position: relative;

margin-right: 30%;

}

.daum_like_wrapper:before {

white-space: pre;

color:red;

content: '댓글 작성과 공감❤️  클릭은 블로거에게 큰 힘이 됩니다 ^____^';

position: absolute;

top: -3em;

left: 0em;

text-align: right;

}

@media screen and (max-width:620px) {

.daum_like_wrapper {

float:none;

width:100%;

position: relative;

margin-right:0;

padding-top:3.5em;

}

.daum_like_wrapper:before {

white-space: pre;

color:red;

content: '댓글 작성과 공감❤️  클릭은 블로거에게 큰 힘이 됩니다 ^____^';

position:absolute;

top: 0;left: 0;right:0;

text-align: center;

padding-top:1em;

}

} 

---

아참 글을 다 쓰시고 엔터를 두 세 번 더 클릭하셔서 공감 버튼과 포스팅한 글 사이 간격을 좀 두는 것이 좋습니다!

앞으로는 굳이 공감 메세지를 포스팅하실 때마다 작성하실 필요 없겠죠? 블로그 운영 간단 팁이었습니다!