Story of Masterhwan's Life

이번 포스팅에서는 티스토리의 티에디션을 이용해 메인화면에 이미지를 배치할 때 나타나는 썸네일의 테두리를 없애는 방법에 대해 알아 보겠습니다. 아래 좌측 이미지는 티스토리 티에디션을 이용해 메인화면에 이미지를 배치한 다음 아무런 작업을 하지 않아 나타나는 테두리가 있는 화면이고 우측 이미지는 티스토리 티에디션을 이용해 메인화면에 이미지를 배치 한 후 추가 작업을 진행하여 썸네일의 테두리가 나타나지 않는 화면 입니다. 그럼 이제 티에디션을 이용해 이미지를 배치했을 때 이미지의 테두리를 없애는 방법을 알아보겠습니다. 일단 스킨위자드를 제공하는 스킨을 사용하고 있는 경우에 적용 된다는 단점이 있습니다. 스킨위자드를 제공하는 스킨을 이용중이시라면 아래 글을 계속 읽어주세요! 먼저 관리 페이지에서 꾸미기 -> 스킨..

IT/Blog&SNS Tip 2018. 7. 18. 23:48

이번 포스팅에서는 유튜브 동영상의 제목과 내용을 다른언어로 번역하고 자막 넣는 방법에 대해 알아보겠습니다. 유튜브는 전세계인들이 검색하고 동영상을 볼 수 있는 사이트로 다른 사이트 들에 비해 광범위하게 노출 되는 사이트입니다. 그렇다 보니 제목과 내용, 자막을 영어로 혹은 일본어, 중국어 등 다른 언어로 번역하여 올리게 되면 더 많은 유저들에게 자신의 동영상이 노출 될 수 있습니다. 그럼 자신이 올린 동영상에 다른언어로 번역하는 방법에 대해 알아 보겠습니다. 먼저 자신의 채널로 들어가서 크리에이터 스튜디오로 들어간 후 아래 좌측 이미지처럼 좌측의 동영상 관리자의 동영상을 클릭하면 아래 중간 이미지처럼 자신이 이미 올린 동영상 리스트가 나타납니다. 동영상 리스트에서 수정 버튼 옆의 화살표를 클릭하면 정보 ..

IT/Blog&SNS Tip 2018. 7. 16. 19:33

최근 유튜브 채널을 오픈한 사람들이 늘어 나고 있고 최근 랜선라이프라는 유튜버들을 관찰하는 jtbc 예능 프로그램도 나왔습니다. 랜선라이프에는 이영자, 김숙, 대도서관, 윰댕, 씐님, 벤쯔 등이 출연합니다. 잠시 옆으로 빠졌지만 저역시 최근에 유튜브 채널을 오픈 했습니다. 그래서 이번 포스팅에서는 사이드바에 유투브 채널 구독 위젯을 넣는 방법에 대해 알아 보겠습니다. 아래 사진은 제 블로그 사이드 바에서 볼 수 있는 최근에 오픈한 제 유튜브 채널 구독 위젯 입니다. 그럼 이제 채널 구독 위젯을 넣는 방법에 대해 알아 보겠습니다. 먼저 유튜브(www.youtube.com)로 접속후 로그인을 합니다. 그리고 왼쪽 이미지 처럼 왼쪽 하단의 설정을 클릭하면 오른쪽 이미지가 나타납니다. 여기서 빨간색으로 표시된 ..

IT/Blog&SNS Tip 2018. 7. 8. 14:47

요즘 유튜브 채널을 오픈하는 사람이 많아 지고 있고 TV 프로그램 예능 중 랜선라이프라는 유튜버들 관찰 예능도 있습니다. 그래서 저도 이번에 유튜브 채널을 오픈 했습니다. 이번 시간에는 유튜브 채널을 오픈 했을때 자신의 유튜브 채널 상단의 채널아트에 자신만의 블로그나 각종 SNS 등의 링크 거는 법을 알아 보겠습니다. 아래 사진의 오른쪽 파란 네모 박스로 표시한 부분이 제 블로그를 추가 시킨 모습입니다. 그럼 지금부터 채널아트에 블로그를 링크 시키는 방법을 클릭합니다. 먼저 유튜브에 로그인 후 오른쪽 상단 자신의 계정을 클릭 후 내 채널로 들어갑니다. 내 채널로 들어가면 아래 이미지와 같은 화면을 볼 수 있습니다. 여기서 화면 우측의 채널 맞춤설정을 클릭합니다. 채널 맞춤설정을 클릭하면 아래 좌측 사진을..

