본문 바로가기

TBlog/TStory Skin / Tip

티스토리 블로그 스킨 수정 - 외부 링크 화살표 아이콘 표시하기 포스팅을 하다보면 중요한 부분을 강조할 경우 글자색을 변경하거나 밑줄을 부가하기 마련입니다. 하지만 이런 식으로 글을 작성하다 보면 링크가 걸린 문구와 강조된 부분이 유사하여 혼동되는 경우가 많습니다. 티스토리에서 링크를 강조하는 플러그인으로는 무지개 링크 플러그인 뿐입니다. 일단 적용은 해줬지만, 링크위에 커서를 올려야만 링크된 문구임을 확인할 수 있어 여전히 혼동되는 부분이 있습니다. 그런 터에 검색을 통해 링크가 걸린 문구 오른편에 화살표 아이콘을 표시하는 방법을 알게 되어 적용했습니다. 그래서 이번엔 티스토리 블로그 Life in Mono 스킨을 기준으로 링크가 걸린 문구 오른쪽에 화살표 아이콘을 달아두는 외부링크(external link) 표시 방법을 정리해 보겠습니다. 1. 이미지 파일 업로드.. 더보기
티스토리 SNS 글보내기 플러그인 변경사항 오늘 보니 티스토리의 소셜 플러그인 SNS 글보내기의 디자인이 변경됐군요. 기존의 ‘큰 아이콘 형태’와 ‘작은 아이콘 형태’가 ‘아이콘+문구형’ 과 ‘아이콘 형’으로 변경되면서 DAUM의 ‘마이피플’이 추가됐습니다. ▶ 큰 아이콘 ➔ 아이콘+문구형 ▶ 작은 아이콘 ➔ 아이콘 형 아무래도 티스토리가 DAUM 서비스인 관계로 '마이피플'의 위치도 맨 좌측 최우선순으로 노출되고 이제 ‘페이스북’과 ‘요즘’은 더보기를 통해서만 확인가능하게 됐습니다. 그러고 보니 DAUM이 ‘요즘’보다 ‘마이피플’을 더 전략적으로 강화하는 형태가 되는군요. 개인적으로 기존의 아이콘 형태가 맘에 들기도 했지만, ‘더보기’ 때문에 아이콘 하단의 여백을 많이 주어 디자인적으로 약간 붕 뜬 느낌을 주는군요. 차라리 더보기 기능이 없어지.. 더보기
티스토리 블로그 스킨 수정 - 카테고리의 다른 글 더 보기 제 티스토리 블로그 스킨인 Life In Mono(Light)에서는 본문 하단에 동일 카테고리내의 다른 글을 출력해 주는 플러그인이 기본적으로 달려있습니다. 설정 방법은 관리자 페이지에서 [플러그인]➔[플러그인 설정]에서 ‘꾸미기’ 분류에 ‘카테고리 글 더보기’로 가셔서 설정 할 수 있습니다. 여기서는 간단하게나마 보여줄 수 있는 목록의 개수와 색깔을 변경할 수 있습니다. 배경이 너무 어두운 감이 있고, 밑줄을 없애 제 입맛에 맞게 변경할 방법을 알아봤습니다. 다른 티스토리 스킨과 달리 life in Mono 스킨에서의 style.css에서는 ‘카테고리의 다른 글’ 부분에 대한 설정내용이 특별히 보이지 않습니다. 때문에 style.css 하단에 별도로 추가해주면 됩니다. 1. 제목과 날짜 배경 색상 ▶ .. 더보기
티스토리 블로그의 SNS 글보내기 플러그인 설치 티스토리 블로그를 막 개설하다보니 아무래도 블로그를 꾸미는 것과 관련된 포스팅이 많습니다. 시간이 나는대로 필요한 기능을 생각하면서, 관련 정보를 공부하면서 하나씩 정리하고 있습니다. 오늘은 티스토리 블로그에 SNS 글보내기 플러그인을 설치하는 방법에 대해서 알아봤습니다. SNS란 소셜 네트워크 서비스(Social Network Service)의 약자로 온라인에서의 인맥을 관리하는 여러 서비스를 통칭하는데, 대표적으로 우리나라에서는 싸이월드를 시초로, 최근에는 트위터와 페이스북, 미투데이 등의 서비스가 있습니다. 티스토리의 SNS 글보내기 아이콘의 기능은, 방문자가 맘에 드는 글을 발견했을 때 본인의 SNS에 해당 글의 제목과 URL을 보내기 쉽게 도와주는 플러그인입니다. 즉 내가 웹서핑을 통해서 좋은 .. 더보기
티스토리 블로그 포스트 글제목을 물결무늬 플래시로 블로그를 개설하면서 가장 먼저 블로그스킨이나 여기저기 꾸미기에 신경을 쓰게 됩니다. 저도 지금부터 시작이라 하나하나 알아가고 있지만, 혹여나 시간이 흘러 나중에 다시 변경할 때를 대비하고, 블로거를 시작하시는 다른 분들에게도 좋은 정보를 공유하려는 차원에서 이 글을 작성했습니다. 제목글에 물결무늬 플래시로 변경하여 적용한 결과는 아래와 같습니다. 어떻게 적용하는지 순서대로 정리해봤습니다. 1. 파일 다운로드 먼저 아래의 압축파일을 다운로드 하세요. 다운로드 한 파일의 압축을 풀게 되면, viewTitle.js viewTitle.swf 이렇게 두개의 파일을 확인하실 수 있습니다. 2. 파일 업로드 이렇게 압축 해제한 두개의 파일을 관리자 페이지 ▶ 꾸미기 ▶ HTML/CSS편집 ▶ 파일업로드 항목을 이용하.. 더보기

티스토리툴바