티스토리에 티스토리구독과 유튜브구독 버튼달기 티스토리에 티스토리 구독버튼과 유튜브구독버튼 만들어서 사용중이신가요? 샐리같은경우엔 전에는 피드에 여러버튼들을 개인적으로 만들어 사용했었는데요. 이번에 유튜브구독버튼을 수정하면서 티스토리구독버튼도 수정을 하게 되었답니다. 수정하면서 기억도 할겸 공유도 할겸~ 글을 남겨봅니다. 먼저 티스토리 구독버튼을 만들어볼게요. 티스토리 구독버튼 만드는 법 티스토리 구독버튼은 로그인 후 환경설정에 들어가면 다음과 같은 메뉴들이 보인답니다. 1. 아래사진의 화살표부분 ->> 꾸미기의 메뉴바/구독 설정을 클릭합니다. 2. 구독설정을 누르면 오른편에 구독버튼설정 메뉴들이 보입니다. 3. 구독버튼을 표시합니다 눌러주고 위치를 정한후 변경사항 저장을 눌러줍니다. 여기서 주의할 점. ◈ 본인의 블로그에 로그인 하였기에 구독하기 .. 만들기이야기/블로그 2019. 6. 13. 11:39
[티스토리] 나만의 feeds 버튼 만드는 방법 샐리의 이야기보따리를 방문해주신 분께서 피드 버튼 만드는 방법을 포스팅 해주었으면 좋겠다고 댓글을 달아주셨었는데요. 망설이다가 올려봅니다. ㅎㅎ 요청하신 부분은 샐리의 블로그 오른편에 있는 아래사진의 화살표 Feeds 부분이랍니다. 먼저 마음에 드는 버튼이미지를 구해야 한답니다. 버튼이미지를 구했으면 본인의 블로그에 비공개 글로 이미지를 올리고 저장하면 준비는 끝났습니다. 다음은 티스토리 블로그에 로그인하여 기존 html을 복사하여 한글프로그램등에 저장을 일단 해놓기를 추천합니다. 그리고 아래 화살표 부분의 html편집을 클릭해주면 된답니다. 혹여나 html을 잘못 건드려서 오류가 났을때를 대비하기 위함이니 꼭~~!! 기존 html을 복사하여 한글프로그램 같은것에 저장해놓으시기 바랍니다. 이미 기존 ht.. 만들기이야기/블로그 2019. 1. 15. 13:35
[티스토리] 네이버 웹마스터도구 등록하기 티스토리측에선 매번 무언갈 새롭게 바꿨다며 앞으로도 기대를 하라는 공지가 뜨지만 이건 더 좋아지는건지도 모르겠고 잘 쓰던 기능들도 없어지고 있는 와중에 통계의 방문통계를 보니 네이버검색유입이 다른검색보다 월등히 높았었는데 다음 보다도 못한 검색유입으로 확인이 되거나 네이버 검색 유입이 없네요. 그래서 네이버로 접속해서 검색을 하여 view를 보니 블로그도 까페도 네이버꺼 천지~. 네이버니 네이버블로그나 네이버까페가 우선순위로 잡히는건지 검색누락으로 검색해보니 네이버 웹마스터도구에 대한 안내가 있어서 안하는것보단 도움이 될까 싶어 네이버 웹마스터도구를 이용해보았답니다. 네이버 웹마스터도구 등록방법이 궁금하신 분들을 위해 설명을 해봅니다. 준비로 네이버 창과 티스토리블로그창을 따로 열어 로그인하세요. 1. .. 만들기이야기/블로그 2019. 1. 14. 12:04
[티스토리] CCZ-CROSS 스킨 - 사이드바에 애드센스 광고 게재하기 CCZ-CROSS 스킨에서의 사이드바 광고 넣는법을 질문하시기에 샐리와 같은 스킨을 이용하시면서 사이드바 광고 샐리처럼 크게 넣고자 하는 분들을 위해 글 올려봅니다. CCZ-CROSS 스킨 같은경우엔 HTML편집에서 아래와 같이 입력을 소스를 넣어주어야 한답니다. 샐리 같은 경우엔 데스크톱에서는 사이드바에 꽉 차게 긴 광고가 나오도록 하고 있으며 모바일등 작은 기기에서는 보이지 않게 하고 있습니다. 그래서 hidden-xs 와 hidden-sm 명령어가 들어가 있다는 점 참고하시기 바랍니다. 위와 같은 명령어를 넣어주면 되며 화살표로 표시되어 있는 부분은 본인의 애드센스 코드를 넣어주시면 됩니다. hidden의 명령어가 궁금하신 분들은 아래 글을 참고하시면 되며 [티스토리] CCZ-CROSS 스킨 - 스.. 만들기이야기/블로그 2016. 10. 17. 16:16
[티스토리] 반응형 웹 스킨 CCZ-CROSS 스킨 로드 속도 높이기 반응형 웹 스킨 CCZ-CROSS 스킨을 쓰다보니 속도가..... ㅠ.ㅠ 데스크톱에선 그다지 느껴지지 않는데 모바일에선 로드 속도가 느린게 느껴지더라는... ㅠ.ㅠ [티스토리] 블로그 로드 속도 향상 방법은 이미 샐리는 쓰고 있으므로 CCZ-CROSS 스킨은 어떡해야 하나 했는데요. 반응형 웹 스킨 CCZ-CROSS 스킨에 아래 2가지만 해놓아도 모바일에서도 로드속도가 괜찮아진듯한 느낌이라 글을 적어봅니다. 먼저 썸네일 부분을 수정하는건데요. 블로그의 첫화면에 보이는 본문의 대표 사진들을 보여주는 부분이랍니다. 데스크톱에서는 그럭저럭 괜찮은데 모바일에선 약간 느린것 같더라구요. 그래서~!! 먼저 썸네일을 약간 수정해봅니다. html편집에서 thumbnail으로 검색하면 아래와 같은 소스가 나온답니다. 그.. 만들기이야기/블로그 2016. 4. 29. 07:50
[구글 애드센스] 페이지 수준 광고 게재하기 구글 애드센스 사이트에 들어갔다가 새로운 광고 형식이 나온 소식을 접하게 되었습니다. 광고유형을 보니 전에 다음 애드핏 광고와 비슷한 유형의 광고네요. [Daum Adfit]은 띠배너와 전면광고였고 광고 게재를 하려했다가 반응형 스킨에서의 여러문제로 하지 않았었는데 구글 애드센스 페이지 수준 광고는 바로 게재를 해보았습니다. 구글 애드센스 페이지 수준 광고는 두가지 형식이 있는데 앵커/오버레이 광고는 모바일에서 하단에 위치한 광고이며 모바일 전면광고는 말 그대로 전면을 가득 광고가 보여지는 광고랍니다. 두 광고 형식 모두 페이지당 3개로 한정된 광고 수 제한에 포함되지 않는 점 참고하시기 바랍니다. 페이지 수준 광고 가이드 보기 구글 애드센스 페이지 수준 광고의 경우 페이지를 방문하는 시점이 아닌 다른 .. 만들기이야기/블로그 2016. 4. 28. 00:53
[티스토리] 애드센스 광고차단시 알림글 나오게 만들기 CCZ-CROSS 스킨 수정하면서 코코소프트님 블로그를 자주 방문하고 있는데요. http://cocosoft.kr/403글을 보고 제 블로그에도 적용하게 되었답니다. CSS에서 속성주는 방법은 설명되어있지 않아 어설프지만 속성까지 정리겸 올려봅니다 1. 먼저 메세지 글이 나오게 할 애드센스 광고에 와 사이에 애드센스 코드를 넣어주면 된답니다. 예) 애드센스 광고 소스 아무래도 블로그에 접속해서 제일 처음 보이는 곳이 상단의 광고이다보니 본문상단에 애드센스가 위치한다면 그 광고에만 알림글이 나오게 설정하면 됩니다. ◈ 참고사항 를 기준으로 애드센스 광고의 위치는 다음과 같습니다. 2. html편집에서 전에 아래의 소스를 넣어줍니다. 3.CSS 편집에서 아래의 소스를 붙여넣어주면 된답니다. /* 광고차단시 .. 만들기이야기/블로그 2016. 4. 26. 21:31
[티스토리] 사이드바 스크롤 따라다니는 메뉴 만들기 본문이 아주 긴 글일 경우 사이드바 영역이 휑~ 한데 그럴때 따라다니는 메뉴가 있으면 좋겠어서 몇번 시도하다가 포기했었는데 http://cocosoft.kr/361 글을 보게 되었답니다. 정리 겸 설명을 해보자면 윗부분에 아래의 소스를 넣어줍니다. 그리고 원하는 사이드바 메뉴에 float_sidebar 를 넣어주기만 하면 되는데요. 예를 들자면 였던것을 이런식으로 넣어주면 된답니다. 샐리는 처음엔 최신글 최신댓글 모듈을 따라다니게 만들고 싶었는데 최신글등의 사이드바 메뉴는 티스토리에서 중복으로 나오지 않게 막아놓아서 불가능 ㅠ.ㅠ 그래서 일단은 FEEDS만 따라다니게 만들어 놓았네요. 나중에 더 좋은 아이템이 생기면 제대로 사용하지 않을까 싶습니다. ㅎㅎ 참 따라다녀야하는 사이드바 메뉴가 원하는 위치에서.. 만들기이야기/블로그 2016. 4. 26. 13:35
[티스토리] 맨위로 가는 TOP 버튼 만들기 반응형 웹 스킨을 사용하면서 데스크톱에서 맨위로 가는 버튼을 만들어서 사용했었는데 새 스킨으로 바꾸고 top으로 가는 버튼이 없으니 어색하고 아쉽더라구요. ^^;; 그래서 http://cocosoft.kr/353 글을 보고 맨위로 가는 TOP 버튼을 만들었답니다. 버튼모양은 CCZ-CROSS 스킨에 기본적으로 있는 것으로 수정했습니다. ㅎㅎ 1. 위로 아래의 소스를 넣어줍니다. ccz-cross 스킨 포함 대부분의 반응형 스킨은 설정이 되어있다고 하여 샐리의 경우엔 되어있겠지 싶어 윗부분은 빼고 진행해보았는데 잘 작동이 되더라구요. 버튼을 넣었는데 안되면 그때 위에 넣으면 되겠습니다. ^^;;; 맨위로가기 버튼 모양은 ccz-cross스킨을 사용하고 있기에 기본적으로 포함된 아이콘 폰트 http://cc.. 만들기이야기/블로그 2016. 4. 26. 13:34
[티스토리] CCZ-CROSS 스킨 - 스킨 기본구조와 속성 몇가지 스킨을 변경하고 나면 새로 넣고 싶거나 약간 변경시키고 싶은 곳이 생기곤 하는데요. 반응형 웹 스킨 CCZ-CROSS 스킨으로 변경하니 몇가지 손보고 싶은 부분이 보이더라구요. CCZ-CROSS 스킨에 대한 기본구조부터 정리도 해놓을겸 몇가지 옮겨봅니다. CCZ-CROSS 스킨 기본 구조 참고한 사이트주소 : http://ccz-cross.tistory.com/30 CCZ-CROSS 스킨 영역 사이즈 넓이 참고한 사이트 주소 : http://cocosoft.kr/407 Html이나 CSS 수정시에 몇가지 속성을 알아야지만 수정을 할수 있는 부분들이 있답니다. 어려운건 아니고 많이 변경하는 속성 몇가지만 간추려 보았네요. 속성 몇가지에 대한 간단한 설명 margin 속성 개체의 바깥쪽 여백을 지정하는 속성.. 만들기이야기/블로그 2016. 4. 26. 13:06
[티스토리] CCZ-CROSS 스킨 - 모바일 헤더 사이즈 줄이기 반응형 웹 스킨 CCZ-CROSS 스킨에서의 모바일 화면 헤더부분 사이즈를 줄이는 방법을 설명하고자 합니다. 모바일에서 CCZ-CROSS 의 스킨은 아래와 사진과 같이 헤더부분 즉 제목부분이 많은 자리를 차지하고 있습니다. 변경하는 방법은 CSS 편집에서 '헤더부분'으로 검색하면 아래와 같은 소스가 보입니다. /* 헤더부분 */ .hd { display: table; position: relative; width: 100%; height: 280px; text-align: center; }.hd-inner { 여기에서 height 280px인 부분을 아래처럼 100%로 바꾸어줍니다. /* 헤더부분 */ .hd { display: table; position: relative; width: 100%; he.. 만들기이야기/블로그 2016. 4. 26. 13:02
