변경된 공감버튼

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

    기존의 공감버튼, 공유, 신고, 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정도)

    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함
    • BlogIcon 전자사향
      2018.02.24 13:48 신고

      감사합니다!

    • BlogIcon degurii
      2018.06.29 04:44 신고

      도움 많이 받고갑니다!! 그런데 다름이 아니라 공감버튼 아랫쪽에도 문구를 넣고 싶어 저 코드에서 before만 after로 바꿔줬더니 적용이 안되는데, 혹시 방법이 있을까요??

      • BlogIcon 뭐하라
        2018.06.29 05:57 신고

        after로바꾸는것은 맞는데요 top값을 조정해야할겁니다. 마이너스로 조정해보거나 position이라는 행을 없애보세요

      • BlogIcon degurii
        2018.06.29 06:29 신고

        수정해도 안되네요.. ㅜㅜ
        그래도 좋은 정보 정말 감사합니다

      • BlogIcon 뭐하라
        2018.06.29 07:50 신고

        확인해보니 after는 기존플러그인에서 이미 사용중이라 적용이 안되네요
        .container_postbtn: after {
        content: "↓유용하게 보셨다면 공감버튼 한번 눌러주세요"!important;
        position: absolute!important;
        top: 70px!important;
        }

        이런식으로 !important를 붙여주고 top값을 조정해주시면될겁니다

      • BlogIcon degurii
        2018.06.29 08:42 신고

        그것도 소용이 없네요.. 윗쪽에 다는걸로 만족 하겠습니다. 도움주셔서 정말 감사합니다 :)

      • BlogIcon 뭐하라
        2018.06.29 08:44 신고

        넵 ㅠ 아래쪽에다는것을 원하시는거면 원래코드에서 top값만 70정도로맞추시면될거에요

      • BlogIcon degurii
        2018.06.29 08:50 신고

        넵넵 감사합니다!

티스토리 툴바