본문 바로가기

티스토리

티스토리│블로그 본문에 유튜브 삽입하기 (YouTube 첨부) 글을 쓰다보면 다양한 자료를 이용하여 설명을 보충하기 위해 여러가지 컨텐츠를 사용할 필요가 있어졌다. 그래서 이번 게시물에서는 티스토리 블로그 본문에 유튜브 영상을 첨부하는 방법에 대해서 간단히 설명하겠다. 우선 본문에 영상을 가져오는 것은 2가지 방법이 있다. 첫번째 방법은 외부컨텐츠를 연결해주는 방법이다두번째 방법은 플러그인 설정을 통해 유튜브 영상을 가져오는 것이다. 첫번째 방법으로 진행하면 상단 메뉴바에서 외부컨텐츠를 누르면 외부컨텐츠 삽입 / 멀티미디어 첨부 할 수 있는 팝업창이 뜬다. 이때 오른쪽 멀티미디어 링크를 체크하고 아래에 유튜브 영상 링크를 복사 붙여 넣기하면된다. 영상의 URL를 복사하는 방법은 유튜브를 시청하다가 영상 우클릭하면 팝업 메뉴로 영상 URL 복사 기능으로 손쉽게 가져올..
HTML│구분선, 절취선, 수평선 속성 변경하기 (CSS <hr>태그 수정) 블로그에 게시물을 작성하다 보니 구분선을 잘 이용하는 게 정보를 효율적으로 구분할 것이라 생각했다. 제목과 부제에 대한 내용 본문, 인용 그리고 출처와 링크까지 구분하는 되는 것이 일반적이니 구분선으로 그 역할을 확실히 할 수 있겠다. 태그는 구분선을 그어주는 태그로 Horizontal Rules의 줄임말이라 태그로 HTML 에서 수정할 수 있다. 1. 원하는 구분선의 종류를 선택해서 본문에 삽입한다.2. HTML 체크 박스를 체크해서 태그를 수정한다. 본문에 구분선을 넣으면 위 이미지 처럼 내용이 구분되어 보이는 효과가 있다. 다음은 HTML 에서 구분선의 속성 값을 변경하는 것이다. 태그의 속성size : 구분선의 두께width : 구분선의 길이align : 구분선의 정렬 기준 (left / cent..
티스토리│블로그 구글 검색 노출 / 구글 웹마스터 도구 / RSS 등록 구글에서도 검색이 되려면 네이버와 별도로 등록해주어야 되겠군 이라는 의문으로 시작하였다. 네이버 웹마스터 도구에 이은 구글 웹마스터 도구 설정법에 대해서도 알아보려고 한다. 필자는 주로 주고 구글 크롬 브라우저를 사용하는데 구글에 있는 많은 기능을 잘 활용하고 있지는 않는 것 같다. 검색을 할 때 필자는 네이버에서 각종 리뷰 검색이나 스포츠 뉴스를 주로 보고 있다. 전문 검색이나 사진 등은 구글 검색을 주로 활용하고 있기 때문에 구글과 네이버 두 곳에서 이 블로그가 검색되길 기대하며 피드를 작성한다. 구글 웹마스터 페이지로 들어가면 녹색의 SEARCH CONSOLE 이라는 버튼이 있다. 이걸 눌러서 다음으로 진행한다. 당연히 네이버 때와 마찬가지로 구글 계정에 로그인 하지 않으면 위 그림 처럼 시작하기 ..
티스토리│블로그 네이버 검색 노출 / 네이버 웹마스터 도구 / RSS 등록 게시물이 조금씩 쌓일 것이고 블로그를 찾는 사람들이 조금씩이라도 생기길 바라는 마음이 생겼다. 그래서 알아보고 해본 것이 블로그를 노출 시키는 것이다. 구글 검색으로 '티스토리 블로그 노출' 등으로 검색하여 관련 피드들을 보았다. 일단 필자의 블로그 아직 글도 많이 없고 사람들의 이목을 끌만한 컨텐츠가 없어서 인지 검색이 되지 않았다. 단순히 그런줄만 알았다. 하지만 블로그를 웹마스터 도구를 통해 등록 시켜놓으면 블로그가 노출 된다는 것을 알았다. 그래서 해보자. 티스토리 블로그를 네이버 검색에 노출시켜 보기로 한다. 네이버 웹마스터도구를 검색해보면 위 이미지가 나오는 웹페이지를 볼 수 있다. 웹 서포트센터 가기 버튼을 클릭하여 다음으로 넘어간다. 웹마스터도구에 대한 여러가지 설명이 되어 있는데 그 아래..
티스토리│캡션 달기 (사진 자막 달기) 티스토리 게시글 포함된 사진에 캡션(자막) 다는 법사진의 설명이나 내용이 필요한 경우가 있다. 그럴 경우 캡션 달기를 이용하여 사진에 정보를 더 넣을 수 있다.처음에 사진에 자막을 달았을 땐 자막이 나오지 않았다. 글쓰기 화면에서는 자막이 보이지 않는다. 그래서 각 사진에 자막이 달려 있는지 일일이 사진을 눌러보거나 미리보기를 통하여 확인 할 수가 있다.위 사진 처럼 캡션이 달리지 않은 상태에서는 글쓰기 화면이나 게시글이 발행된 화면이나 별반 차이가 없다. 사진을 개별 클릭하며 기본설정 / 사진 에서 자막의 내용을 적어 넣을 수가 있다. 자막이 달렸을 때 미리보기 화면이다. 필자는 여기서 의문이 생겼다. 자막의 크기가 본문의 크기와 같아 줄 바꿈을 잘 하지 않으면 자막이나 본문의 가독성에 서로 방해가 될..
티스토리│다음 지도 첨부하기 (Daum map) 블로그에 여러가지 포스팅을 하게 될텐데 게시글, 이미지, 사진 등 이런 컨텐츠 만큼 많이 쓰일 것 같은 것이 지도라고 생각한다.경치 좋은 곳을 다녀와서 포스팅을 하게 되도, 맛있는 음식점을 다녀와서도, 남들에게 추천해주고 싶은 곳이 있을 때 방점을 찍을 데이터가 되는 것이 지도가 아닐까? 지난 번 런닝 포스팅 때 지도를 삽입하는 법을 익혔다. 아주 간단한 방법이라 다들 알고 있으리라 생각한다. 글쓰기를 하면 우측 사이드메뉴에 보면 태그 옆에 위치 탭을 클릭하면 장소를 검색할 수 있는 메뉴가 뜬다. 주소를 입력하여도 되고 고유 지명을 검색해도 된다. 역시 다음 지도는 훌륭하다. 검색란에 원하는 검색어를 입력하면 이렇게 위치 입력이라는 팝업 창이 하나 뜬다. 여기서 새 지명을 검색해도 되고 A,B,C .....
티스토리│우클릭 방지, 복사 방지 설정 하기 티스토리 우클릭 방지, 긁어 복사하기 방지 블로그를 하다보면 스크랩이라는 기능이 있는데 남이 나의 포스팅을 쉽게 긁어만 간다면 어떨까?별 내용이 없는 것이라도 원작자의 동의 없이 출처 없이 포스팅 된 글들이 여기저기 돌아다니면 기분이 썩 안좋을 것 같다는 생각이 들었다.그래서 티스토리를 시작하면서 그런 기능이 있는지 확인해봤다. 내용을 무단 복사해 가는 것에 대해서 걱정을 1정도 하고 있기 때문에 설정해보기로 했다. [적용]사용 브라우저 구글 크롬 (시크릿 탭 모드)본인이 작성한 포스팅에 우클릭을 해보았다.아주 자연스럽게 우클릭 메뉴 상자가 열리는 모습을 볼 수 있다. 01. 블로그 관리 > 플러그인블로그 관리 탭에서 스크롤을 내리다 보면 왼쪽 메뉴에 플러그인 이라는 탭을 클릭하면 아래와 같이 다양한 플..