네이버 블로그 서로이웃신청 차단
Blog-Apps-SNS / 2016년 12월 14일

  네이버 블로그 서로이웃신청 차단 요즘 네이버 블로그를 실험적으로 운영해보고 있습니다. 이미 티스토리에 익숙해져있는 까닭에 브런치와 비슷하지만 약간 다른 스마트 에디터 3.0을 더듬더듬 이용하고 있습니다. 좋은 점 불편한 점이 모두 있지만, 특별히 편리한 점이 하나 있더군요. 바로 SNS에 올렸던 사진을 따로 다운받을 필요 없이 바로 가져올 수 있다는 점입니다. 그런데 오랫만에 이용하다보니 ‘서로이웃추가’라는 기능을 잊고 있었어요. 간간히 들어오는 ‘서이추 신청’은 좀 당황스럽습니다. 사실 제 블로그는 늘 그렇듯 전체이용가(…가 아니라 전체공개. ㅎㅎ)라 이웃으로 특별히 더 드러나는 부분은 없지만, 어쩐지 타의에 의해 공개설정이 이뤄지는 셈이라 그런지 좀 망설이게 되네요. 그래서 찾은 것이 바로 서로이웃신청을 아예 차단하는 것이었습니다. 알고나면 무척 간단한데요, 방법은 다음과 같습니다. 1. 블로그 오른쪽 맨 위에 있는 ‘내 메뉴>관리>기본설정’으로 들어가면 아래와 같은 화면이 뜹니다. 2. 여기서 왼쪽 아래 ‘열린이웃>이웃.그룹관리‘를 선택한 다음 3. 서로이웃 신청받기를 ‘사용하지 않음’으로 선택하면 됩니다.     모바일 앱에서는 더욱 간단합니다 1. 맨 위 MY를 터치합니다. 2. 환경설정으로 들어갑니다. 3. 아래쪽에 있는 ‘서로이웃맺기>서로이웃 신청받기‘를 꺼 놓으시면 됩니다. 간단하지요? 참으로 이상한 것이, 알고나면 이렇게 간단한데도 모를 때는 눈을 씻고 봐도 꼭꼭 숨어 보이지 않는다는 사실. ㅎㅎ     [관련글] 페이스북 선글라스 광고 차단   [관련정보] 네이버 블로그 아이디차단, 아이피차단 방법     저장저장

맥/ 티스토리에서 마크다운으로 글 올리기
Blog-Apps-SNS / 2016년 7월 15일

맥/ 티스토리에서 마크다운으로 글 올리기 마크다운으로 글을 쓰는 프로그램은 여러가지가 있지만, 간단한 글을 쓰기 위해 다른 프로그램을 여는 것도 귀찮은 일. 하지만 맥을 사용하고 있다면 ‘오토메이터 서비스’를 이용해 티스토리에서도 바로 마크다운으로 글을 써서 올릴 수 있다.  아래 웬 포신 같은 것을 들고 있는 로봇이 바로 오토메이터. 맥 기본 응용프로그램이다. 뭐든 등록만 해 놓으면 그야말로 자동적으로 간단하게 실행해주는 편리한 일꾼인데, 아직 잘 몰라 제대로 부리지 못하고 있다. 1. 티스토리에서 마크다운으로 글쓰기 아래 사진에서 보이는 것 처럼 티스토리 편집기에서 그냥 마크다운 문법으로 글을 쓴다. 편안히. 2. 오토메이터 서비스로 html변환하기 마크다운으로 쓴 글을 ‘우클릭>서비스>마크다운html ‘을 선택해  html로 바꿔준다. 여기가 바로 앞서 말한 ‘오토메이터’가 활약하는 부분인데, 이것은 Back to the Mac의 ‘맥 사용 중 언제 어디서나 마크다운(Markdown)을 HTML로 변환하기‘ 란 글에 자세하게 설명되어 있다.   아래 처럼 html로 바뀐다. 3. 외부콘텐츠 삽입 티스토리 편집기 맨 위에 툴바를 보면 ‘외부컨텐츠 삽입’이란 단추가 있다. 이것을 눌러 창을 연 다음 변환된 html코드를 오려내기+붙이기 한다. 아래 사진처럼 입력된 모습을 볼 수 있다. (처음엔 글씨도 작고 다닥다닥 줄 간격이 붙어있다. 적당히 늘려주고 사이사이 한 줄 더 넣기도 하면서 보기 좋게 다듬는다.) 발행 단추를 누른다.   4. 완성된 결과물 글이 발행되면 편집기에서 보던 것 과는 달리 제대로 된 결과물을 볼 수 있다. 물론 실시간으로 미리보기가 되지 않아 처음 마크다운을 이용하는 분들은…

