리카수니 부교재 블로그

카페&기타/티스토리 스킨 (18)

[티스토리 스킨] 사이드바 광고 여백 맞추기

카페&기타/티스토리 스킨 코코스학원 2019. 7. 2. 10:06

[티스토리 스킨] 사이드바 광고 여백 맞추기 광고를 왼쪽과 똑같이 여백을 맞추려면 광고코드 이와 같이 적용합니다.

[티스토리 스킨] 전체 목록 개수 지우기

카페&기타/티스토리 스킨 코코스학원 2019. 7. 2. 10:03

CSS 맨 하단에 #tt-body-index .jb-cell-content-search-list { display: none; } 복사해서 붙여넣기 아래와 같이 전체 목록 개수가 없어집니다.

네이버 사이트맵 만들기

카페&기타/티스토리 스킨 코코스학원 2019. 4. 16. 12:41

사이트맵 만들기: 아래 사이트에서 주소를 입력하고 파일을 다운받으세요~ https://www.xml-sitemaps.com/ 티스토리에서 새에디터 전 버전에 파일을 올려야 링크 복사가 attachment ~ 형태로 나옵니다. 파일 링크 복사한 후에 복사에서 넣으면 자동으로 attachment ~가 복사됩니다.

포스팅 후에 단어 깨짐현상 해결하기

카페&기타/티스토리 스킨 코코스학원 2019. 4. 7. 15:57

포스팅 후에 단어 깨짐현상 해결하기 CSS에서 word-break: break-all; 을 삭제함

티스토리에서 이미지광고 링크걸기(103 스킨)

카페&기타/티스토리 스킨 리카수니2 2018. 8. 5. 22:45

티스토리에서 이미지광고 링크걸기(103 스킨) 아래의 이미처럼 상단에 자신이 광고하고 싶은 포스팅이나 웹사이트를 이미와 함께 소개할 수 있습니다. 위와 같이 하면 방법은 아래와 같습니다. 1. html 배너출력에 아래의 소스를 집어 넣습니다. 2. 소스 빠른 자료실 이동하기! 웹사이트 주소와 이미지 주소를 자신에 블로그에 맞게 적용하시면 됩니다.사이드바 6번에 추가로 만들기특징: 개수를 4개에서 2개로 줄임.jb-ad-content > div { float: left; width: 25%; margin: 0px 0px 10px 0px; padding: 0px 5px; }에서 25를 50으로 바꿔보세요. 주의할 점: 사드이바 3번은 그래로 놔두고 2번째 추가내용에 -1를 아래와 같이 추가해야 함

티스토리 관련글 삭제하기(JB 103스킨)

카페&기타/티스토리 스킨 리카수니2 2018. 8. 5. 22:37

포스팅을 하면 아래 관련글이 여러개 나열되어 있습니다. 아래의 이미처럼 관련글이 나오면 좀 복잡해보이기도 합니다. 제 경우는 너무 혼란스러워 제거 하였습니다. 방법은 아래와 같습니다. HTML에 다음과 같은 코드가 있습니다. ... 삭제합니다.

SNS 링크 새창으로 연결하기(티스토리)

카페&기타/티스토리 스킨 리카수니2 2018. 8. 2. 23:14

아이콘을 링크로 연결하면 바로 링크 사이트로 넘어가 기존의 사이트로 돌아가기 힘든데요. 이 경우에 새창으로 연결하면 기존 사이트는 남아 있는 상태로 다른 창에서 열리게 됩니다. 아래의 방법을 참조하세요!

타이포그래피(Typography) 적용하기(머리말 꾸미기)_스킨103

카페&기타/티스토리 스킨 리카수니2 2018. 8. 2. 23:05

타이포그래피(Typography) 적용하기 HTML에서 에서 jb-typography-0를 jb-typography-2로 바꿈 그러면 머리말 3 또는 머리말 4로 되어 있는 것들, 즉 HTML 모드로 보았을 때 제목 제목 처럼 되어 있는 것들의 모양이 바뀝니다. 현재 선택한 형태 2번으로 머리말 3번으로 정했습니다. 아래의 이미지는 적용 후 모습입니다.

카테고리의 다른글 상자를 본문 상단에 위치시키기(103스킨)

