블로그/블로그 디자인(119)
-
티스토리 블로그에 소셜 공유 위젯 달기 GetSocial
티스토리 블로그에 FLARE라는 서비스를 이용해 소셜 공유 버튼을 설치하는 방법을 소개한 적이 있다. 나 역시 최근까지 FLARE를 이용해 왔다. 어느날 한 독자분이 IE(인터넷 익스플로러에서 접속하면 화면이 멈추는 현상이 발생한다는 오류 리포트를 보내오셨다. 테스트를 해보니 크롬에서는 이상이 없는데 IE에서는 실제로 스크롤을 내렸을 때 화면이 멈추는 현상이 발생했다. 관리자화면으로 들어가서 FLARE 스크립트를 삭제했더니 감쪽같이 오류가 사라졌다. 이럴수가! 그럼 대안을 찾아봐야겠다고 생각했다. 디자인과 성능에 문제가 없는 소셜 공유 위젯 서비스를 검색하다가 GetSocial을 찾았다. 겟소셜은 디자인도 예쁘고 오류도 발견되지 않아 블로거팁닷컴에도 설치했다. 겟소셜 공유 위젯을 설치하는 방법에 대해 알..
2016.07.22 -
블로그에 예쁜 소셜공유위젯 달기 Flare
내 블로그에 작성한 글을 방문자가 페이스북, 트위터, 구글+ 등 SNS 서비스로 공유할 수 있는 서비스를 보통 소셜공유위젯이라고 부른다. 티스토리 블로거들은 AddThis를 많이 사용하며 나도 AddThis의 What's Next 기능을 사용하고 있다. What's Next는 본문을 읽다가 아래로 내려오면 블로그 내의 다른 글을 추천해주는 기능이다. 기능의 다양성면에서 보면 AddThis가 우세하지만 Flare를 추천하는 이유는 카운터 기능 때문이다. 내 블로그 글이 페이스북, 트위터에서 몇회나 공유됐는지 보여준다. AddThis는 카운터가 포함된 위젯을 사용하려면 비용을 지불해야 한다. 네모난 모양 말고 동그란 모양의 소셜 위젯을 설치할 수 있는 점도 Flare만의 강점이다. Flare http://f..
2015.07.18 -
블로그에 인스타그램 위젯 설치하는 방법
사진 및 동영상 공유 서비스 인스타그램의 열기가 여전히 뜨겁습니다. 블로그 좌측이나 우측 사이드바에 갤러리 위젯 형식으로 인스타그램의 사진을 걸어둘 수 있는 서비스를 소개합니다. 저도 얼마전에 인스타그램을 다시 시작한다는 글을 올렸었는데요. 예전의 아이디를 잊어버려서 새로 만든 계정을 소개했었는데 예전 아이디가 떠오르는 바람에 예전의 아이디로 활동하기로 했습니다. 제 인스타그램 아이디는 @zetgram입니다. 블로그 관련 활동 위주로, 포트폴리오 성격으로 활용할 계획이므로 맞팔 안 해준다고 서운하게 생각하지 말아주세요! :) 인스타그램 위젯 Intagme http://www.intagme.com/ Intagme에 접속하면 아래의 화면이 보일 거에요. 숫자로 표시한 부분만 만지셔도 되요. 1번에는 인스타그..
2014.12.04 -
티스토리 반응형 스킨 장단점 및 추천스킨 TOP 5
티스토리 반응형 스킨의 인기가 뜨겁습니다. 반응형 스킨이란 PC, 스마트폰, 태블릿PC 등 블로그 접속환경에 따라 각자 최적화된 이미지와 구성을 보여줄 수 있는 스킨을 말합니다. 개발에 손이 많이 가지만 검색엔진최적화에 도움이 되는 것으로 알려져있습니다. 티스토리 자체적으로 반응형 스킨을 지원하지 않기 때문에 웹디자인에 조예가 깊은 개인 블로거들이 직접 반응형 스킨을 만들어 배포하고 있습니다. 대부분 무료지만, 유료로 서비스하는 경우도 있습니다. 저는 반응형 스킨을 사용할 의향이 아직까지 없지만 독자분들 중에는 반응형 스킨을 적용해보고 싶은 분들이 있을 거에요. 반응형 스킨의 장점, 단점, 추천 스킨을 정리했습니다. 반응형 스킨의 장단점 1. 장점 '모바일 기기에서도 예쁜 블로그 디자인 + 검색엔진최적화..
2014.11.19 -
티에디션 썸네일 이미지 나오지 않는 문제 해결법
블로그 주소를 입력했을 때 처음 나오는 페이지를 티에디션으로 꾸며놓으면 좋습니다. 내 블로그에 처음 방문하는 이들에게 어떤 글들이 있는지 한 눈에 보여줄 수 있기 때문입니다. 그런데 티에디션을 사용하다보면 썸네일이 보여지지 않는 경우가 종종 있습니다. "해당 글에는 썸네일이 없습니다."라는 메시지가 나타납니다. 이처럼 티에디션에서 썸네일이 보여지지 않을 때의 해결 방법을 정리했습니다. 아래에 보이는 것처럼 나오면 정말 황당하죠. 분명히 이미지를 넣었고 글 하단에 보이는 첨부파일에도 이미지가 보이는데 왜 썸네일에만 보이지 않는 건지 참 답답합니다. 해결방법은 아주 간단합니다. 관리자 페이지로 접속해 '글 설정' 메뉴를 열어봅니다. 글쓰기 환경의 에디터 선택 메뉴에서 '새 에디터'를 선택하고 저장하세요. 썸..
2013.12.29 -
티스토리 블로그 피드버너로 구독자 관리하기
피드(Feed)는 '먹이', '수유'라는 의미를 가진 영단어입니다. 버너의 Burn은 '굽다'라는 의미이고요. 그럼, 피드버너는 '먹이를 굽는 거?', 도무지 무슨 의미인지 알아듣기가 힘듭니다. 웹상에서 Feed는 '먹이'라는 의미 이외에도 '콘텐츠 생산자가 콘텐츠를 구독하고자 하는 이들에게 콘텐츠를 자동으로 공급하는 것'라는 뜻을 포함하고 있습니다. Burn은 CD를 '굽다' 라고 할 때의 Burn을 생각하면 되고요. 'CD를 굽는다'는 말은 'CD에 동영상, 음악, 파일등을 저장한다' 라는 의미인데요. 피드버너의 Burn은 구독자가 콘텐츠를 편하게 받아볼 수 있도록 구워주는 것으로 이해하면 쉽습니다. 다시 말해 피드(Feed)를 날생선에 비유한다면 바로 먹기엔 해충도 있고 갖가지 세균에 노출될 위험이..
2013.05.16