티스토리 블로그 스퀘어 스킨 사이드바 찾기메뉴 수정
Blog-Apps-SNS / 2016년 1월 18일

한동안 손대지 않던 티스토리 블로그 스킨. 이번에 수정한 것은 사이드 바 찾기 메뉴 ‘위치 이동’과 ‘어썸폰트를 사용해 돋보기 아이콘 넣기’였다. 원래는 맨 아래 위치하고 있어 불편했는데, 아래 사진에서 보이는 것처럼 수정하고 나니 내가 이용하기에도 편리해졌다.      1. 찾기 메뉴 위치 이동 위치 이동은 간단하다.  관리>사이드바 에서 ‘search’메뉴를 원하는 위치로 올리면 된다       2. 돋보기 아이콘 넣기   1) 어썸폰트    돋보기 아이콘은 어썸폰트(Font Awesome) 웹 아이콘을 이용했다. 따로 이미지를 만들거나 올려놓지 않아도 이미 있는 아이콘을 이용하기만 되므로 편리하다. 지금 쓰고 있는 스퀘어 ver.2.1 스킨은 어썸폰트를 쓸 수 있게 되어 있어 별다른 조치는 필요하지 않았다.  사용할 수 있는지 여부는 관리>스킨>html수정 에서 다음 구절이 있는지 찾아보면 된다. 있다면 그대로 진행하면 되고, 없다면 넣어주면 된다.         2) 돋보기 아이콘 넣기   관리>스킨>html수정에서 sidebar, search를 찾는다.  아래 사진처럼 <s_sidebar_element> <!–search –>가 보인다.  그 아래<….”press enter to search…”….>구절이 끝나는 곳에 빨간색 밑줄쳐진 대로 ‘<i class=”fa fa-search”></i>를 넣어주면 된다.        <참고글> 폰트어썸 웹 아이콘 적용하기 : http://gonegone21.tistory.com/31 폰트 어썸 웹 아이콘 : http://fortawesome.github.io/Font-Awesome/icons/

카카오파머 제주 감귤 도착!
기타리뷰 / 2015년 11월 25일

  2주전, 카카오파머 제주 감귤 깜짝 이벤트 공지가 티스토리에 떴다. ‘카카오파머 제주 감귤, 맛보고 소개해 주세요’ 인공착색, 세척 과정을 거치지 않은 서귀포 귤 5킬로그램을 쏜다는 것. 제주에 사는 남편 친구가 보내 줬던 작고 동글동글한 감귤 향이 생각나 얼른 신청했다.      한 주가 지난 11월 17일, 다른 30명의 블로그 이웃분들과 함께 당첨되었고, 또 한 주가 지난 바로 어제 드디어 제주 감귤이 도착했다!     수업중 택배아저씨가 전해주신 노란색 카카오파머 제주 귤 상자. 모두 환호성을 지르며 맞이했다.        상자에 써있는 대로 조물딱 조물딱 달게 만든 다음 반으로 또 반으로 갈라 껍질을 까 먹었다.  음~! 원래 달아서 그런가 아님 방법대로 잘 따라해선가 정말 달았다. 껍질을 잘 못 벗겨 조금 붙은 껍질까지 먹은 아이들은 껍질까지 달다며 또 놀랬다. 정말이었다. 알맹이는 달고 살짝 아삭하고 씹힌 껍질에선 달큰한 향기가 확 솟았다. 신기한걸.   물론 상자를 열어보면 알도 작고 크기도 껍질 색이나 모양도 제각각이다. 백화점이나 마트에서 보는 것 처럼 뽑히고 뽑힌 이쁜 과일이 아니라 뽑고난 나머지 처럼 생긴 아이들이다. 하지만 보기 좋은 채소와 과일이 먹기마저 좋은 것은 아니란 것은 이제 많은 사람들이 알고 있는 사실. 겉보기 로만 평가하지 말아야 하는 것은 사람만이 아니구나.              재미있는 스티커로 이리저리 꾸며보는 재미도 먹는 재미에 뒤지지 않는 즐거움. 여럿이 함께 하니 더 맛있고 더 재미있는 모양이다. 스티커 뿐 아니라…