카페&기타/티스토리 스킨 리카수니2 2018. 8. 2. 22:56

카테고리의 다른글 상자를 본문 상단에 위치시키기1. HTML에서 아래의 내용 검색합니다. // Show 2. 그리고 // Show 위에 아래의 코드를 추가합니다. $( '.jb-article' ).before( $( '.another_category' ) ); 적용후 이미지는 아래와 같습니다. 참조하세요. 사용자가 자료를 좀 더 빠르게 확인할 수 있도록 만든 형태입니다.

네이버 웹마스터도구 사이트 소유확인과 연장

카페&기타/티스토리 스킨 리카수니2 2017. 11. 3. 19:41

네이버 웹마스터도구 사이트 소유확인과 연장 오늘 포스팅은 자신의 사이트 연장 메일을 받고 1년마다 연장되는 네이버 소유확인을 하는 방법에 대하여 포스팅합니다. 네이버 웹마스터도구에 들어가면 자신의 사이트 목록이 보입니다. 맨 하단의 소유연장을 클릭하시고 아래의 이미처럼 따라 하시면 됩니다.중간에 보이는 메타태그를 복사하고 복사한 메타 태그를 자신의 홈피의 head 붙여넣기 하시고 저장하고 사이트를 종료하고 아래의 그림과 숫자를 입력하시면 ~아래와 같은 문구가 뜹니다. 그럼 모두 끝!!

티스토리 스킨 최근글 개수 변경(JB SKIN 113)

카페&기타/티스토리 스킨 리카수니2 2017. 10. 27. 10:29

티스토리 스킨 최근글 개수 변경(JB SKIN 113)이 블로그의 스킨을 변경했는데 최근글의 보이는 개수를 변경하는 방법입니다.방법은 정말 간단하네요~첫화면 최근 글 개수는 티스토리 관리자 ‘꾸미기 > 설정 > 기본 화면 글’에서 정합니다.아래의 이미지는 꾸미기 설정 화면입니다.

슬라이드 여백 조절하기

카페&기타/티스토리 스킨 리카수니2 2017. 10. 14. 09:19

오늘의 내용은 슬라이드 여백을 조절하기입니다. 아래의 이미지처럼 슬라이드가 오른쪽 사이드바와 차이가 있습니다. 그래서 아래와 같이 적용하니 높이가 똑같이 적용되었습니다. CSS에 다음과 같은 코드가 있습니다. .jb-cell-slider { margin: 30px 0px -15px 0px; } 다음처럼 바꿔보세요. .jb-cell-slider { margin: 0px 0px -15px 0px; } 적용된 주소입니다. 참조하세요~http://www.leaders-ac.com 변경전 모습 변경후 모습입니다

티스토리 IP 변경 공지내용!

카페&기타/티스토리 스킨 리카수니2 2017. 10. 14. 08:55

티스토리 IP를 10월 30일까지 변경해야 합니다! A 레코드에 있는 현재 IP(175.126.170.70 / 175.126.170.110)를 삭제하고 아래의 새 IP를 입력해 주세요. 새로운 IP 27.0.236.139 아래의 내용은 cafe24 의 변경방법입니다. 자세한 내용은 아래의 글을 참조하세요! 2017/10/04 - [블로그 관련정보/티스토리 관련 정보] - 티스토리 블로그에 카페24 도메인 연결방법!

티스토리 블로그에 카페24 도메인 연결방법!

카페&기타/티스토리 스킨 리카수니2 2017. 10. 4. 10:49

티스토리 블로그에 카페24 도메인 연결방법! 워드프레스로 홈페이지를 구축했었는데 여러가지 문제로 인해서 현재 티스토리로 이동을 하고 있습니다. 기존에 사용하던 도메인을 옮기는 부분이 남았는데요. 예전에 작성한 포스팅을 기록으로 남기고자 합니다. 궁금하신 점이 있다면 아래의 포스팅이 많은 도움이 될 것이라 생각합니다. http://blog.naver.com/likaa/221084591410

티스토리 블로그에 페이스북 페이지 연동방법!

카페&기타/티스토리 스킨 리카수니2 2017. 10. 2. 21:47

