티스토리 공감 버튼 구걸해 봅시다. 공감 CSS 팁

이번 포스팅은 티스토리 공감버튼을 구독자들에게 구걸 ? 하는 방법에 대해서 알아보겠습니다. 구걸이라고 하니까 이상하지만 일명 공감버튼좀 눌러주세요 멘트를 달아보겠습니다. CSS 간단히 추가하면 되는 부분이기 때문에 매우 쉽습니다.

티스토리 공감 버튼 구걸해 봅시다. 공감  CSS 팁

가장먼저 자신의 티스토리 관리자 화면에서 꾸미기 메뉴에서 HTML/CSS 편집 버튼을 눌러주시기 바랍니다.

그 이후 CSS 메뉴로 들어가겠습니다. 이제부터 CSS에서 새로 추가할 것입니다.

▲ 위의 소스를 작성하시면 간단히 구걸버튼 밑에 문구를 달 수 이있습니다.

/* 공감 구걸하기 */

.daum_like_wrapper {

float: right;

width: 320px;

position: relative;

margin-right: 30%;

}

.daum_like_wrapper:before {

white-space: pre;

color:red;

content: '▲ 로그인이 필요없는 공감 한번 부탁드립니다 ▲ \a포스팅이 도움이 되셨나요 ? ';

position: absolute;

top: 4.2em;

left: 0em;

text-align: center;

}

@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;

content: '도움이 되셨따면 \a공감 한번만 부탁 드립니다. ▼';

position:absolute;

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

text-align: center;

padding-top:1em;

}

}

보이시나요 ? 공감 버튼밑에 문구를 추가하였습니다. 공감버튼에 재미있는 문구를 적을 수도 있으며 활용은 다양합니다. 쉽게 문구를 넣을수 있으니 여러분들도 넣어보세요^^;;

▼ 공감버튼 첨부파일 ▼

gonggam.txt