텀블러에 구글 애드센스 달기
Blog-Apps-SNS / 2015년 11월 15일

텀블러에 구글 애드센스 달기 한동안 인스타그람을 재미있게 하다보니 ‘애드센스가 달리면 괜찮을텐데’ 하는 생각이 들었지만 그것은 불가능. 그러다 문득 ‘텀블러라면 어떨까?’하는 생각에 실험삼아 옛날에 쓰던 묵은 계정을 되살려 보기로 했다. 결과는 성공적. 잊기 전에 남기는 의미에서 정리해 본다.      1. 모바일 화면 만들기 가. 맨 위 오른쪽에 ‘테마 편집’을 클릭한다 나. HTML 편집을 클릭한다 다. 전부 선택해서 복사한다 라. 왼쪽 메뉴 맨 아래에서 ‘페이지 추가’를 선택한다 > 마. 붙이고 저장한다 2. 구글 애드센스 달기 가. 애드센스로 가서 ‘반응형광고’ 코드를 가져온다 구글 애드센스 계정이 있고 반응형광고를 이미 만들어 놓았다는 가정하에 정리하고 있습니다. 계정이 없거나 만들지 않은 경우에는 아래 글을 참고해보세요. 구글 애드센스 계정 만들기에 관한 다윈님 글 보기 반응형 광고 만들기에 관한 글 보기 나. HTML 편집을 클릭한다 다. 원하는 곳에 광고 코드를 붙이고 저장한다 <style=”text-align: left;=”” clear:=”” none;=”” float:=”” none;”=”” style=”font-family: ‘Nanum Gothic’, ‘Ubuntu Condensed’, ‘Meiryo UI’; font-size: 15.679999351501465px; letter-spacing: 0.5px;”> 여기서는 본문 바로 위에 오도록 하기 위해 사진처럼 nevigation이 끝나고 main page가 시작하는 지점에 붙여넣어 줬다.  이 텀블러에 사용된 테마(티스토리의 스킨에 해당)는 Blogit Theme으로, 무료 테마로는 드물게 반응형으로 되어있다. 위 반응형 광고 만들기에 관한 글에서 언급한 대로, 구글 규정을 지키기 위해 코드중에 ‘auto’라고 되어있는 부분을 찾아 ‘horizontal’로 고쳐준다. 광고가 가운데로 오게 하기 위해 코드 앞과 뒤에 <center> </center>를 넣어준다. 2. 고급설정하기 가. 왼쪽…

반응형 스킨 Square를 소개합니다
Blog-Apps-SNS / 2015년 11월 4일

  헬리오스님이 추천해주신 Wallel님의 반응형 스킨 Square. 전에 사용했던 프라치노공간과 마찬가지로 담백하고 깔끔한 느낌의 스킨이다. 둘을 비교해 보자면…   1. 프라치노공간의 특징 댓글과 방명록에 디스커스 적용가능 글 수정, 삭제, 관리 등이 위에 아이콘으로 정렬되어 있어 편리 구글애드센스(반응형) 스킨차원에서 지원 유료(설치후)/ 20,000원 이상 구입자에 한해 문의사항 지원 2. 스퀘어의 특징 마크다운으로 작성된 글을 보다 잘 표현해준다 전체적으로 더 깔금하게 잘 짜인 디자인/ 본문에 집중하게 해준다 무료 스퀘어를 설치해본 현재, 애드센스 코드만 새로 넣어주고 무리 없이 쓰고 있다. 디스커스는 차차 적용해볼 계획.

프라치노공간 7.0.3을 소개합니다
Blog-Apps-SNS / 2015년 10월 21일

  지금 현재 이 블로그에 적용된 스킨이 바로 프라치노 공간 7.0.3이다.  깔끔하고 빠르고 아름다운 스킨이다.  오늘 아침에 바꿨는데, 현재까지 체감하고 있는 바뀐 점들은 다음과 같다. 1. 카테고리가 지원되네 전에 사용했던 버전은 카테고리가 지원되지 않아 관리>화면설정>메뉴에서 메뉴를 추가하는 편법을 사용해야 했다. 하지만 이번 버전에서는 왼쪽에 보이는 것 처럼 카테고리가 지원된다. 2. 방명록도 디스커스로 전에는 블로그 글에 댓글 달 때만 디스커스로 달 수 있었는데, 이제는 방명록에도 디스커스를 이용할 수 있다. 3. 태그가 보인다 본문 하단, 댓글 바로 위에 태그가 표시된다. 4. 공유단추 트위터, 페이스북, 구글플러스, 에버노트는 물론 포켓과 카카오스토리까지 우리나라 사람들이 즐겨 쓰는 서비스로 쉽게 공유할 수 있다. 이제 더 이상 복잡한 Add this가 필요 없다. >> 프라치노공간 다운받기

