티스토리 13

드롭다운 자동 생성 (by 티스토리 치환자)

장소를 찾기 가장 쉬운 방법인 지도를 보는 것 입니다. 드롭다운은 블로그 지리를 소개할 수 있는 지도같은 역할을 합니다. 하지만 웹 코딩을 처음 접하신 분들은 드롭다운을 만들기 어렵고, 카테고리에 변동사항이 있을 때마다 HTML를 변경하는 일은 번거로운 일이 아닐수 없습니다.따라서, 티스토리 치환자을 기반으로 수정을 최소화하는 자동생성 드롭다운을 단, 두 번의 복사붙여넣기로 구현해 보겠습니다. 1. 드롭다운 자동 생성 - HTML 수정 를 찾아 바로 다음 줄에 아래의 코드를 붙여넣습니다. 1cs 2. 드롭다운 자동 생성 - CSS 수정.area_menu 를 찾아 바로 윗 줄에 아래의 코드를 붙여넣습니다.12345678910111213.head_dropdown{display:block;position:ab..

[티스토리] 초대장 배포합니다.(~18.04.25)

티스토리 초대장을 배포합니다. 티스토리 블로그를 만들기 위한 첫 걸음! 초대장 10장이 생겨서 나눠드리려고 합니다. 유효기간은 2018.04.25까지 입니다. 초대장 원하시는 분들은 이 글 소셜댓글로 남겨주세요. 초대장 받으실 메일주소와 블로그 운영목적을 간단히 남기시면 됩니다. 소셜댓글은 네이버, 페이스북, 인스타그램, 카카오톡 등의 로그인을 지원합니다. ※ 소셜계정으로 로그인 하셔서 댓글을 달아주세요. ※ 블로그 개설하시면 이웃추가도 부탁드려요~ - 초대장이 모두 소진되었습니다. - 참여해주신 분들 고맙습니다.

Tip & Review/팁 2018.04.02

[티스토리] 초대장 배포합니다.(~18.03.27)

티스토리 초대장을 배포합니다. 티스토리 블로그를 만들기 위한 첫 걸음! 초대장 10장이 생겨서 나눠드리려고 합니다. 유효기간은 2018.03.27까지 입니다. 초대장 원하시는 분들은 이 글 소셜댓글로 남겨주세요. 초대장 받으실 메일주소와 블로그 운영목적을 간단히 남기시면 됩니다. 소셜댓글은 네이버, 페이스북, 인스타그램, 카카오톡 등의 로그인을 지원합니다. ※ 소셜계정으로 로그인 하셔서 댓글을 달아주세요. ※ 블로그 개설하시면 이웃추가도 부탁드려요~ - 초대장이 모두 소진되었습니다. - 참여해주신 분들 고맙습니다.

Tip & Review/팁 2018.02.27

로그인, 로그아웃 버튼 만들기 [티스토리]

기존에 있는 티스토리 관리 링크는 관리페이지로 이동합니다. 이 소스는 페이지 이동 없고 로그인/로그아웃이 가능하며 현재의 로그인상태를 판별 후 버튼내용을 바꿔줍니다. 단, 두 번의 복사, 붙여넣기로 버튼을 만들 수 있습니다. 1. 로그인 버튼 위치 정하기 HTML HTML의 와 사이에 사용할 위치에 넣습니다. 1 2. 로그인 스크립트 넣기 HTML 태그 바로 앞에 스크립트를 붙여넣습니다. HTML 삽입 미리보기할 수 없는 소스 더보기 ​ // 로그인, 로그아웃 버튼 처리 if (window.T.config.USER.name) { $('.btn-for-user').show(); } else { $('.btn-for-guest').show(); } $('.btn-for-guest [data-action="l..

[티스토리] 카카오톡 공유버튼 만드는 법

티스토리에는 카카오톡 공유버튼이 아직 없습니다. 이 글을 통해 쉽게 만들어 보시기 바랍니다. 3번의 복사 붙여넣기로 카카오톡 공유 버튼 만들기가 가능합니다.하시기 전에 카카오디벨로퍼(카카오 개발자 플랫폼) 사이트에서 자신의 자바코드만 준비하시면 됩니다.※ 붙여넣을 코드는 아래 텍스트 파일로 준비했습니다. 1. 카카오톡 공유버튼 스크립트 적용 HTML의 안에 아래 코드 넣기123Colored by Color Scriptercs 2. 카카오톡 공유버튼 스크립트 적용2HTML ~ 안에 아래 코드 넣기123456789101112131415161718192021222324252627282930313233343536373839 var firstImg=$(".imageblock:first-of-type img"); ..

[티스토리] 크롬 사진올리기 오류 (플래시 플레이어)

크롬에서 사진을 올릴때 다음 포토업로더가 이렇게 반응을 하게 됩니다.이 문제는 크롬 설정에 들어가 항목 하나만 바꾸면 해결 됩니다. 크롬 새로운 버전 플래시 활성 2018년 10월 기준Daum 포토업로더 창의 왼쪽 상단에 동그란 원 안에 i 를 눌러 허용을 해주시면 간단히 해결됩니다. 크롬 업데이트 전 플래시 활성 1. 우측상단에서 땡땡이를 눌러 설정에 들어갑니다. 2. 아래로 스크롤 하다보면 고급이 보입니다. 이걸 눌러줍니다. 3. 또 아래로 스크롤 하다 보면 콘텐츠 설정이 보입니다. 이걸 눌러줍니다. 4. 플래시를 찾아 눌러줍니다. 5. 우선확인이 파란색으로 켜져 있었다면 눌러서 회색으로 만들어줍니다. 이제 포토 업로더가 정상적으로 작동할 겁니다.

[티스토리] 반응형 #1 bxslider(슬라이드 갤러리)설치

1. 슬라이더 파일 업로드 bxslider.css, jquery.bxslider.min.js 2개 다운 받아서 스킨편집에서 파일 업로드 2. 슬라이더 속성 스크립트 붙여넣기 아래 코드를 html의 안에 넣는다. 1234567891011121314151617181920212223242526272829303132333435363738 $(document).ready(function(){$('.bxslider').bxSlider({auto: true,mode: 'fade', //슬라이드 형식 (ex. horizontal, vertical)useCSS: false,randomStart:true, //사진 램덤시작 안쓰면 지우기infiniteLoop: true,adaptiveHeight: true,hideCont..

[티스토리] 배경화면 변경하는 법

티스토리 블로그의 스킨 배경화면을 변경하는 방법입니다. 아무 사진이나 올릴 수 없기 때문에 다운로드, 수정, 배포가 자유인 무료 이미지를 사용해야 합니다. 저는 아래의 사이트를 추천합니다. https://pixabay.com/ko/ 사진을 다운 받았다면 이제 스킨편집을 시작합니다. 1. 배경 사진 업로드 사용하고자 하는 이미지 다운로드 한 후, 이미지를 블로그에 업로드 합니다. 업로드하는 방법은 티스토리 관리자 페이지에서 블로그 관리 → 꾸미기 → 스킨편집 → html편집 → 파일업로드 순으로 들어가시면 됩니다. 이때, 사용하고자 하는 사진파일 이름은 간단한 영문자로 적는게 좋습니다. 2. 배경 이미지 주소 연결하기 CSS 편집창에서 이미지 주소를 적어야 합니다. 다음과 같은 순서로 합니다. 1. Ctr..

[티스토리] 반응형 #1 본문 아래 - 썸네일 카테고리

1. 썸네일 카테고리 - HTML 수정 아래의 초록 블록 사이에 넣어주세요. 공유하기 링크 2. 썸네일 카테고리 - CSS 수정 아래의 초록 블록의 위 아래를 코드를 넣으세요. /* 썸네일 관련기사 */ @mediaonly screen and (max-width:820px) and (-webkit-min-device-pixel-ratio: 1.5),only screen and (max-width:820px) and (min-device-pixel-ratio: 1.5),only screen and (max-width:820px) and (min-resolution: 1.5dppx) /*썸네일 카테고리 리사이징*/ ※ 기존 스킨 백업 후 진행하세요.

[티스토리] 치환자 내부 소스 모음

티스토리에서 치환자를 사용하는 것은 간편합니다. 하지만 내부 소스를 모르면 커스터마이징이 어렵습니다. 그래서 내부의 어떤 클래스가 있는지 알아봅시다. 1. 티스토리 치환자 달력 모듈 티스토리 달력 치환자 의 내부 소스 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 « 2017/08 » 일 월 화 수 목 금 토 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Colored by Color Scriptercs 2. 티스토리 ..