본문 바로가기
반응형

정보/티스토리 블로그16

티스토리|본문 카테고리 클릭 가능하게 바꾸자 글 본문에 뜨는 카테고리를 클릭하면, 해당 카테고리로 이동하도록 설정해보자. 원래는 클릭도 안되지만 이 글 설명대로 설정하면 모바일에서도 클릭할 수 있다. 이 글은 티스토리 whatever(왓에버) 스킨 기준이다. 하지만 설정 코드는 비슷하므로 모든 스킨에 적용할 수 있다. [블로그 - 관리 - 스킨 편집 - html 편집] 클릭. html에서 아무데나 클릭 후 를 검색한다. 그리고 226열쯤에 있는 를 로 바꿔준다. 북클럽 스킨의 경우 을 로 바꿔주면 끝이다. 왓에버 스킨은 여기까지 설정하면 카테고리의 색상이 바뀌고 밑줄이 추가된다. 이걸 다시 원래대로 바꿔보자. [블로그 - 관리 - 스킨 편집 - html 편집 - CSS] 클릭. css창 맨 밑으로 내려서 a:-webkit-any-link { col.. 2021. 3. 25.
티스토리 [다음 검색 등록]하고 노출시키기 1. '다음 검색 등록' 페이지 접속. Daum - 검색등록 Daum 검색등록 사이트, 글과 지도/지역 정보 검색등록을 무료로 등록하실 수 있으며, 언제든 정보보완 수정이 가능합니다. 등록 후에는 Daum 검색결과에 노출되어 수많은 네티즌들이 방문하게 됩 register.search.daum.net 2. '신규 등록하기' 클릭. 3. '사이트 검색' 선택 후 자신의 티스토리 블로그 링크를 붙여넣고 확인 클릭. 확인 클릭 후 뜨는 개인정보수집 동의에 체크해준다. 4. 블로그 정보를 입력해준다. 필수로 입력해야 하는 것들만 쓰면 된다. 디렉토리는 오른쪽의 검색 버튼을 클릭하여 설정한다. 아래의 신청자 정보 (이름, 이메일)까지 적고 확인 버튼 누르면 끝! 사이트 등록 신청이 완료되었고 처리 결과는 입력한 이.. 2021. 3. 18.
티스토리 [구글 검색 등록]하고 노출시키기 플러그인을 이용하기만 하면 끝이라 네이버에 비해 엄청 간단하다! 1. [티스토리 - 관리 - 플러그인 - 구글 서치콘솔] 클릭. 2. '계정 연결하기'를 누르고 구글 계정에 로그인 한다. 3. 각종 권한 부여에 '허용'을 눌러준다. 4. 연결되었으면 오른쪽 하단의 적용 버튼 클릭. 티스토리 구글 검색 등록하기 끝! 네이버 등록에 비해 아주 간편하다! ▼ 관련글 ▼ 티스토리 블로그 - 네이버 검색 등록하고 노출시키기 1. 네이버 '서치 어드바이저' 접속. 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 2. 상단의 '웹마스터 도구' 클릭 3. 네이버 로그인 boiled-egg.tistory.com 티스토리 블로그 - 다음 검색 등.. 2021. 3. 18.
티스토리 [네이버 검색 등록]하고 노출시키기 1. 네이버 '서치 어드바이저' 접속. 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 2. 상단의 '웹마스터 도구' 클릭 3. 네이버 로그인 하고 이용약관에 동의한 후, 상단의 웹마스터 도구 다시 클릭. 4. 자신의 티스토리 링크를 붙여넣고 옆의 버튼 클릭. 5. 아래의 'HTML 태그'를 선택 아래 태그를 붙여넣어야 하니, 내 티스토리로 돌아가서 [관리 - 플러그인 - 메타 태그 등록] 클릭. 6. 메타 태그 추가를 누르고, [이름을 입력하세요] 칸에 'naver-site-verification'을 붙여 넣고, [내용을 입력하세요] 칸에는 아까 받은 태그 중 content="~~~" 에서 따옴표 사이에 있는 영문+숫자를 복사.. 2021. 3. 18.
티스토리 [구글 애널리틱스] 연동하는 방법 티스토리 블로그 [관리 - 플러그인] 페이지로 이동한다. 스크롤을 내리면 '구글 애널리틱스' 항목이 보일 것이다. 클릭해준다. 추적 아이디를 넣어달라하는데, 일단 설정부터 해야하니 [설정하러 가기]를 눌러준다. 1. [측정 시작] 클릭 2. 계정 이름을 써준다. 원하는대로 쓰면된다. 자신이 식별 가능하게 이름 지으면 된다. 나는 내 블로그 이름을 썼다. 아니면 그냥 '티스토리'라고 적어도 된다. 데이터 공유 옵션에 체크하고 다음 클릭. 3. 속성 이름도 쓰고 싶은대로 써준다. 나는 마찬가지로 내 블로그 이름을 적었다. 그리고 고급옵션을 클릭해 유니버셜 애널리틱스 속성 만들기를 해줄거다. 웹사이트에 내 티스토리 주소를 붙여넣는다. 4. 내 블로그는 개인블로그라 비즈니스 정보는 넘어갔다. 필수 아니라서 꼭 .. 2021. 3. 17.
티스토리 [구글 애드센스] 신청하는 방법 구글 애드센스 신청 과정! 복잡하지 않고 간단하다. 우선 아래 사이트에 들어가자. Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다. www.google.com 1. 시작하기 클릭. 2. 광고를 달고자 하는 티스토리 사이트 주소를 입력하고 이메일을 입력한다. 마지막 사항은 유용한 애드센스 정보를 받겠다고 체크 했음. 안 받아도 상관 없다. 3. 국가를 '대한민국'으로 설정하고 아래 이용약관에 동의한다. 그리고 계정만들기 클릭. 4. 살고 있는 주소를 입력한다. 영문으로 할 필요 없고 한글로 적으면 된다. 나중에 애드센스 수익 입.. 2021. 3. 15.
티스토리 [마우스 효과] 클릭 효과, 따라오는 효과 만들기 요렇게 마우스 클릭하면 생기는 효과를 티스토리에 적용해봅시다 혹은 이렇게 마우스를 따라오는 효과도 적용할 수 있어요 아니면 이런 물방울 효과도 있슴다 일단 원하는 효과를 골라줘야겠지요. 아래 사이트로 갑시다. RV's free DHTML and JavaScript text and graphic effects for your web-site Copyright notice: All scripts are © copyright mf2fm.com. You can use them wherever and whenever you wish, however the copyright notice at the start of the script should remain intact and a link back to this .. 2021. 3. 7.
티스토리 [모바일 제목] 짤림 수정하기 북클럽 스킨 적용 후 모바일에서 제목이 다 보이지 않고 ...으로 표시되는 현상을 수정해보자~! [블로그 - 관리 - 스킨 편집 - html 편집 - CSS] 클릭. css창 아무데나 클릭 후 'post-cover .inner > h1' 검색. 2929번 쯤에 있다. (각자 설정에 따라 위치 다름) line-clamp가 2로 설정되어 있는데, 3이나 혹은 더 큰 숫자로 입력해준다. 긴 제목을 쓰는 편이라면 더 높게 해줘도 된다. 나는 4로 설정했다. 입력 후 오른쪽 상단의 적용 클릭! 이제 모바일에서도 제목이 잘리지 않고 한 번에 다 보인다. 후련~ 2021. 3. 6.
티스토리 [관련글 제목] 짤림 수정하기 PC 본문 하단에 보이는 관련글 제목이 다 보이지 않고 ... 으로 보이는 현상을 수정해보자. [블로그 - 관리 - 스킨 편집 - html 편집 - CSS] 클릭. css창 아무데나 클릭 후 'related-articles ul li .title' 검색. 1400번쯤에 있다. 1405번의 nowrap을 normal로 바꿔준다. 그리고 오른쪽 상단의 적용 클릭! 관련글 제목이 다 보이는 걸 확인할 수 있다. 2021. 3. 6.
티스토리 본문 하단 [태그 숨기기] 블로그 본문 밑에 주렁주렁 뜨는 태그들 없애봅시다. [블로그 - 관리 - 스킨 편집 - html 편집] 클릭. HTML창 아무데나 클릭하고 [컨트롤 + F] 눌러서 'tag_label_rep' 검색. 그럼 425번쯤에서 시작되는 코드가 보이실텐데 우리는 426번 ①번 자리와 429번 ②번 자리에 코드를 추가하면 됩니다. 아래 사진처럼 426번에 ''를 추가해줍니다. 그리고 오른쪽 상단의 적용 클릭. 아까까지만 해도 있던 본문 하단 태그란이 없어져있는 걸 확인할 수 있습니다. 이렇게 하면 모바일에서도 태그 안 보입니다. (모바일웹 자동연결 사용하지 않은 경우) 태그 다시 보이게 하고 싶으면 아까 추가했던 문자들 지워주시면 됩니다. 2021. 3. 5.
티스토리 [마우스 커서] 재밌게 바꾸기 먼저 마음에 드는 디자인을 찾아야겠죠? 아래 사이트에 접속합시다. Free Cursor Downloads - Cursors-4U.com Date: 4 Feb 2021, 21:35 By Tor With 1 Comments This month's favorite cursors is the "Sexy Red Lips". It's unknown who made the image. If you know who did it, send me an email so I can give proper credit. Also being February, check out some Valentine's Day www.cursors-4u.com 구경하면서 원하는 디자인을 찾아보세요. 맘에 드는 거 발견하면 클릭합니다. 저는 어몽.. 2021. 3. 5.
티스토리 [관련글 썸네일] 정사각형으로 바꾸기 북클럽 스킨 관련글 썸네일이 기다란 비율로 나오는 걸 정사각형으로 수정해보자! [블로그 관리 - 스킨 편집 - html 편집] 클릭. html 창 아무데나 클릭하고 [컨트롤 + F] 눌러서 'related_rep_thumbnail' 검색. 440번쯤에 있는 related_rep_thumbnail 보이시죠. 그 밑의 C176x120을 C150x150으로 바꿔줍니다. 그리고 html 옆에 있는 CSS 클릭. css창 아무데나 클릭하고 [컨트롤 + F] 눌러서 'related-articles ul li figure' 검색. 1388번쯤에 있는 related-articles ul li figure 밑 1391번쯤 height 0을 3rem으로 바꿔줍니다. 그리고 적용 눌러서 저장! 끝입니다. 관련글 썸네일도 정.. 2021. 3. 5.
티스토리 [썸네일] 정사각형으로 바꾸기 북클럽 스킨에서 [관리 - 꾸미기 - 스킨 편집 - 리스트 - 리스트 타입 - 뉴북] 으로 설정해두면 위 사진처럼 썸네일이 책 모양처럼 뜬다. 이걸 정사각형으로 바꿔봅시다. [관리 - 꾸미기 - 스킨 편집 - html 편집 - CSS] 클릭 css창 아무데나 클릭 후 [컨트롤 + F]를 눌러 'post-item .thum img' 를 검색한다. 2260번 쯤에 있는 'list-type-thumbnail'을 보자. 우리가 바꿀 부분은 빨간색으로 표시해둔 width와 height다. 각각 150px로 바꿔준다. 여기까지 했으면 오른쪽 상단의 적용을 눌러주고 HTML 탭을 누른다. html창 아무데나 클릭 후 [컨트롤 + F]를 눌러 's_article_rep_thumbnail' 을 검색한다. 392번쯤에 있.. 2021. 3. 3.
티스토리 [블로그 이름] 폰트 바꾸기 티스토리 개설하고 나면 자동으로 적용되어 있는 명조체 같은 폰트... 마음에 안 들어 바꾸고 싶다... 저걸 바꿔보자. 코딩? html? 하나도 모르는 나도 했다! 차근차근 하면 어렵지 않다! 일단 폰트를 골라야겠지. 구글폰트 사이트에 접속한다. Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 폰트 적용시켜 보고 싶은 문구(블로그 이름)를 적고 언어를 한글(Korean)으로 바꿔준다. 오른쪽에서 크기 조절 가능함. 원하는 폰트를 정했으면 그 폰트를 클릭한다. 여기서 사이즈 조절하고 원하는 굵기에 있는 [select this style] 눌러줌. 그럼 옆에 창이 뜨는데, @i.. 2021. 3. 3.
티스토리 [우클릭 금지] 해제해야 상단에 뜬다? 티스토리를 개설하면 [마우스 오른쪽 클릭 방지]가 자동으로 설정되어 있는데, 내 블로그를 상단에 노출시키려면 이걸 해제하는 것이 좋다고 한다. 일반인들이 찍어내는 정보들은 솔직히 대부분 거기서 거기고 방문자들은 내 블로그에 정보를 얻거나 무언가를 저장하러 오는 건데 마우스 우클릭이 안되거나 복사, 드래그가 안 되면 정보 수집이 불가하니 짜증나서 나가버린다. 그럼 내 블로그는 구글 검색 순위 상단 페이지에서 멀어지는 거다. 게다가 최근 올라온 글이 조회수가 좋으면 얼마든지 내 블로그 위로 들어온다. 꼭 우클릭 금지 해지해야만 한다! 이런 건 아니지만 뭐라도 좋게 설정하면 좋잖수. 마우스 오른쪽 클릭 방지 해제 하는 방법 [관리 - 플러그인 - 마우스 오른쪽 클릭 방지] 클릭 해제 후 블로그에서 오른쪽 마우.. 2021. 3. 3.
티스토리 수익형 블로그 [스킨]과 [초기설정] 취미로 네이버 블로그를 2년 정도 하다가 수익이 욕심나서 티스토리를 개설했다! 근데 뭘 어떻게 어디서부터 손대야할지 하나도 모르겠는거다ㅋㅋㅋㅋ 일단 스킨부터 설정하기로 했다. 여러 정보를 찾아보니 포트폴리오 형식으로 본인을 홍보할 블로그가 아닌 이상 예쁘게 꾸밀 필요는 없다고 한다. 수익형 블로거들이 제일 많이 쓰는 스킨은 고래 스킨, 북클럽 스킨이라고 함. 북클럽 스킨은 [티스토리 관리 - 스킨변경 - Book Club]에 있는데 고래스킨은 뭘까 싶어서 찾아보니, 고래라는 닉네임을 가지신 분께서 공유하신 스킨 이름이었다. 비교적 손쉽게 스킨 설정할 수 있는 네이버 블로그와 달리, 티스토리는 스킨 공유받는 것도 zip파일을 다운받아서 뭘 업로드하고 그래야 하더라. 차차 적응되겠지 뭐. 암튼 일단 북클럽 .. 2021. 3. 3.
반응형