티스토리 스킨 프라치노공간 사이드 메뉴 설정 방법
Blog-Apps-SNS / 2015년 1월 21일

이 블로그는 현재 ‘프라치노 공간’이라는 스킨이 적용된 상태다. 깔끔하고 보기에도 좋은 장점이 많은 스킨인데, 사용자에 따라서는 단순함이 불편할 수도 있다. 그중 하나가 바로 프라치노 공간이 사이드바와 카테고리를 지원하지 않는다는 것이다. (2015.10.22. 현재 새로 설치한 7.0.3 버전은 왼쪽에 보이는 것 처럼 카테고리를 지원합니다.)     사이드바도 카테고리도 지원하지 않기 때문에 이 블로그 왼쪽에 보이는 것 처럼 메뉴를 넣으려면 ‘티스토리 관리> 화면설정> 메뉴’에서 작업해 줘야 한다.       홈, 태그, 방명록, 글쓰기, 관리자 메뉴를 추가하려면 ‘기본메뉴’에 들어가서 선택을 한 뒤 오른쪽 ‘추가’ 단추를 누르면 그 오른쪽에 추가된 메뉴가 나타난다.  카테고리를 나타내려면 카테고리를 선택하고 ‘메뉴명’을 선택한 다음 ‘추가’단추를 누른다.  설정을 마치면 맨 위 오른쪽에 있는 ‘저장’단추를 꼭 눌러줘야 한다. 

프라치노공간의 댓글창과 공유단추, 푸터
Blog-Apps-SNS / 2014년 12월 6일

지난 11월, 블로그 스킨을 ‘프라치노공간’으로 바꾼 다음부터 댓글창과 공유단추가 조금 바뀌었다.    1. 댓글창 – 티스토리와 Disqus 댓글창을 하나로 처음 보이는 것은 일반 티스토리 댓글창이지만, ‘댓글 작성’과 ‘트랙백’사이에 보이는 ‘DISQUS’를 누르면 Dusqus댓글을 쓸 수 있도록 다음 사진과 같이 바뀐다. Disqus나 다른 소셜 계정으로 로그인 해서 댓글을 남기면 된다.    <관련글> – 2014/08/08 블로그 댓글 운영방식 변동 – 2013/12/22 디스커스(Disqus) 댓글 달기  – 2013/12/14 디스커스Disqus 댓글 적용       2. 공유단추   Addthis 공유단추를 쓰지 않게 되었다. 그것은 스킨 자체에서 공유단추를 제공하고 있기 때문이다. 모노톤으로 글 아래 오른쪽에 붙어 있어 눈에 확 뜨이지는 않지만, 오히려 그것이 거슬리지 않게 느껴질 수도 있다는 생각이 들었다. 하지만 무엇보다 Addthis와는 달리 우리 실정에 맞는 연결을 제공해준다는 점이 마음에 들었다.    데스크탑이나 노트북 같은 넓은 화면에서는 다음 사진처럼 보인다.    댓글창 바로 오른쪽 위에 있는데, 트위터, 페이스북, 카카오스토리, 에버노트, 구글 플러스로 담아갈 수 있게 되어 있다. 스마트폰 처럼 좁은 화면에서는 다음 사진처럼 보인다.  단추가 직접 보이지 않고 ‘공유하기’라는 글씨만 보이는데, 이 공유하기를 터치하면 오히려 더 많은 공유단추가 보인다. 라인은 지금 이용하지 않고 있어 잘 모르겠지만, 이 카카오스토리로 담아가기는 꽤 효과를 보고 있다. 카카오스토리에는 보통 육아 사진이 많이 올라오는데, 그 틈에서 미술교육에 대한 내 블로그 글을 발견하는 것은 신기한 경험이었다.    혹시 Addthis가 궁금하시다면.. >> 2013/12/16 요건 뭐에 쓰는 물건이지? – 애드디스(add this) 공유단추    …

