새로 변경된 티스토리 공감버튼에 공감 구걸 달기

변경된 공감버튼

티스토리 공감버튼이 소리소문없이 변경되었습니다.

기존의 공감버튼, 공유, 신고, CCL 표시가 전부 한줄로 합쳐졌습니다.

여러줄로 되어있던것들이 한줄로 깔끔하게 정리되니까 보기 좋네요.

이전에 공감 구걸을 달아놓는 방법에 대해서 포스팅 한 적이 있었는데요

티스토리 공감을 구걸해보자

한동안 구걸을 안달아놓다가 위치도 바뀌고 모양도 바뀐김에 구걸하기를 달아보도록하겠습니다.

구걸 만들기

방법은 매우 간단합니다.

스킨수정 - html편집으로 들어갑니다. (이부분도 소리소문없이 변경되었더군요..)

그리고 위의 CSS탭으로 들어가서 맨 아랫줄에 다음을 추가합니다.

.container_postbtn:before {

    content: "↓유용하게 보셨다면 공감버튼 한번 눌러주세요";

    position: absolute;

    top: 10px;

}

끝입니다. 모바일에서도 같은모양으로 나타나니 추가적으로 css수정할 필요도 없네요!

다만 모바일에서 글씨가 잘릴수도 있으니 가능한 짧게! 구걸하는게 좋겠죠?

완성된 모습

.

이미지를 넣고싶다면?

.container_postbtn:before {

    content: url("이미지 주소");

    position: absolute;

    top: 10px;

}
.container_postbtn{

    padding-top: 110px;

}

구걸 이미지를 넣으려면 css를 위와같이 붙여넣습니다.

이미지 크기조절은 어려우므로 딱맞는 이미지를 만들어야됩니다.(모바일을 고려해서 가로 250px 세로 100px보다 작게)

이미지주소를 파란색 글씨 대신 넣고 아래있는 100px이라는 파란숫자도 이미지 높이에 맞게 수정해줍니다.(이미지 원본 높이+10정도)