티스토리 검색 결과

해당 글 47건

[티스토리]카카오톡 공유 버튼 만들기(제목+썸네일+링크)

안녕하세요. 카톡 카카오톡 공유 버튼 만들기를 해보겠습니다. 지금 대부분의 블로그에서 카카오톡 공유 버튼이 오류일 것입니다. 바로 아래 처럼 새롭게 바뀐 카카오톡 공유 버튼을 만들어 보겠습니다. 짜잔!! 최신 버전 카카오톡 공유 버튼 만들기 2022 버전 소스코드 내용이 많이 바뀌었습니다. 아래코드만 참고하면 됩니다. 나머지부분은 다 안됩니다. //버튼 이미지를 삽입 하는 곳입니다. 본인의 이미지를 삽입하네요. 아래 코드는 옛날 코드이며 동작을 하지 않습니다. 위 코드로 손쉽게, 공유버튼을 만들 수 있으며, PC버전에서도 작동합니다. 2022-04-14 수정 ----------------------------------------------------------------------------------..

Tistory Blog/Html,Css 편집 2016. 2. 7. 17:55

[티스토리]이미지 썸네일 스킨치환자 소개(썸네일 사이즈 조절 가능)

안녕하세요. 오늘은 티스토리 블로그에 새롭게 추가된 썸네일 스킨 치환자에 대해서 알아보겠습니다. 기존에 티스토리는 썸네일 API를 공개하지 않았기 때문에포스팅 본문의 썸네일을 추출하기가 쉽지 않았습니다. 그래서 기존의 스킨 개발자 분들은 Ajax를 이용한 이미지 추출을 하였습니다.다만 이방식을 했을때는 바로 썸네일이 나타나지 않고 시간이 소요되며RSS를 전체공개 설정을 해야하는 단점이 있습니다. 그러던 중 티스토리에서 썸네일 이미지 주소의 스킨 치환자를 추가 합니다. 티스토리_스킨가이드_스킨치환자 기존의 썸네일 스킨 치환자 하지만 이 방식 또한 치명적인 단점이 있었습니다. 바로 썸네일의 크기를 조절하지 못하고썸네일의 이미지 사이즈 크기가 가로값이 750px인 썸네일로 제공된다는 점입니다. 제가 사용하는 ..

Tistory Blog/Html,Css 편집 2016. 2. 6. 05:17

[티스토리]CCZ-CROSS 스킨 preloader 로딩 이미지 CSS로 변경