블로그 스킨 교체 – 프라치노 공간
Blog-Apps-SNS / 2014년 11월 20일

    블로그 스킨을 바꿨습니다. 또.  Zet님께서 ‘티스토리 반응형 스킨 장단점 및 추천스킨 TOP5(http://bloggertip.com/4439)’라는 글에서 소개하신 프라치노님의 ‘프라치노 공간’이라는 반응형 스킨입니다.  아직 완벽하게 설정을 마치진 않았지만, 깔끔한 간결함이 마음에 듭니다.    ** 원래 이 스킨은 최신 글을 보여주게 되어 있습니다. 제 블로그는 첫 화면에 전체 글 열 개가 보이도록 되어 있습니다. 블로그 메인 화면이 이렇게 나오게 하려면 skin.html을 수정하면 됩니다. 이 부분은 Readiz님의 ‘티스토리 블로그 메인화면을 /category로 리디렉트 시키기‘ 글을 참고했습니다.

블로그 서체 ‘대한체’ 적용
Blog-Apps-SNS / 2014년 9월 11일

대한체 적용 블로그 서체로 나눔고딕을 줄곧 사용해왔지만, 요즘들어 싫증이 났는지 가독성이 좋으면서도 아름다운 서체로 바꾸고 싶은 마음이 부쩍 들었다. 그러다 발견한 것이 바로 ‘대한체’.     아래는 대한체를 적용한 열매맺는나무 Fruitfulife 블로그 첫 화면 모습이다.       ‘윤디자인연구소 무료폰트 대한체 사용하기’ 라는 애니코리아님의 글에서 소개 받은 서체로 고딕과 명조가 조화롭게 공존하는 느낌의 서체다.           윤디자인연구소 대한체 다운받기 에 가면 맥용, 윈도우즈용 서체를 무료로 다운받을 수 있다. 네이버 무료폰트 자료실에서도 여러가지 서체를 다운받을 수 있다.

나만의 플립보드 매거진 만들기 2 – 아이폰으로 플립하기
Blog-Apps-SNS / 2014년 8월 18일

나만의 플립보드 매거진 만들기 2 – 아이폰으로 플립하기 플립보드로 만든 매거진은 사진 위주의 미리보기를 선보임으로써 화보를 보는 것 처럼 눈을 즐겁게 한다. 네이버 오픈 캐스트 보다 부담 없고 빙글보다 쉽고 핀터레스트 처럼 직관적이기 때문에 앞으로 많은 사람들이 플립보드를 이용하게 되리라 생각한다.   유일한 단점은 모바일앱이 따로 있음에도 불구하고 아이폰이나 아이패드로 플립하기가 그리 편하지 않다는 점이다. 하지만 사파리의 책갈피 기능을 이용하면 쉽게 플립할 수 있다. 이번 글에서는 그 방법을 소개한다. 1. 아이폰, 아이패드에 북마클릿 넣기 1) 아이폰, 아이패드에서 flip.it/bookmarklet에 접속한다     2) 네모 안에 있는 코드를 전체선택해서 복사한다.      3)’공유’단추를 선택한뒤 ‘책갈피’> ‘저장’한다.       4)사파리 화면 아래쪽 ‘책갈피’를 탭하고 오른쪽 아래 ‘편집’을 탭한뒤 +Flip It을 선택한다.       5) 책갈피 편집에서 주소를 지우고 ‘붙이기’한 다음 ‘Done’>완료>완료를 탭한다.  2. 아이폰, 아이패드에서 플립하기 1) 플립하고 싶은 것을 찾게 되면, 화면 아래쪽의 책갈피 단추를 탭한다.       2) 책갈피 목록 중에서 ‘+Flip It’을 탭한다.         3) 매거진 선택 화면이 나온다. 알맞은 매거진을 선택한 다음 ‘추가’를 탭한다.        사파리의 책갈피 목록에 플립보드 북마클릿을 넣어두면 사파리와 플립보드 앱을 오가지 않고도 그 자리에서 간편하게 플립할 수 있다.      <이 글도 한번 읽어보세요!> 2014/08/16 – [IT/Blogging/SNS] – 나만의 플립보드 매거진 만들기 1 – 데스크 탑에서