• 2023. 6. 14.

    by. 자부재

    기존 사이드바와 사이드바 고정 후 비교

    실제로 기존 티스토리 사이드바와 사이드바 고정 후의 모습을 비교하시는 모습부터 보셔야 이해하기 쉬울 것입니다.

     

    기존 티스토리 사이드바 내리기 전 모습기존 티스토리 사이드바 내린 후 모습
    기존 티스토리 사이드바
    티스토리 사이드바 고정 후 모습
    티스토리 사이드바 고정

    기존 사이드바는 스크롤을 내리면 오른쪽 광고가 안 보이게 되는데 밑에 사진에서 티스토리 사이드바 고정 후 모습을 보시면 제일 밑으로 내려도 광고가 보입니다.

     

     

     

    사이드바 고정하는 이유

    긴 글을 읽다 보면 사이드바에 있는 광고가 쉽게 내려가서 보지 못하게 되는데 사이드바 고정을 하면 해당 광고를 지속적으로 볼 수 있습니다. 또 다른 이유로는 본인의 상품을 판매하기 위해 사이드바에 본인 상품 광고를 고정해서 팔기에도 좋은 것 같습니다.

     

     

     

     

     

     

    사이드바 고정하는 방법

    정말 간편하게 아래 메모장을 복사하여 코드를 복사를 먼저 해줍니다. 

    해당 코드는 북클럽 스킨 사용자에게 해당하는 코드입니다.

    북클럽 스킨 기준 코드 CSS에 붙여넣기.txt
    0.00MB

     

    티스토리에 스킨 편집으로 들어가서 HTML에 CSS에 들어가서 붙여넣기를 해주면 됩니다.

    티스토리에 스킨 편집을 클릭html 편집 클릭
    티스토리 사이드바 고정하는 방법

     

    복사한 코드를 CSS에 제일 하단에 붙여넣기 해줍니다.

     

    CSS에 복사한 코드를 붙여 넣고 적용 버튼 클릭
    티스토리 사이드바 고정하는 방법

     

    저는 제일 밑으로가서 붙여 넣기를 하였습니다. 꼭 적용 버튼을 눌러주세요.

     

    티스토리 고정하는 방법에 대해 알아보았습니다.

    다음은 저의 오른쪽 광고에는 2개가 있는지 궁금하시다면 다음 포스팅을 참고해주세요.