IT/Blog&SNS Tip 2018. 7. 6. 19:22

이번 포스팅은 티스토리에 네이버 이웃 커넥션을 설치하는 법을 알아 보겠습니다. 블로그 하시는 분들은 모두 이웃관리가 중요하다는 것을 알고 있을텐데요. 물론 티스토리에도 이웃신청을 할 수 있지만 티스토리에서 제공하는 이웃은 티스토리 블로그 사용자들 끼리만 이웃을 맺을수 있습니다. 하지만 티스토리에 네이버 이웃 커넥션을 달면 티스토리와 네이버 블로거 간에 서로 이웃을 맺을 수 있습니다. 먼저 제 블로그 사이드 바를 보시면 아래 이미지 같은 위젯을 볼 수 있는데요. 아래 위젯이 네이버 이웃 커넥션 입니다. 그럼 지금부터 티스토리에 네이버 이웃 커넥션을 설치하는 방법을 알아보겠습니다. 일단 네이버 계정으로 로그인 후 자신의 블로그 관리 페이지로 들어가서 기본설정 탭에서 열린이웃 -> 이웃 그룹관리를 클릭하면 아..

IT/Blog&SNS Tip 2018. 7. 3. 00:57

이번 포스팅에서는 요즘 PC버전 카톡 사용시 알고있으면 유용한 단축키에 대해 알아 보겠습니다. 카톡 PC버전으로 로그인 후 설정을 클릭후 단축키 보기를 클릭하면 단축키를 확인 할 수 있습니다. 일반 기능 단축키 로그아웃 Alt + N 잠금모드 Ctrl + L 메인창 열기 Ctrl + Shift + M 새로운 채팅 Ctrl + N 종료 Alt + X 파일박스 열기 Ctrl + J 친구 추가 Ctrl + A 채팅방 단축키 메시지 전송 Enter 대화내용 내보내기 Ctrl + S 줄바꿈 Shift + Enter 초대하기 Ctrl + I 채팅방 닫기 ESC 이모티콘 창 열기 Ctrl + E 이모티콘 창 닫기 ESC 열린 채팅방 이동 Ctrl + Page Up/Down 기본 이모티콘 복수 선택 Space 이모티콘..

IT/각종 프로그램 단축키 2018. 7. 2. 19:30

이번 포스팅에서는 발행한 포스팅이 네이버에서 누락되었는지 혹은 누락되지 않았다면 키워드에 따라 몇 번째에서 노출되고 있는지 확인 하는 방법에 대해 알아보겠습니다. 이전에 포스팅 한 실시간 접속자 수 위젯 설치 처럼 따로 회원가입 하거나 프로그램 설치할 필요 없이 웹페이지에서 블로그 주소만 입력하면 됩니다. 대신 모든글을 확인 할수 없으며 최근에 발행한 순서로 최대 50개까지 확인가능 가능합니다. 누락된 포스팅이나 키워드에 따른 포스팅 순위를 확인 하기위해서는 선행작업이 필요합니다. 먼저 티스토리 관리페이지에서 관리->블로그를 클릭 후 아래 이미지처럼 기타설정에서 RSS를 전체공개로 설정하고 글 수는 50개로 설정합니다. 물론 글 수는 꼭 50개가 아니어도 상관 없지만 50개로 설정해야 최대한 많은 포스팅..

IT/Blog&SNS Tip 2018. 7. 1. 15:42