[티스토리]CCZ-CROSS 스킨 preloader 로딩 이미지 CSS로 변경 오늘은 뭔가 포스팅 제목처럼 대단한건 아니지만 엄청난 것을 해보겠습니다. 흉내내기님이 제작하신 CCZ-CROSS 스킨은 몇가지 옵션을 설정 할 수 있는 트리거가 있습니다. download CCZ-CROSS 스킨 배포 및 소개 스킨 옵션 설정 var setting = { activeCate: true, //현재카테고리위치 표기 autoLink: false, //댓글,방명록 자동링크 extendThumb: false, //썸네일 확장 newIcon: true, //new 아이콘 변경여부 preloader: true, //프리로드 활성화 searchTag: true, //검색시에 우선순위태그를 보여줌 searchTagCount: 8..

Tistory Blog/Html,Css 편집 2016. 2. 4. 05:05

[티스토리] 블로그 로그인 로그아웃 버튼 만들기 및 적용 안될 때 해결법

[티스토리] 블로그 로그인 로그아웃 버튼 만들기 및 적용 안될 때 해결법 블로그 운영하면서 10년 묵은 체증이 다 풀린 것 같이 가장 기쁜 것 같습니다. 기존 마크쿼리 스켈레톤 3.0.5 스킨에서 오늘 흉내내기님이 제작하신 CCZ-CROSS 스킨으로 교체를 했습니다. download CCZ-CROSS 스킨 배포 및 소개 다양한 기능중에 로그인 / 로그아웃이 자동으로 판단 되게 되어 있는데... 유독 이블로그에서만 정상적으로 작동이 되지 않았습니다. 그동안 많은 구글링을 통해서 소스코드를 적용 시켜 봤는데 이블로그만 적용이 되지 않아서 너무 스트레스를 받았는데 오늘 새로 바꾼 CCZ-CROSS 스킨도 로그인 로그아웃 기능이 정상작동 하지 않았습니다. 아무리 로그아웃을 눌러도 계속 로그아웃으로 표현이 되어져..

Tistory Blog/Html,Css 편집 2016. 2. 3. 23:36

[티스토리]블로그 포스팅 본문 상단 애드센스 2개 배치하기

블로그 포스팅 기사 본문 상단 애드센스 2개 배치하기 블로그 스킨 문제 때문에 꼬박 밤을 새고나서 드디어 결과를 포스팅합니다. ㅠ_ㅠ 저는 기존에도 포스팅 본문 상단에 2개의 애드센스를 부착해서 사용했습니다. 그러나 기존에 사용하던 초기 블로그 스킨은 반응형웹 스킨이 아니였기에 모바일웹과 PC웹 애드센스 광고 설정을 따로 해줘야 했습니다. 그래서 하나의 광고는 포스팅작성 할 때마다 HTML편집기에서 광고코드를 삽입했고 하나의 광고는 블로그 스킨영역에 광고 코드를 삽입해서 2개의 광고를 상단에 배치 하였습니다. 또한 티스토리에서 제공하는 모바일 웹스킨을 사용하면 반 강제적으로 티스토리 추천글을 배치 해야했기 때문에 티스토리 추천글을 없애는 코드와 애드센스 코드를 서식에 등록시켜놓고 매번 글 작성 때 마다 ..

IT Review/Site,Social,Tech 2016. 2. 2. 10:29

[티스토리]페이스북 공유하기 썸네일 안뜰 때 수정 방법

[티스토리]페이스북 공유하기 썸네일 안뜰 때 수정 방법 언제 부터인가 모든 포스팅 글을 공유하기 또는 SNS 내보내기를 하면동일한 메타 데이터의 내용이 보여지게 되었네요. 그냥 신경 안쓰고 사용하다가, 이게 페이스북뿐 만아니라 카카오스토리, 카카오톡, 스토리채널웬만한 공유 및 글보내기까지 저내용이 들어가게 되고 해당 포스팅이 아닌지정 해놓은 메타 데이터가 들어가게 되니.. 문제가 되었습니다. ㅠ_ㅠ 네이버 웹마스터 도구가 개편이 되면서[사이트 노출] 영역에서 Open Graph 태그 설정을 헤더 부분에 해버린 뒤로 모든 게시글이블로그 본문의 각 포스팅 기사들은 메타 데이터는 동일하게 표현을 했습니다. http://cocosoft.kr/360-티스토리 Open Graph 메타태그 입력 방법티스토리 Open..

IT Review/Site,Social,Tech 2016. 2. 1. 00:36

[Html] <p> <br> <div> <span> 태그의 차이점 및 문단간격없음(티스토리)

[Html] 태그의 차이점 및 문단간격없음(티스토리) 오늘은 태그의 차이점을 알아보고 티스토리 블로그의 이즈윅 문서편집기의 문단 간격 없음에 대해서 알아보겠습니다. 블로그 html 수정 스킨 관리 및 포스팅을 하다 보면 기존의 이즈웍 문서편집기도 사용할 때도 많지만 html에디터도 필수적으로 사용을 하게 됩니다. 그러면 문서를 작성하고 html태그를 들어가보면 위 4개의 태그가 섞여서 있는 것을 알 수 있습니다. 또 특정 영역은 글꼴 및 크기가 변경되어 일관성이 없어진 부분도 있구요. 각 4개의 태그들이 영향을 미치게 되어서 발생하는 경우인데 각 태그의 차이점과 기능을 알아보는 시간을 갖도록 하겠습니다. 태그 (paragraph) : '문단'이라는 뜻으로 문단지정 태그 기능 태그 (Line Break) ..

Tistory Blog/Html,Css 편집 2016. 1. 31. 18:48

마크쿼리 스킨 Spider's Web 4.0 및 3.0.5 다운로드 및 최신 근황

안녕하세요. 오늘은 제가 사용하고 있는 코코소프트 블로그 스킨에 대해서 포스팅을 진행해 보려고합니다. 제가 사용하고 있는 블로그 스킨 포스팅은 진작에 진행하려고 했지만 생각보다시간이 오래 걸려 차일피일 하며 미루다가 너무 늦게 진행을 하게 되었습니다. Spider's Web 4.0.0 버전 Spider's Web 3.0.5 버전 저도 3.0.5버전을 사용중입니다. 4.0버전은 새로운 기능 및 더 가볍게 만들어졌지만출시되고 마크쿼리 홈페이지가 문을 닫게 되어 3.0.5 버전이 더 완성도가 높습니다. 마크쿼리 홈페이지는 2015년 초 부터 홈페이지가 다운되어 접속 불가 상태였습니다. 제가 기억하기로 당시 제작자였던 ungki, H님께서는 DDOS공격과 개인적인 사정으로홈페이지를 잠시 닫은 것으로 압니다. 마..

Tistory Blog/Html,Css 편집 2015. 12. 4. 01:57

티스토리 본문 하단 애드센스, 플러그인 위치 변경 방법

안녕하세요. 오늘은 티스토리 본문 하단 부분에 애드센스 광고나 플러그인이미지 등등의 위치를 변경하는 방법에 대해서 알아보겠습니다. 티스토리의 경우에는 효율적인 블로그 운영을 위해 다양한 기능의 플러그인을직접 제공하는 방식을 하고 있습니다. 플러그인에 대해선 할얘기가 많지만.. 아무튼 저렇게 직접적으로 제공하는 방식이약이 될 수도 독이 될 수도 있습니다. html 수정을 잘 모르는 초보자에게는 매우 손쉽게 플러그인 적용이 가능하다는 점이 있지만,새로운 신기능의 플러그인 적용이 어렵다는 점, 플러그인 수정이 힘들다는 점제공하는 플러그인의 업데이트가 매우 느리다는 점등이 있습니다. 아무튼 쉽게 적용하고 설치할 수 있는 장점도 있지만, 따로 html 수정이 불가능하고,설치된 플러그인들의 위 이미지 처럼 위치도 ..

Tistory Blog/Html,Css 편집 2015. 5. 31. 14:22

관리센터 개편후 티스토리 블로그 관련 문제점

최근 TISTORY 티스토리 블로그의 관리센터 즉, 관리자 테마가 바겼습니다. 기존의 상단 카테고리 형식에서 1단 테마 형식으로 서브카테고리를 한눈에 파악이 가능하며 원하는 메뉴로의 이동이 용이합니다. 또 가장 첫화면에 원하는 정보를 손쉽고 빠르게 파악이 가능하게 개편이 되었습니다. 개편후 모습 :: 이외에도 다양한, 기능 및 개선점이 나왔지만, 그럼에도 불고하고 겉만 바뀌고 알맹이는 그대로인 개편으로 블로거로써는 실망을 하게 됩니다. 가장 큰 문제점 두가지를 집어가 보겠습니다. 티스토리 글쓰기 에티터 vs 다음 블로그 글쓰기 에디터 티스토리는 다음과 인수합병이후 다음 카페 및 블로그 등의 에디터를 사용하게 됩니다. 그러나, 다음 블로그 및 카페는 글쓰기 에티모듈의 업그레이드가 있었음에 불구하고 티스토리..

Tistory Blog 2012. 1. 5. 23:54