티스토리 블로그에 페이스북 페이지 연동방법! 예전에 포스팅한 내용인데요. 블로그를 만들면서 기존에 적용한 방법을 기록하고자 재 포스팅합니다. 아래에 자세한 내용이 있으니 참조하시면 됩니다. 주의할 점은 step2 는 html의 body 바로 밑에 적용하고 step3 는 html 배너에 넣어야 합니다. 이 부분이 많이 헷갈렸는데요. 참조하세요~ http://blog.naver.com/cubuk/220838051354 아래의 이미지는 완성된 모습입니다.블로그를 방문해보시면 확인 가능합니다.http://leaders-ac.tistory.com

티스토리 블로그 이미지 파일업로드와 링크주소 찾기

카페&기타/티스토리 스킨 리카수니2 2017. 10. 1. 10:05

티스토리 블로그 이미지 파일업로드와 링크주소 찾기 앞에서 설명한 html 배너를 달려면 원하는 이미지를 추가하여 그 이미지의 주소가 필요합니다. 그러기위해서는 아래와 같이 따라서 이미지를 추가해주세요. 먼저 블로그 관리 / 꾸미기 / html /css편집을 클릭합니다. 그러면 오른쪽에 아래와 같은 이미지가 보입니다. 파일업로드를 클릭~ 맨 하단에 추가 버튼을 누르고 원하는 이미지를 선택해서 업로드하고 저장합니다. 추가된 이미지를 클릭하고 마우스의 오른쪽 버튼을 클릭하면 아래와 같이 보입니다. 링크 복사하기 !! 모두 끝났습니다. 그럼 배너를 만들어보세요^^ 아래의 배너 만들기 글을 참조하세요. 2017/10/01 - [블로그 관련정보/티스토리 스킨문제와 해결방법] - 티스토리 블로그에 html 배너달기

티스토리 블로그에 html 배너달기

카페&기타/티스토리 스킨 리카수니2 2017. 10. 1. 09:48

2017년 9월에 티스토리 블로그가 새롭게 단장했습니다. 아래의 설명 이미지는 변경된 이후의 이미지입니다. 오늘 알아볼 내용은 html 배너를 달기입니다. 우선 플러그인에 들어가면 배너출력을 설정합니다. 그리고 꾸미기 / 사이드바를 선택하면 오른쪽 상단에 html 배너출력이 보입니다. +를 눌러 원하는 사이드바에 위치시키고 편집을 클릭합니다. 그리고 아래의 html 소스를 복사해서 아래와 같이 넣어주세요. xxx: 원하는 링크주소를 넣어주세요 src="이미지 주소"를 넣어주세요. 아래는 이미지주소 알아내는 방법입니다. 참조하세요. 2017/10/01 - [블로그 관련정보/티스토리 스킨문제와 해결방법] - 티스토리 블로그 이미지 파일업로드와 링크주소 찾기 모두 끝났습니다. 완성된 배너입니다. 아래의 오른쪽..

블로그 이름(로고) 이미지로 변경시 확인할 사항(JB SKIN 113)

카페&기타/티스토리 스킨 리카수니2 2017. 9. 29. 18:51

블로그 이름(로고) 이미지로 변경시 확인할 사항(JB SKIN 113) 로그 이미지로 변경하기 왼쪽 위의 블로그 이름은 글자로 나오게 하거나 이미지로 나타낼 수 있습니다. skin.html에 다음과 같은 코드가 있습니다. 현재: 기본설정 1 2 블로그 이름을 이미지로 나타내고 싶으면 아래와 같이 바꾸세요! 1 2 이미지는 스킨의 images 폴더에 있는 jb-logo-skin-113.png 파일을 참고하여 만드시면 됩니다. 위의 이미지는 380 X 60 입니다. 여기까지는 설명서에 해결한 부분입니다. 하지만 문제가 하나 더 생깁니다. 바로 이미지의 크기가 맞지 않았습니다. 길이는 더 길고 높이도 하나도 맞지 않았습니다. 그 해결책은? CSS에서(html이 아닙니다) 아래의 내용을 검색하세요^^ 그리고 h..

Copyright © 리카수니 부교재 블로그 All Rights Reserved
Designed by JB FACTORY

티스토리툴바