이번 포스팅에서는 티스토리 블로거라면 한번쯤 겪었거나 겪어볼만한 내용에 대해 이야기 해 보겠습니다. 자신이 쓴 글이 네이버에서 누락 되거나 썸네일이 표시 안되는 경험이 있을텐데요. 그럴 때 해볼만한 시도입니다. 다만 제가 설명 드리는 방법이 100% 된다는 보장은 없습니다. 저는 다만 포스팅 자체가 누락 되거나 썸네일이 누락 되었을때 네이버 웹마스터도구를 이용하면 해결 될 수도 있다고 말하고 싶습니다. 일단 아래 이미지는 저의 포스팅에서 썸네일이 누락 되었고 포스팅 중 일부가 누락 된 포스팅도 있습니다. 보기 편하도록 일부러 최신순으로 정렬 하였습니다. 이제 누락된 썸네일과 누락된 포스팅을 해결 해 보겠습니다. 먼저 네이버 웹마스터도구로 들어가서 자신의 블로그를 등록시킨 후 등록시킨 자신의 블로그를 클릭..

IT/Blog&SNS Tip 2018. 6. 29. 00:01

안녕하세요 마스터환 입니다 이번 포스팅은 전혀 몰라도 아무런 상관없는 정보 입니다. 이번 포스팅은 블로그 포스팅 내용은 궁금하지 않은데 블로그 포스팅 제목만 알고 싶은 분들에게 도움이 되는 정보입니다. 저는 다음 상황에서 이용합니다. 저는 매일 아침 네이버 애널리틱스에 들어가 전날 인기 있는 페이지를 확인 합니다. 이때 아래 사진처럼 전날 인기 있었던 페이지 순으로 나열 되는데요 이 때 제가 포스팅한게 어떤 내용인지 기억이 안날때가 있습니다. 이 때 물론 직접 주소쳐서 들어가서 포스팅 제목만 확인하고 나올 수도 있습니다. 하지만 이렇게 되면 체류 시간이 짧아지고 그로 인해 블로그 지수가 떨어 질 수 있습니다. 이 경우 구글 검색 치환자 info를 이용해 구글 검색창에서 검색하면 됩니다. 아래 이미지 처럼..

IT/Blog&SNS Tip 2018. 6. 27. 23:19

이번 포스팅에서는 티스토리에 자신만의 파비콘을 적용 시키는 방법을 알아 보겠습니다. 파비콘 이라는 단어가 생소한 분들도 있을텐데요. 익스플로러 주소창 왼쪽에 있는 아이콘, 탭에 있는 아이콘, 즐겨찾기에 있는 아이콘을 파비콘 입니다. 이미지로 보여 드리겠습니다. 아래 이미지는 네이버 파비콘 입니다. 아래 이미지는 제가 만든 파비콘 입니다. 티스토리 사용자라면 누구나 자신만의 파비콘을 만들수 있는데요. 지금부터 파비콘을 적용 시키는 법을 알아보겠습니다. 먼저 자신이 파비콘으로 만들고 싶은 이미지를 포토샵에서 ICO 파일로 저장합니다. 이때 크기는 위 이미지 처럼 작아야 함으로 12 x 12 혹은 15 X 15 정도의 작은 이미지여야 합니다. ICO 파일로 저장 한 후 관리페이지 -> 관리 -> 블로그로 들어..

IT/Blog&SNS Tip 2018. 6. 27. 17:34

이번 포스팅은 용돈 벌이가 가능한 텐핑을 티스토리에 설치하는 법에 대해 알아 보겠습니다. 텐핑을 설치하기 위해서는 먼저 텐핑사이트(http://tenping.kr)로 들어가 회원 가입을 해야 합니다. 회원가입 후 로그인을 하면 아래 이미지처럼 좌측 하단에 소문박스가 있습니다. 소문 박스를 클릭하면 우측에서 광고 형태를 고를 수 있습니다. 광고 형태에는 큰 형태. 작은형태, 리스트 형태 3종류가 있습니다. 아래 이미지는 좌측 부터 차례로 리스트 형태. 작은형태, 큰 형태 입니다. 취향에 맞는 광고를선택 후 복사하기를 클릭합니다. 코드를 복사 후 관리페이지로 돌아 옵니다. 참고로 저는 pc 본문 하단에는 리스트형태, 사이드바와 모바일 하단에는 큰 형태를 선택했습니다. 관리페이지에서 복사한 코드를 넣으면 되는..

IT/Blog&SNS Tip 2018. 6. 26. 18:06

이번 포스팅 에서는 티스토리 블로그 첫페이지에 인기글을 티에디션을 이용하여 넣는 방법에 대해 알아 보겠습니다. 네이버의 경우 각 포스팅 마다 조회수를 알 수 있고 검색엔진해서 검색하여 포스팅을 클릭 할 경우 포스팅 하단에 인기글을 제공하고 있지만 티스토리의 경우 모바일에서는 제공하지만 PC에서는 인기글을 볼 수 없습니다. 예전에 다음뷰 서비스가 제공 될때는 다음뷰를 포스팅 하단에 노출을 표시할 경우 네이버처럼 티스토리에도 포스팅 하단에 인기글과 최신글을 볼 수 있었습니다. 하지만 다음뷰 서비스가 종료되면서 더이상 포스팅 하단에 인기글을 노출 시킬수 없게 되었습니다. 다만 티에디션을 이용하여 블로그 첫 페이지에 조회수 많은 글을 노출 시킬 수 있습니다. 물론 조회수 많은 글 이외에도 댓글수 많은 글, 트랙..

IT/Blog&SNS Tip 2018. 6. 26. 04:40

이번 포스팅에서는 티스토리 블로그에 실시간으로 현재 접속한 블로그에 동시 접속자수가 몇 명인지 보여주는 위젯 설치 하는 방법에 대해 알아보겠습니다. 지금 이 포스팅을 보시는 분들은 좌측 중간에 오른쪽 이미지를 볼 수 있을텐데 오른쪽 이미지의 빨간네모가 현재 블로그에 동시접속자 수가 몇명인지 알려주는 위젯 입니다. 제가 캡쳐 할 당시에는 저 혼자 있었습니다. 그래서 오른쪽 이미지에 숫자 1이 표시되어 있습니다. 만약 10명이 접속 되어 있었다면 10이 표시 되었을 것입니다. 위젯을 클릭하면 24시간 동안 1시간 간격으로 평균 접속자 수, 현재 접속중인 국가, 현재 접속중인 페이지, 현재 접속중인 기기(모바일인지 데스크탑인지) 등의 정보를 알 수 있습니다. 아래 이미지가 위젯을 클릭 했을 때 나타나는 창입니..

IT/Blog&SNS Tip 2018. 6. 25. 15:43

이번 포스팅에서는 스킨위자드를 이용하여 티스토리 블로그를 꾸미는 방법에 대해 알아 보겠습니다. 스킨 위자드를 이용하면 배경, 타이틀, 게시글을 꾸밀 수 있습니다. 스킨 위자드는 모든 스킨에 제공하는 건 아니고 스킨 위자드를 제공하는 스킨을 사용시에만 스킨 위자드를 사용 할 수 있습니다. 관리 페이지 -> 꾸미기 -> 스킨 변경을 클릭하면 티스토리에서 제공하는 스킨리스트가 나옵니다. 그 중 아래 이미지처럼 스킨위자드를 제공하는 스킨을 선택해야 스킨위자드를 사용 할수 있습니다. 스킨 변경을 선택하면 스킨 변경 클릭시 나타나는 아래 이미지처럼 화면 상단에 지금 사용중인 스킨과 함께 지금 사용중인 스킨에서 스킨위자드를 제공하는 스킨의 경우 아래이미지처럼 우측에 스킨위자드 커맨드가 나타납니다. 스킨위자드를 클릭하..

IT/Blog&SNS Tip 2018. 6. 25. 01:34

네이버와 달리 티스토리의 장점 중 하나는 포스팅을 과거로 발행할 수 있다는 점 이었습니다. 그러나 2016년 5월 26일 부터 PC에서는 과거로 발행 하는 기능이 막혀 지금은 PC에서 예전처럼 과거로 발행 하면 아래 이미지 처험 경고창이 뜨면서 발행이 안됩니다. 그러나 다행히(?) 모바일 앱에서는 아직 과거로 발행할 수 있습니다. 아래 2017년 12월 10일 4시 17분에 발행한 글을 2017년 12월 10일 4시 17분보다 과거로 발행 해 보겠습니다. 먼저 폰에 티스토리 앱을 설치하고 로그인하여 자신의 블로그로 가서 시간을 수정할 포스팅을 클릭해 주세요. 포스팅을 클릭하면 아래 왼쪽 이미지처럼 하단에 톱니바퀴가 있습니다. 톱니바퀴를 클릭하면 아래 가운데 이미지가 나옵니다. 여기서는 PC에서 설정한 카..

IT/Blog&SNS Tip 2018. 6. 23. 18:16

이번 시간에는 티스토리 사이드바에 있는 카테고리의 속성을 변경해 보겠습니다. 스킨에 따라 조금씩 차이는 있을 수 있지만 저는 제가 사용하는 Photo Essay스킨 기준으로 설명해 보겠습니다. 먼저 스킨편집 창으로 가서 css탭을 클릭 후 ctrl + F를 누른 후 box_category를 검색하면 아래와 같은 소스를 볼 수 있습니다. .box_category {padding-left:10px;} .tit_category {width:181px;background-position:7px 9px;} .box_category ul {margin-top:1px;} .box_category ul ul {margin:0;} .box_category ul li {:11px;} .box_category ul li a..

IT/Blog&SNS Tip 2018. 6. 20. 19:15

오늘은 제가 사용하고 있는 스킨을 자신의 취향에 따라 메인 페이지를 수정하는 방법에 대해 설명하고자 합니다. 저는 Photo Eassay스킨을 사용하고 있습니다. 사실 이 스킨은 나온지 오래되었고 요즘처럼 인기 있는 반응형 스킨은 아니지만 그래도 저처럼 아직 이 스킨을 사용하는 분들에게 팁을 주고싶어 제가 아는 한에서 정보를 제공해 보려고 합니다.먼저 Photo Eassay 스킨을 선택하고 아무런 작업을 하지 않으면 최상단과 최하단은 아래 이미지처럼 보일 것입니다. 그리고 아래는 제가 수정한 최상단 모습입니다. 아무 작업도 하지 않은 초기 상태와 비교해 보면 PHOTO ESSAY 글씨는 보이지 않고 홈, 태그, 미디어로그, 위치로그, 방명록도 보이지 않습니다. 먼저 PHOTO ESSAY 글씨를 취향에 따..

IT/Blog&SNS Tip 2018. 6. 19. 18:50

안녕하세요! 마스터환 입니다. 이번 포스팅은 가로가 긴 가로 이미지와 세로가 긴 세로 이미지를 동시에 배치할 때 모바일에서 최적화 시키는 방법 입니다. 물론 가로 이미지만 혹은 세로 이미지만 배치할 때는 최적화 작업이 필요 없습니다. 그러나 가로 이미지와 세로 이미지를 동시에 배치시킬때는 최적화 작업을 해줘야 모바일에서도 깔끔하게 보여집니다. 아래 스샷은 pc에서만 높이를 맞추고 최적화는 진행하지 않은 상태입니다. 좌측은 pc버전 우측은 모바일 버전 입니다. pc버전에서 보면 이미지 정렬이 완벽하게 된거 처럼 보이지만 모바일 버전에거 보면 가로 이미지와 세로 아미지의 높이가 다른 것을 볼볼수 있습니다. 물론 크게 차이가 나지 않기 때문에 그대로 둬도 상관 없습니다. 그러나 모바일에서도 완벽하게 보이고 싶..

IT/Blog&SNS Tip 2018. 6. 19. 03:23

이번에는 모바일에서 표를 최적화 시키는 방법에 대해 알아 보겠습니다. 네이버 블로그는 pc에서 글을 쓰면 자동으로 모바일에서도 최적화되어 보여집니다 그러나 티스토리는 따로 작업을 해주셔야 합니다. 그렇지 않을 경우 모바일에서 보면 표가 잘려서 나타납니다. 아래 사진은 모바일에서 최적화 작업을 하지 않은 표 입니다. 표가 짤려 있는 걸 확인 할 수 있습니다. 이렇게 되면 힘들게 포스팅 작성 해도 모바일 사용자들에는 불편함을 주게 됩니다. 그럼 지금 부터 모바일에서도 표가 짤리지 않고 최적화 된 표를 만드는 방법에 대해 설명 드리겠습니다. 먼저 원하는 크기의 표를 그린 후 html창으로 들어 갑니다. 그럼 아래 사진의 소스를 볼수 있습니다. 여기서 유심히 봐야 할 부분은 첫 줄

IT/Blog&SNS Tip 2018. 6. 18. 18:46