사용법어찌?

텀블러 블로그 메뉴바에 링크 페이지 만드는 방법 : 페이지추가 (+Add a page)

2016-05-15T14:29:00.000-04:00

텀블러 블로그에서 아래 그림과 같이 메뉴바에 링크를 추가하려면, 페이지(page) 추가 기능을 사용하면 손쉽게 할 수 있다.

일반적으로 <a> 태그를 사용한 링크에서는 링크에 마우스를 올리면 브라우저 하단에 목적지 주소가 표시된다. 이 기능의 특징은 메뉴바에 표시되는 메뉴글자와 링크에 마우스를 올렸을 때 브라우저에 표시되는 주소(URL) 그리고 목적지 주소(URL)가 각각 다르다는 것이다.

아래 그림에서 보듯이, 메뉴에는 "사용법어찌"라고 표시되고, 이 링크에 마우스를 올리면 브라우저 하단에 표시되는 주소는 "comiclolz.tumblr.com/howways"이고, 링크를 클릭하였을 때 연결되는 목적지 주소는 "howways.blogspot.com"이다.

[페이지 기능으로 메뉴바에 링크를 추가한 예]

페이지(page) 기능으로 메뉴바에 링크 추가하기

=> 테마편집(Edit Theme) 창을 열고 > 왼쪽 메뉴바를 아래로 쭉 내려 맨 아래에 있는 [+ 페이지 추가 / Add a page]를 클릭하여 페이지편집(Edit page) 창을 연다

=>페이지편집창의 왼쪽 맨 위에 있는 선택상자에서 "리다이렉트 / Redirect"를 선택한다
=> 바로 그 아래의 주소창 (xxxxx.tumblr.com/)에 그림과 같이 원하는 주소를 입력한다. 이 주소는 메뉴 링크에 마우스가 올라가면 브라우저 하단에 표시되는 주소이다.
=> 그 아래의 목적지 주소 입력란 (Redirect to)에 연결될 주소를 입력한다. 메뉴바의 링크를 클릭하면 이 목적지 주소로 연결된다.
=> 편집창 오른쪽 맨 위의 선택단추를 눌러 활성화 하고 > 메뉴바에 표시 될 글자를 입력한다. 아래 그림에서는 "사용법어찌"라고 입력하였고, 위의 그림에서 보듯이 메뉴바에 "사용법어찌"라고 표시되었다.

=> 미리보기(Update Preview)를 눌러 제대로 되었는지 확인해 보고, 이상이 없으면, 저장(Save)을 눌러 저장한다.
=> 페이지 편집창의 왼쪽 맨 위에 있는 화살표를 클릭하여, 페이지 편집창을 닫고, 테마 편집창으로 되돌아 간다
=> 테마편집창에서 다시 저장(Save)을 눌러 저장을 하고 > 나가기(Exit)를 눌러 편집창을 닫는다. 이로서 블로그 메뉴바에 메뉴 추가하기가 끝났다.

[페이지 기능으로 메뉴바에 링크 추가하는 방법]

도움이 되기를 바랍니다.

방문자가 많은 블로그 유형 6가지 = 방문자에게 도움이 되는 글의 유형

2016-02-15T16:02:00.001-05:00

블로그를 운영하는 목적은 여러가지가 있겠지만 대부분의 블로거들은 보다 많은 방문자가 찾아 주기를 바랄 것이다. 사람들이 관심을 갖는 분야를 다루는 블로그에 방문자가 많은 것은 지당한 일이다. 같은 분야를 다루는 블로그들 사이에는 어떠할까?
아래와 같은 형태의 글에 보다 많은 방문자가 찾는다고 한다.

1) 방법을 알려 주는 글
사람들은 해결해야 할 일이 있을 때 인터넷을 검색하곤 하므로, 무언가를 하는 방법을 알려 주는 글에 많은 방문자가 찾게 된다.

2) 정보를 목록화 한 글
인터넷에는 온갖 정보들이 넘쳐나지만 막상 찾으려면 쉽지가 않다. 관련되는 정보가 들어 있는 홈페이지나 또는 개별 페이지들을 목록으로 만들고 간단하게라도 설명을 달아 주어 한 눈에 볼 수 있게 하면 방문자들은 시간과 노력을 절약할 수 있게 된다.

3) 정보를 취합하여 정리한 글
예컨데, 집에서 아령으로 운동하는 방법에 관한 글을 생각해 보자. 아령으로 운동을 하는 방법은 여러가지가 있다. 그 방법들을 모아서 하나의 페이지에 일목요연하게 정리를 한다면 방문자에게 유익한 글이 될 것이다.

4) 사용 또는 체험 후기
어떤 제품을 사고자 할 때 또는 어떤 곳을 방문하거나 관람하여 할 때면 누구나 어떻게 할까를 놓고 고민하게 된다. 굳이 대단한 것일 필요가 없이 일상생활에서의 제품 사용 후기나 어떤 곳의 방문기 또는 관람기 등은 방문자에게 도움이 된다.

5) 글자 보다는 그림 (인포그래픽 / Infographics)
특정한 분야의 전문성 있는 글이 아니라면 페이지의 량을 줄이고 대신에 그림으로 만들어서 직관적으로 알 수 있도록 하는 것이 좋을 것이다.

6) 동영상
정보를 담은 동영상을 제작하기가 쉽지는 않지만, 만들어 놓으면 방문자가 보다 쉽게 내용을 이해 할 수 있어 유익하다.

항목을 나누어 보면 위와 같이 또는 그 보다 더 세부적으로 나눌 수 있을 것이지만, 한 마디로 말하자면 "방문자에게 도움이 되는 글"이라고 할 수 있을 것이다.

텀블러 사용법: 사용자 정의 CSS 코드를 추가하여 테마(theme)를 꾸미는 방법

2015-12-02T03:53:00.001-05:00

텀블러 블로그의 모양새를 꾸밀 때 CSS코드를 추가하면 간단히 처리할 수 있다. 텀블러 블로그에 사용자 정의 CSS(Cascading Style Sheets)를 추가하는 경로/방법은 아래의 그림에서 보듯이 간단하다.

1. 테마(theme) 설정창 열기
> 대시보드의 오른쪽 맨 위에 있는 사람 모양 아이콘 > 항목창의 맨 아래에 있는 [Edit appearance] 를 선택하면 테마 설정창으로 이동한다

[ 텀블러 사용법: 사용자 정의 CSS 코드 추가하는 방법]

2. CSS 입력창으로 가기
> 테마설정창의 맨 아래에 있는 [Advanced options ] > 'Advanced' 설정창 맨 아래의 'ADD CUSTOM CSS' 바로 아래를 마우스로 클릭하면, 아래 그림에서와 같이, CSS 코드를 입력할 수 있는 입력란이 활성화 된다. 입력란이 작지만, 원하는 만큼 입력이 된다.

[ 텀블러 사용법: 사용자 정의 CSS 코드 추가하는 방법 ]

도움이 되기를 바랍니다.

블로그 사용법: 그림.이미지 상자 만들기와 그림.이미지 주소 찾기

2013-11-25T13:17:00.003-05:00

블로그 로고 등과 같이 그림(이미지)을 온라인상의 공간에 올려두고 그림 주소를 링크해야 할 필요가 있을 때가 있다. 온라인상에는 그림을 저장해 둘 수 있는 곳이 여러군데 있지만, 많은 수의 이미지가 아니라면, 블로그 자체에 올려두는 것이 여러모로 편한 것 같다.

블로그 자체에 올려두면, 블로그가 열리는 이상 그림도 이상없이 불려지고, 관리하기도 편리한 장점이 있다. 블로그에 그림상자를 만들고 활용하는 방법은 아래와 같이 간단하다.

1. 새로 글쓰기 창을 열어서 적당한 글제목을 붙인다.
예컨데, 그림통, 그림상자, 이미지박스.....

2. 그림을 올린다.

3. 글의 발행시각을 조절한다.
그냥 저장을 하여 발행을 하면, 현재의 날짜와 시각 즉 가장 최근의 글이 되어, 보기에 안 좋을 수도 있으므로 글의 발행날짜를 블로그 글 가운데 가장 빠른 날짜로 지정해 준다.

4. 글을 저장하고, 그림을 넣은 페이지를 연다.

5. 그림의 주소를 얻는다.
앞에서 올려놓은 그림 가운데, 그림주소를 가져올 그림위에 마우스를 올려놓고, 오른쪽 버튼을 누른다. 그러면, 아래 그림과 같이 그림의 주소를 얻을 수 있는 기능창이 열린다.

구글 크롬의 경우에는 "그림 주소 복사: Copy image URL"을 선택하면 되고
모질라 파이어폭스의 경우에는 "그림 위치 복사: Copy Image Location"을 선택하면 된다.
그러면, 클립보드에 해당 그림의 주소가 복사된다.

6. 그림주소를 붙여 넣는다.
이제 그림주소를 붙여 넣을 곳으로 가서, 마우스의 왼쪽버튼을 한 번 눌러 마우스의 포인트를 놓은 다음에,
마우스의 오른쪽버튼을 눌러 "붙여넣기(Paste)"를 선택하면된다. 또는
키보드의 [컨트롤 + P]키를 눌러도 된다.

참고: 아래의 주소는 구글 블로그 글쓰기 페이지에 그림을 올린 뒤 위와 같은 방법으로 얻은 그림 주소이다.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKXhyphenhyphenDypAwxOTAEKr-RuYXYXytHyYsaoo31kBPVMGBO14lnwIxnw6P7X7ByiHGVxiS6JfUVMous9Sxs21oDuyp4ym2Eg-AxKSrY25RZHfGPnvGWgKI6IccgpGqF2SzUV2yP7yvXHSrTbrK/s1600/howways-logo-94x94.png

이 그림주소를 글쓰기의 HTML편집 모드에서 붙여 넣으면 아래와 같이 그림이 불려지게 된다.

그림을 붙여 넣는 태그는 <img src="그림주소" height="45" width="45" />이며, 높이(height)와 너비(width)는 적지 않아도 된다.

위의 그림주소를 <img />태그 속에 넣으면 아래와 같이 된다.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKXhyphenhyphenDypAwxOTAEKr-RuYXYXytHyYsaoo31kBPVMGBO14lnwIxnw6P7X7ByiHGVxiS6JfUVMous9Sxs21oDuyp4ym2Eg-AxKSrY25RZHfGPnvGWgKI6IccgpGqF2SzUV2yP7yvXHSrTbrK/s1600/howways-logo-94x94.png" height="45" width="45" />

텀블러 사용법: 인덱스 페이지에서 트위트 공유버튼 설정 - 현재 보이는 글의 주소 단축주소 태그 인식

2013-11-25T10:59:00.001-05:00

텀블러 블로그의 홈페이지, 검색결과페이지, 태그페이지 등과 같은 인덱스페이지에서는 트위트 공유버튼이 현재 보고 있는 글의 주소를 인식하지 못한다. 현재 브라우저 주소창에 있는 주소를 인식하기 때문이다. 예컨데,

홈페이지에서는 http://sarangchaetalk.tumblr.com/
태그페이지에서는 http://sarangchaetalk.tumblr.com/tagged/건강
과 같이 인식한다.

다시말하자면, 방문자가 인덱스페이지에서 현재 보고 있는 글을 트위트로 공유하고자 트위트 공유버튼을 누르면, 해당 글의 주소가 아닌 홈페이지 주소나 태그페이지 주소 또는 검색결과페이지 주소를 인식하여 트위트로 보내게 된다. 따라서, 트위트 사용자가 해당 주소를 클릭하였을 때, 공유하고자 한 글로 연결이 되지 않는다.

트위트가 현재 보이는 글의 주소를 인식하도록 하는 방법을 설명하기에 앞서, 한 가지 생각해야 할 것이 있다. 블로그의 인덱스 페이지에 표시되는(보여지는) 글 수를 1개로 설정했을 경우에 적용이 가능하다는 점이다.

1. 아래는 트위트 사이트에서 내려받은 공유버튼 스크립트 모양이다.
<a>태그와 <script> 두 부분으로 이루어져 있다.

<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

2. 위의 <a>태그에 아래의 항목을 추가한다.

<a href="https://twitter.com/share" class="twitter-share-button" 여기에 추가하고자 하는 항목을 아래에서 복사하여 붙임>Tweet</a>

1) 현재 보이는 글의 제목

data-text="{block:Posts}{Title}{/block:Posts}"

2) 현재 보이는 글의 고유주소
(http://sarangchaetalk.tumblr.com/post/67029271997/south-australia-will-extend ..... 와 같은 모양)

data-url="{block:Posts}{Permalink}{/block:Posts}"

3) 현재 보이는 글의 줄인 주소(단축주소)
(http://tmblr.co/ZaYtJq_Lxl0M 와 같은 모양)

data-url="{block:Posts}{ShortURL}{/block:Posts}"

4) 현재 보이는 글에 붙여진 태그를 트위트 해시태그로 포함
(#신경제질서 #마르크 .... 같은 모양)

data-hashtags="{block:Posts}{block:HasTags}{block:Tags}{Tag},{/block:Tags}{/block:HasTags}{/block:Posts}"

단, 위 2)번과 3)번은 모양만 다를뿐 같은 글 주소이므로, 둘 가운데 하나만 추가해야 한다.

위에서 1)글제목 3)단축 글주소 4)해시태그 항목을 추가하면 아래와 같은 모양이 된다.
아래 부분의 <script>는 트위트에서 내려받은 그대로이다.

<a href="https://twitter.com/share" class="twitter-share-button" data-url="{block:Posts}{ShortURL}{/block:Posts}" data-text="{block:Posts}{Title}{/block:Posts}" data-hashtags="{block:Posts}{block:HasTags}{block:Tags}{Tag},{/block:Tags}{/block:HasTags}{/block:Posts}">Tweet</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

3.아래 그림은 위와 같이<a>태그를 수정하여 텀블러 블로그에 트위트 공유버튼을 넣고, 인덱스페이지에서 트위트로 글을 보냈을 때, 트위트에서 보여지는 모습이다.

도움이 되었기를 바랍니다.

텀블러 사용법: 블로그 글 날짜 지정 및 변경하기

2013-11-15T22:30:00.000-05:00

글의 날짜를 특별히 지정하거나 기존 글의 날짜를 변경할 일이 흔하지는 않지만, 필요할 때가 있다. 예전에 써놓은 글을 해당 날짜로 올리려고 하는 경우가 그러할 것이다. 블로그는 대체로 글을 쓴 날짜 순서대로 정렬이 되므로, 그렇게 함으로써 글의 시간적 위치를 맞출 수 있게 된다.

텀블러에서 날짜를 지정 또는 변경하는 방법을 새로 쓰는 글에 날짜를 지정하는 방법과 기존 글의 날짜를 변경하는 방법을 차례로 살펴보자.

1. 새로 쓰는 글에 날짜 지정하기

아래 그림과 같이 글쓰기 창에서
=> 오른쪽 맨위에 있는 기어모양의 설정아이콘을 누른다
=> 열린 설정창에서, 글 날짜(Post date)란에 원하는 날짜를 입력한다. 날짜형식은 그림과 같이 년도-월-날짜 모양(사이에 하이픈 '-')으로 입력한다
=> 다시 기어모양의 설정아이콘을 누르면 저장이 되면서 설정창이 닫힌다.

[텀블러 글 날짜 지정하기]

2. 기존 글 날짜 변경하기

기존 글의 날짜를 변경하는 방법은 두 가지가 있다. 대시보드에서 해도 되고, 블로그에서 해도 된다.
우선 대시보드에서 하는 방법을 살펴보자.

=> 대시보드의 오른쪽 메뉴바에서 글(Posts)을 눌러 자신이 쓴 글만 나열한다.
=> 변경하고자 하는 글을 찾는다

=> 글의 아래쪽에 있는 기어모양의 설정아이콘을 누른다
=> 열린 작은 창에서 편집(Edit)을 누른다
그러면 해당 글을 편집할 수 있는 창이 열린다.

=> 편집창에서 오른쪽 맨위에 있는 기어모양의 설정아이콘을 누른다
=> 설정항목 가운데 글 날짜(Post date)란에 있는 기존 날짜를 지우고, 원하는 날짜를 넣는다. 위에서 본 것처럼 연도-월-일 모양으로 하면 된다.
=> 다시 설정아이콘을 눌러 저장한다.

[텀블러 대시보드에서 기존 글 날짜 변경하기]

이번에는 블로그에서 변경하는 방법을 살펴보자.

브라우저 주소창에는 글 주소가 표시되는데, 인덱스 페이지(홈페이지나 검색결과 페이지 또는 태그 페이지 등)에서는 개별 글 주소가 표시되지 않는다.
예: 대문 페이지 => http://sarangchaetalk.tumblr.com/
예: 태그 페이지 => http://sarangchaetalk.tumblr.com/tagged/건강
예: 개별 페이지 => http://sarangchaetalk.tumblr.com/post/66934961912/seed-diversity-in-danger-of-disappearing-and-threatened

=> 태그나 검색 등으로 변경하고자 하는 글을 찾는다
=> 변경하려는 글 제목을 클릭해서 해당 글의 개별페이지를 연다. 그러면 아래 그림에서 보는 것처럼 브라우저 주소창에 "http://블로그이름.tumblr.com/post/글주소"모양으로 보이게 된다.

=> 창의 오른쪽 맨위에 있는 [편집 Eidt]을 누른다. 그러면 위에서 본 것과 같이 기존 글을 수정할 수 있는 편집창이 열린다.
=> 위에서 살펴본 바와 같이 날짜를 변경하고 저장하면, 편집창이 사라지면서 다시 해당 글이 있는 페이지로 돌아온다.

=> 열려 있는 페이지는 변경전의 상태로 불려진 것이므로, 변경된 내용이 적용되어 있지 않다. 브라우저의 새로고침(동그란 화살표) 버튼을 눌러 해당 글을 다시 불러오면, 변경된 내용이 적용되어 있을 것이다.

[텀블러 블로그에서 기존 글 날짜 변경하기]

도움이 되었기를 바랍니다.

텀블러 사용법: 글고유주소(퍼머링크: URL) 검색엔진 최적화 하기

2013-11-14T22:30:00.000-05:00

글의 고유주소(URL)는 검색엔진이 글을 찾는데 영향을 미친다고 한다. 대부분의 블로그 툴에서는 블로거가 글 주소를 작성할 수 있는 기능을 제공하고, 블로그가 글 주소를 작성하지 않을 때는 자동으로 글 고유주소를 만들어 준다.

텀블러에서는 블로거가 글 고유주소를 작성하지 않으면, 자동으로
1) 글 제목에서 영어낱말 부분만 뽑아서 연결시켜 글 주소를 만든다.
2) 영어 낱말이 하나도 없으면 숫자로 된 글 주소를 만든다.

텀블러에서 글 주소를 직접 만드는 방법을 살펴보자.
ㅇ 글 주소는 영어낱말과 숫자로 작성하여야 한다.
ㅇ 대문자를 입력하여도, 모두 소문자로 바뀐다
ㅇ 낱말과 낱말 사이에는 공백이 없어야 하고, 붙임표(' - ' 하이픈 Hyphen)로 연결하여야 한다
ㅇ 글 주소의 길이는 제한이 있는 것 같은데, 정확한 기준은 알지 못한다.

이렇게 설명을 하니, 글 주소 만들기가 무척 어렵게 느껴진다. 하지만 그렇지 않다.
ㅇ 글 주소를 영어 문장으로 하려고 하지 말고,
ㅇ 글에서 핵심낱말(키워드)의 영어 단어를 하이픈으로 연결하여 주면 좋은 글 주소가 된다.

예컨데, 글제목이 "텀블러에서 검색엔진에 최적화된 글주소 넣는 방법"이라고 하면,
그 글 주소를 영어 문장으로 만드는 것 보다는 핵심낱말인 텀블러, 검색엔진, 최적화 또는 친화적인, 글주소...에 해당하는 영어낱말을 찾아서 하이픈으로 연결하는 것이다.
=> tumblr-post-url-search-engine-friendly 와 같이 하면 된다.

글 주소를 넣는 방법은 아래와 같다.
=> 아래 그림과 같이, 텀블러 글쓰기 창에서 오른쪽 위에 있는 기어모양의 설정아이콘을 연다
=> /post/123/ 다음에 작성한 글 주소를 넣는다.

[텀블러 글 주소 넣기]

글 주소를 영어낱말로 만들어 넣으면, 아래 그림에서 보는 것처럼, 브라우저 글 주소(URL)창에 영어로 된 주소가 표시된다.

도움이 되었기를 바랍니다.

텀블러 사용법: 출처(콘텐트 소스: Content Source) 넣기 - 글이나 그림 등을 복사하여 붙여 넣을 때

2013-11-13T22:30:00.000-05:00

글을 쓰다보면 다른 사람의 글이나 그림, 오디오, 비디오 등을 넣게 될 때가 있다. 텀블러에는 가져온 내용물의 출처를 넣어주는 콘텐트 소스(Content Source) 입력기능이 있다.

출처의 주소(URL)을 복사해서 그냥 붙여 넣어도 되고, <a>원문보기</a> 등과 같이 해도 되지만, 자동으로 만들어 주니 편리하다. 방법은 아래 그림과 같이 간단하다.

1. 출처 주소 넣기

=> 글이나 그림 등을 넣고
=> 창의 오른쪽 위에 있는 기어모양의 설정 아이콘을 클릭
=> Content Source 란에 원글의 주소를 복사하여 붙여 넣는다
글쓰기를 마치고 저장을 하거나 발행을 하면 아래 두 번째 그림과 같이 링크가 생긴다.

[텀블러 블로그 출처 넣기]

2. 출처로 바로 연결되는 링크 모양

아래 그림의 윗쪽은 대시보드에서 본 모습이고, 아래쪽은 블로그에서 본 모습이다.
링크를 클릭하면 출처로 바로 연결된다.

[텀블러 글에 출처를 넣어 생긴 링크 모습]

도움이 되었기를 바랍니다.

텀블러 사용법: 트위트 연결(연동) - 텀블러의 글을 트위트로 자동으로 보내기 설정 방법

2013-11-13T06:37:00.000-05:00

텀블러에는 글이나 그림 등 자신이 올리는 내용을 트위트와 페이스북으로 자동으로 보낼 수 있는 기능이 있다. 특히 트위트와 연결이 잘 된다. 글을 올리면 글요약과 함께 곧 바로 트위트로 보내진다.

글이 지체없이 곧바로 보내지는 것도 좋은 점이고
단순히 글 제목만 보내는 것이 아니라, 글 요약을 같이 보내므로 트위트 사용자는 굳이 텀블러 블로그를 방문하지 않아도 글 내용을 대략적으로 알 수 있는 점이 참 좋다고 생각된다.

아래는 텀블러와 트위트 계정을 연결시키는 방법을 살펴본다.
단지 2단계 뿐이므로 누구나 간단하게 할 수 있다.

1. 텀블러에서 트위트 계정 연결

아래 그림에서와 같이
=> 텀블러 오른쪽 맨 위에 있는 기어 모양의 설정아이콘을 눌러 설정창으로 간다
=> 설정창의 왼쪽에서 트위트와 연결하고자 하는 계정을 선택한다

=> 창 오른쪽에 여러가지 설정항목들이 있는데, 중간쯤에 보면, 아래 그림과 같은 트위트 연결 항목이 있다
=> 체크박스에 체크를 하고, [트위트와 연결 Sign in with Twitter] 버튼을 누른다. 그러면 아래 두 번째 그림과 같이 트위트 홈페이지로 연결이 된다.

[그림: 텀블러에서 트위트 연결 설정]

2. 트위트에서 텀블러 app 승인하기

아래의 그림과 같이 텀블러 app 연결을 승인하는 트위트 페이지가 열리면,
=> 트위트 계정 이름과 비밀번호를 입력하고
=> [(텀블러) app 승인 Authorize app] 버튼을 누른다.
그러면, app가 승인되고, 창은 자동으로 다시 텀블러 설정페이지로 돌아간다.

[트위트에서 텀블러 app 승인하기]

3. 계정연결 상태 확인

창이 자동으로 위의 첫 번째 그림과 같은 텀블러 설정창으로 돌아오면,
=> 트위트 연결항목란에 아래 그림과 같이 트위트와 연결되었음이 표시되어 있다.

[텀블러와 트위트 연결상태 표시됨]

4. 트위트에서 텀블러 App 확인해 보기

위에서 텀블러 app를 승인한 내역은 트위트의 app 내역란에 표시된다.
트위트 계정에서 아래 그림과 같이
=> 설정아이콘 > 세팅(Setting) > Apps 에서 확인하면 된다.
※ 아래 그림에서 빨강색으로 표시된 [접근해지 Revoke Access]를 누르면, 텀블러 app의 승인이 취소되어 텀블러에서 들어 오는 글을 받아들이지 않게 된다.

[트위트 설정창에서 텀블러 app 확인하기]

5. 텀블러에서 트위트로 보내진 글과 요약보기

아래 그림과 같이 텀블러에서 트위트로 보내진 글에는 요약(Summary) 보기 기능이 있다. 트위트 사용자가 굳이 텀블러 블로그를 방문하지 않아도 대략적인 내용을 알 수가 있으므로, 아주 편리한 기능이다.

트위트로 글을 보낼때, 텀블러 글에 주어진 태그로 해쉬태그를 만들어서 같이 보내주면, 트위트 검색에서 노출이 쉬워지겠는데, 아쉽게도 이 기능은 아직 제공되지 않고 있다.

※ 아래 그림에서 파랑색으로 tumblr.co/ZaYtJq_G4IOc와 같이 표시된 것은 블로그 글주소(URL)을 줄여 놓은 단축주소이다.

구글블로그와 텀블러?

2013-11-12T07:01:00.000-05:00

블로그 초보로서 구글블로그에서 시작을 했다가 텀블러블로그로 옮겨 가야하나...고민이 생겼다. 까닭은 단순하고 쉬운 텀블러가 끌리기 때문이다. 물론 단순하다는 말과 쉽다는 말은 사람에 따라서 다양하게 느껴질 수 있기는 하다.

구글블로그는 아래와 같은 많은 장점과 좋은 기능을 가지고 있다.

ㅇ템플릿 디자이너(Template Designer) : 초보자도 블로그의 전체적인 짜임새(레이아웃 Layout)나 각각의 요소들에 대한 속성 지정이나...를 쉽게 할 수 있는 좋은 도구이다.

ㅇ 레이아웃(Layout): 글목록, 인기글, 구글+, 번역, 이메일로 받아보기, 접속자통계, 페이지작성, .... 등등의 편리한 가젯을 마우스 클릭만으로 원하는 위치에 쉽게 넣을 수 있다.

ㅇ 구글플러스(Google+): 블로그 글을 자동으로 구글플러스로 보낼 수 있는 기능이다.

ㅇ 통계(Stats): 페이지 뷰, 국가별, 브라우저별, 운영체제별... 등의 통계를 볼 수 있다.

ㅇ 수익얻기(Earnings): 구글 애드센스를 블로그 사이드바나 글 사이에 넣을 수 있다.

ㅇ 댓글(Comment): 글에 댓글 창을 달 수 있고, 특정한 글에만 댓글 창을 허용할 수 도 있는 등 아주 좋은 기능을 가지고 있다.

ㅇ 글쓰기(Posts):
- html 스크립트나 태그를 자유로이 넣을 수 있고, 특히 그림을 넣을 때 정렬이나 속성을 지정하는 도구가 있어 아주 편리하다.
- 각각의 글에 꼬리말(라벨, 태그) 지정, 글주소 지정, 검색엔진 메타 태그 지정, 위치정보 지정.... 등 다양하고 강력한 기능이 있다.

ㅇ 설정(Setting): 일반적인 설정외에 아주 유용한 기능이 있는데, 바로 검색엔진을 제어할 수 있는 기능이다. Custom robots.txt 와 Custom robots header tags 를 지정할 수 있다.

ㅇ 글을 쓰고 구글 검색을 해 본 결과, 구글 검색에 빠르게 반영되고 노출도 잘 되는 장점도 있는 것 같다. 많은 방문자를 원하는 블로거에게는 매우 중요한 항목이 아닐 수 없겠구나 싶다.

....... 등등, 짧은 기간에 살펴 본 것에 불과하지만, 다양한 기능들이 잘 갖추어진 좋은 블로그 툴임에는 틀림이 없다고 할 수 있겠다.

하지만, 초보자로서 느낀 단점도 있다.

ㅇ 가장 큰 것이 HTML을 다루기가 아주 어렵다는 점이다. 원하는 곳에 원하는 스크립트나 태그를 넣기가 결코 쉽지 않다. HTML 전문가들에게는 쉬운 것일지도 모르겠지만 말이다. 또한 템플릿의 HTML을 직접 수정 또는 변경하면 저장이 거의 안된다 싶을 정도로 잘 안 된다. 이게 보통 성가신 것이 아니다.

ㅇ HTML을 전문가 수준으로 잘 아는 경우에, 큰 블로그를 운영하기에는 좋을 것 같다. 전체적으로 뭐라고 할까...거창하다고 할까, 복잡하다고 할까... 일정한 틀 안에서만 사용해라... 그런 느낌이다.

위와 같은 좋은 기능을 가지고 있는 구글블로그와 단순하고 쉬운 텀블러를 놓고 고민이 시작된 것은 구글블로그의 많은 장점들 보다 몇가지 않되는 단점이 너무 크게 느껴지기 때문이다.

텀블러블로그는 상대적으로 가볍고 단순하며 쉽다는 느낌을 받는다.

ㅇ HTML 코드 편집창에서 어떤 항목을 변경하면, 그 즉시 오른쪽의 미리보기에 반영이 되는 점이 아주 좋다.

ㅇ 이미지나 동영상 뿐만이 아니라 간단한 텍스트 글을 쓰기에도 그만인 듯 하다. 글쓰기 창에 갖추어진 도구는 좀 심하게 말하자면 "거의 없다" 수준으로 느껴질 정도이지만 말이다.

ㅇ 물론 HTML을 잘 알면, 테마를 만들수도 있고 얼마든지 꾸밀 수도 있다. .....

ㅇ 텀블러가 가지고 있는 또 하나의 큰 장점은 이른바 소셜기능과 블로그가 합쳐져 있는 것이다. 검색을 하면 다른 텀블러 사용자들의 글 내용을 곧 바로 찾아서 읽을 수 있고, 좋은 글이나 그림을 클릭한번으로 공유할 수 있는 장점이 있다.

ㅇ 트위트나 페이스북과 연동을 할 수 있는 편리한 도구가 있고, 새로운 글을 올리면 그 즉시 트위트나 페이스북에 보내지며, 아울러 요약까지 첨부해서 보내준다.
................

사실상, 구글블로그와 텀블러블로그를 동일선상에 놓고 비교할 바는 아니다.
둘은 성격이 서로 다르기 때문이다. 이 글을 쓰는 것은 둘의 장단점을 비교하기 위한 목적이 아니다. 단지, 나와 같은 초보자가 블로그 툴을 선택할 때 참고가 되었으면 하는 바램에서다.

텀블러 사용법: 텍스트 글(TEXT Aa)에 색상 지정하는 방법?

2013-11-11T04:18:00.000-05:00

텀블러 블로그의 텍스트 글쓰기(TEXT Aa)에서는 글자의 색상을 지정할 수가 없다. 글을 쓰다 보면, 특정한 부분에 색상을 입히고 싶을 때가 있다. 아래와 같이 하면 조금 번거롭기는 하지만 글자의 색상을 지정할 수 있다.

간단히 말하자면, 블로그 테마(스킨에) 색상을 CSS코드로 넣어 놓고 > 글쓰기의 HTML 모드에서 지정해주는 것이다. 아래 그림을 보면 누구나 쉽게 할 수 있을 것이다.

1. 텀블러 블로그 테마의 HTML에 CSS 코드 넣기

==> 블로그 테마 HTML 편집창으로 간다
HTML 편집창을 열기는 이 글을 참조>>

=> 아래 그림에서와 같이 </style></head>을 찾아서 </style>바로 위에 CSS코드를 넣는다. 코드 형식은
" .코드이름{color:색상이름 또는 코드;} "이다.

코드이름 앞에 있는 점(.)과 color 뒤에 있는 콜론(:) 그리고 끝에 있는 세미콜론(;)에 주의하면 된다.

==> 코드이름은 기억하기 쉬운 것으로 하면된다. 다만, 다른 CSS코드와 이름이 중복되지 않아야 한다. 색상이름은 red, blue, green, yellow, silver, grey, black 등으로 지정을 해도 되고, #xxxxxx와 같이 칼라코드를 쓰도 된다.

아래의 코드를 복사해서 필요한 만큼 붙여 넣고, 이름과 색상을 자신이 원하는 대로 바꾸면된다.

.r{color:red;}

[텀블러 블로그 테마 HTML 편집창에 CSS 코드 넣기]

2. 텍스트 글쓰기에서 색상지정

==> 아래 그림에서 보는 것처럼, 텍스트 글쓰기(TEXT Aa)에서 글을 쓰는 도중이나 글을 쓴 다음에 창의 오른쪽 위에 있는 <html> 버튼을 눌러 html편집 기능으로 전환한다.

==> 색상을 지정하고 싶은 부분을 싸고 있는 <p>태그 속에 아래 그림과 같이 색상지정을 해준다. 형식은 <p class="앞에서 만든 CSS코드의 이름"> 이다.

==> <p 와 class 사이에서 스페이스바를 눌러 공백을 하나 둔다.
==> 색상코드 이름은 " " 로 둘러싼다.

글을 저장하고, 블로그에서 보면 지정된 색상이 반영되어 있을 것이다.

[텀블러 텍스트(TEXT Aa) 글쓰기에서 색상지정하기]

위의 보기에서와 같이 지정하고 나서, 블로그에서 보면 아래와 같은 모습이 된다.

[텀블러텍스트 글쓰기에 색상을 지정한 모습]

도움이 되었기를 바랍니다.

텀블러 사용법: 예쁜 태그 클라우드(태그목록) 만들기 - 위젯

2013-11-09T05:40:00.000-05:00

텀블러에 예쁜 꼬리말 목록(태그 클라우드 Tag Colud)을 만들어 붙일 수 있는 곳을 소개한다. 텀블러 꼬리말 목록을 만드는 곳은 몇 군데가 있는데, 가장 쉽고 다양한 기능을 손쉽게 설정하여 꾸밀 수 있는 곳 가운데 하나가 포스트-씨어리(Post Theory)인 것 같다.

홈페이지로 가보면 누구나 쉽게 할 수 있도록 잘 되어 있다.
페이지가 워낙 직관적이어서, 굳이 길게 설명할 필요는 없겠기에, 여기서는 아래 그림을 통하여 간단히 설명한다.

우선 아래의 링크를 따라 태그 클라우드 만드는 페이지로간다.

예쁜 태그 클라우드 만들기: Pretty Tag Cloud Maker for Tumblr>>

꾸미지 않고 깔끔한 태그 클라우드 만들기>>

[그림: 텀블러 태그 클라우드]

[그림: 텀블러 태그 클라우드 만들기 설정 방법]

도움이 되었기를 바랍니다.

텀블러 블로그, 점프-브레이크(jump-break, 글 줄임) 넣기와 'Read More'를 다른 글자나 이미지로 바꾸기

2013-11-06T15:08:00.000-05:00

블로그 글이 길 때 등과 같이 경우에 따라서는 목록에서는 글의 일부분만을 보여주고, 해당 글 페이지에서는 전부를 보여주는 것이 좋을 때가 있다. 이러한 "글 줄임" 또는 "일부만 보이기" 기능을 점프-브레이크(Jump-Break)라고들 부른다.

목록에서 보여줄 부분과 숨길부분 사이에 점프-브레이크를 넣으면, 목록에서는 점프-브레이크 윗쪽 부분만 보여지고, 대신에 "Read More"라는 링크가 생긴다. 이 링크를 클릭하면 해당 글 페이지로 이동하여 글을 모두 보여주게 된다.

점프-브레이크 넣는 방법과 Read More를 다른 낱말이나 그림으로 바꾸는 방법을 차례로 살펴보자.

1. 점프-브레이크 넣는 방법

1) 텍스트 글 쓰기
아래 그림에서 주황색으로 표시된 [텍스트 글 쓰기 Aa Text]를 누르면 두 번째 그림과 같은 글쓰기 상자가 열린다.

2) 점프-브레이크 넣기

==> 목록에서 보여줄 부분과 보여주지 않을 부분의 경계선에 마우스 포인트를 놓는다
==> 아래 그림에서 보는 것처럼 [점프-브레이크] 버튼을 누른다
그러면 그림에서와 같이 가로선과 함께 READ MORE라는 글자가 표시되고, READ MORE에는 해당 글로 이동하는 링크가 걸린다.

목록에서는 그 가로선 윗쪽만 보여지고, 해당 글의 제목이나 READ MORE에 걸린 링크를 누르면 해당 글로 이동하게 된다. 해당 글로 이동하면 가로선과 READ MORE라는 글자는 보이지 않고 글 전부가 보인다.

점프-브레이크 위치를 바꾸고 싶으면 삭제하면 된다. 잘 지워지지 않으면, 점프-브레이크 단추 옆에 있는 <html> 버튼을 눌러 HTML 편집상태에서 지우면 된다.

이전에 쓴 글에도 위와 같은 방법으로 점프-브레이크를 넣거나 지우면 된다.

2. "READ MORE"를 다른 글자나 그림으로 바꾸기

==> 아래 그림과 같이 HTML편집창을 연다
==> html 코드가 있는 편집창 안쪽의 아무곳에나 마우스를 놓고 왼쪽 버튼을 한 번 눌러 편집창을 활성화 한다

==> 키보드에서 [컨트롤 Ctrl + F]키를 쳐서, "찾기/바꾸기"창을 연다. 아래 그림에서 노란색 테두리 친 부분과 같이 찾기 창이 열린다.
==> 찾기창에 {block:More} 를 복사해서 붙여 넣고 [엔터]키를 누른다. 그러면 아래 그림에서와 같이 {block:More}가 있는 위치로 이동하게 된다.

==> 코드를 찾았으면 Read More를 지우고 원하는 낱말로 대신한다. 예컨데, "이어 읽기" "계속" .... 등. 위의 그림에서는 "이어짐>>"으로 바꾸어 놓았다.

{block:Text}
{block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{/block:Title}
<p>{Body}
{block:More}
<a href="{Permalink}">Read More</a>
{/block:More}
</p>
{/block:Text}

==> 편집창 맨 위에 있는 저장(Save)를 눌러 저장한다.
저장버튼이 안보이면 [변경내용 미리보기 Update Preview]버튼을 누른다. 그러면 편집창 오른쪽에 있는 미리보기 창에 변경된 내용이 적용되어 보여지고 동시에 [변경내용 미리보기 Update Preview]버튼 옆에[저장 Save]버튼이 나타난다.

이제 다 되었으니 블로그로 가서 확인해 보면 된다.

==> 글자 대신에 그림(이미지)을 넣고 싶으면 아래와 같이 그림(이미지) 주소를 넣어 주면 된다.

{block:Text}
{block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{/block:Title}
<p>{Body}
{block:More}
<a href="{Permalink}"><img src="그림이미지 주소"></a>
{/block:More}
</p>
{/block:Text}

※ 점프-브레이크를 넣어도, 검색엔진은 점프-브레이크로 숨겨진 부분까지 모든 글을 읽으므로, 검색에는 영향을 미치지 않는다.

도움이 되었기를 바랍니다.

텀블러 사용법: 블로그 글을 이메일로 친구에게 보내기 버튼 -피드버너 피드플레어 Email This 설정과 활용

2013-11-06T06:42:00.000-05:00

블로그 방문자가 좋은 글을 친구에게 이메일로 보내 줄 수 있는 버튼이 있다면 편리할 것이다. 텀블러는 이런 기능을 자체적으로 제공하고 있지만, 계정에 로그인해야 쓸 수 있으니, 텀블러 계정이 없는 방문자는 사용할 수가 없다. 피드버너를 이용하면 이 기능을 어디든 달 수 있다.

아래의 그림은 텀블러 블로그에 글을 이메일로 보내기 버튼을 단 모습이다.
[Email This]버튼을 누르면 아래 두 번째 그림과 같이 보고 있는 글을 친구에게 이메일로 보낼 수 있는 창이 열린다.

방문자는 받을 사람의 이메일을 입력하여 보내면, 글의 제목등이 이메일로 보내진다.
아래에서는 피드버너 설정과 코드를 받는 방법, 그리고 텀블러에 붙이는 방법을 설명한다.

1. 텀블러 블로그에 Email This]버튼을 단 모습과 이메일로 보내기 창 모습

[그림: 텀블러 블로그에 Email This 버튼을 단 모습]

[그림: Email This 버튼을 눌렀을 때, 글을 이메일로 보내는 창의 모습]

2.피드버너 설정 및 코드 받기

1. Email This 기능 활성화
아래의 첫번째 그림에서와 같이,
==> 피드버너 대시보드 > 블로그 선택 > 최적화(Optimize) > 피드플레어(FeedFlare)로 간다
==> 열린 창의 오른쪽 위에 있는 "Email This"의 체크박스 가운데 오른쪽 체크박스에 체크를 하고, 창 맨 아래에 있는 저장(Save)를 누른다.

2.코드받기
==> 창의 맨 아래(Save버튼 바로 위)에 아래 그림에서 주황색으로 표시한 것과 같이 코드를 받는 란(On Site)이 있다.
==> 드롭다운 버튼을 눌러서 박스가 열리면, 맨 아래에 있는 기타(Others)를 선택한다.

==> 그러면, 아래의 두 번째 그림과 같은 코드받기 창이 뜬다.

[그림: 피드버너 Email This 활성화 및 코드창 열기]

[그림 2: 코드창]
==> 아래 그림과 같은 코드창이 열리면
==> 스크롤 바를 당겨서 그림에서 주황색으로 표시한 것과 같은 "Generic" 코드를 복사한다.

3.코드 설명

1.기본 코드 모양
복사한 코드는 아래와 같은 모습이다. 빨강색 부분은 자신의 피드버너 계정 이름이고, 연두색으로 표시된 "POST-URL-HERE" 부분을 텀블러 블로그의 글 고정주소(PermaLinkURL) 코드로 바꾸면 된다.

<script src="http://feeds.feedburner.com/~s/Sarangchaetalk?i=POST-URL-HERE" type="text/javascript"></script>

2. 글 고유주소코드(PermaLinkURL) 변경
텀블러 블로그의 글 고정주소를 불러오는 코드는 {Permalink}이다. 그런데, 이 코드를 넣으면, 블로그 글 주소에 글자를 넣었을 때는 [Email This]버튼이 블로그에 나타나지 않는다. {Permalink}코드 대신에 아래와 같이 블로그 주소와 글고유번호 코드를 같이 넣으면 잘 작동한다.

<script src="http://feeds.feedburner.com/~s/Sarangchaetalk?i=http://sarangchaetalk.tumblr.com/post/{PostID}" type="text/javascript" target="blank"></script>

위의 코드에서 블로그 이름부분을 자신의 블로그 이름으로 바꾼다.
예) http://sarangchaetalk.tumblr.com/post/{PostID}

그러면 완성된 코드는 아래와 같다.

<script src="http://feeds.feedburner.com/~s/Sarangchaetalk?i=http://자신의 텀블러계정이름.tumblr.com/post/{PostID}" type="text/javascript" target="blank"></script>

3. 꾸미기
위의 코드를 그냥 넣으면 단순히 'Email This'라는 글자만 표시된다.
꾸미는 방법은 여러가지가 있겠지만, 여기서는 아주 단순한 방법을 설명한다.

<div style="height:20px; width:70px; border:1px solid #e1e1e1; background-color:#FBBD18; padding-left:2px;">
<script src="http://feeds.feedburner.com/~s/Sarangchaetalk?i=http://sarangchaetalk.tumblr.com/post/{PostID}" type="text/javascript" target="blank"></script>
</div>

위의 코드에서 가운데 있는 검정색 부분은 기본코드이고, 빨강색 부분은 모양을 내기 위해 추가한 <div>태그이다. 이를 설명하면 다음과 같다. 이를 참고하여 자신의 블로그에 잘 어울리도록 크기와 색상을 조절하면 된다.

height: 20px <== 테두리 높이
width: 70px <== 테두리 너비
border: 1px solid #e1e1e1 <== 테두리 선굵기는 1px, 선종류는 직선, 선색상은 #e1e1e1
background-color: #FBBD18 <== 바탕색
padding-left: 2px <== 테두리의 왼쪽끝과 글자 사이의 간격

아래 그림은 꾸미기 전과 꾸민 후의 모습이다.

4. 텀블러 블로그에 코드 넣기

위를 참고하여 코드를 만들었으면, 아래 그림에서 보는 것과 같이 HTML편집창을 열고 원하는 위치에 코드를 넣고 저장을 하면 된다.

[그림: 텀블러 블로그 HTML 편집창 열기]

텀블러 HTML창을 여는 경로는 아래 글을 참조하면 된다.
텀블러 블로그 이름(타이틀), 설명(Description) 바꾸기와 테마수정창 여는 경로 3가지

>> 피드버너 사용법 글 목록

도움이 되었기를 바랍니다.

텀블러 사용법: 블로그 이름(타이틀), 설명(Description) 바꾸기와 테마수정창(HTML 편집창) 여는 경로 3가지

2013-11-05T07:44:00.000-05:00

텀블러 블로그의 이름(타이틀) 변경은 블로그 테마(스킨) 수정창에서 할 수 있다.
아래의 첫번째 그림에서 보는 것처럼, 테마 수정창의 윗쪽에 블로그 이름(타이틀)과 설명(디스크립션) 수정란에서 바꾸면 된다.

테마 수정창으로 가는 경로는 아래의 두번째, 세번째, 네번째 그림에서 보는 것처럼 3가지 방법이 있다.

첫번째 방법은 텀블러 대시보드의 오른쪽에 있는 수정하기(Customize)를 누르면 테마수정창으로 이동한다.

두번째 방법은 텀블러 대시보드 > 설정아이콘 > 설정창 > 블로그 선택 > 테마수정(Theme Customize) 버튼을 누르면 테마 수정창으로 이동한다.

세번째 방법은 블로그의 오른쪽 맨 위에 있는 스패너모양이 그려져 있는 테마수정(Customize) 버튼을 누르면 테마수정창으로 이동한다.

[블로그 테마수정창]

[경로 1]

[경로 2]

[경로 3]

※ 블로그의 이름(타이틀)은 자유롭게 바꿀 수 있다. 블로그 이름을 바꾸어도 블로그 주소(URL)는 바뀌지 않는다. 블로그 주소를 바꾸려면 위의 세번째그림(경로 2)과 같이 이동하여, URL(주소)를 변경해야 한다.

주소는 다른 사람이 사용하고 있지 않은 것으로만 바꿀 수 있다. 주소를 바꾸면, 검색엔진 등에 등록된 이전의 글 주소로는 블로그를 찾아 올 수 없게 된다.

블로그 이름과 주소는 잘 생각해서 만들고, 특별한 경우가 아니면 바꾸지 않는 것이 좋지 않을까 한다.

도움이 되었기를 바랍니다.

검색엔진 최적화 SEO : 글 제목과 방문자 수의 핵심 비밀 3 가지 - 블로그 글 제목 붙이는 방법

2013-10-14T07:02:00.000-04:00

블로거는 가급적이면 방문자 수를 늘리고 싶어 할 것이고, 그러다 보니 여러가지 묘안들이 나오고 있다. 그 가운데서 글제목에 숨겨진 비밀을 핵심만 간략하게 정리해 보자.

글 제목이 중요한 이유는 크게 2가지로 나누어 생각해 볼 수 있겠다.

먼저 하나는, 검색엔진에 최적화 되어 노출이 잘 되도록 하는 것이고
둘은, 검색하는 사람의 눈에 잘 띄면서도 읽어 보고 싶은 마음이 들게 하는 것이다.

이러한 두 가지 요건을 모두 충족시키기는 글 제목을 만들기는 그리 쉽지 않은 일이지만, 대체로 아래와 같은 항목들을 고려하여 작성하면 좋을 것 같다.

1. 글 내용을 함축하자.

글 제목만 보고도 글의 내용이 무엇인지 짐작할 수 있도록 글 내용을 함축하는 제목을 붙이도록 하자. 단순히 방문자를 늘리기 위해, 글 내용과 상관도 없는 흥미 위주의 글 제목을 다는 것은 절대로 하지 않도록 하자.

2. 짧고 흥미 있게 하자.

검색결과에 노출이 되었을 때, 검색자의 눈에 쉽게 들어 오면서도 흥미를 끌 수 있도록 다음 항목들을 고려하여 짧게 작성하자.

ㅇ 주목을 받을 수 있는 낱말 사용
ㅇ 글 내용에 들어 있는 키워드 사용
ㅇ 숫자를 사용
ㅇ 사람 이름이나 브랜드명 사용

3. 질문형식이나 대답형식으로 하자.

질문형식이나 무언가 궁금한 것에 답을 주는 형식의 제목을 달면, 같은 궁금증을 가진 사람과 대답을 해줄 생각이 있는 사람들이 방문할 가능성이 높아질 것이다.

무엇보다 중요한 것은, 세상 만사가 다 그렇듯이, 한마디로 '정성'이 아닐까?

>> 검색엔진 최적화 SEO - 글제목 (포스트 타이틀)을 키워드로 작성해야 할 절대적 중요성

텀블러 사용법: 글 발행 예약기능 큐(Queue) 설정 및 사용 방법

2013-10-13T11:20:00.000-04:00

왠만한 블로그는 글의 발행 시각을 예약하는 기능이 있다. 대체로 날짜와 시각을 지정하는 방식이다. 텀블러는 이러한 통상적인 예약기능에 더하여, 좀 특별한 기능을 가지고 있다.

텀블러에서는 정확한 시각을 설정하지 않고, '몇 시부터 몇 시까지'라는 방식으로 시간의 범위를 지정하고, 그 시간 안에 몇 개의 글을 발행할 지를 지정하면, 텀블러 시스템이 자동으로글을 분산 발행하는 기능(큐: Queue)을 가지고 있다.

큐 기능으로 예약할 수 있는 글은 총 300개이며, 하루에 발행할 수 있는 글은 50개이다. 아래는 자세한 설정 방법이다.

1. 텀블러 설정창 열기

텀블러 대시보드의 맨 위쪽에 있는 기어 모양의 설정 아이콘을 클릭하여 설정창을 연다.

2. 블로그 설정창 열기

그림과 같은 설정창이 열리면, 설정창의 맨 아래에 자신의 블로그들이 있다.
그 가운데서 설정하고자 하는 블로그를 선택하여 그 블로그 설정창을 연다.

3. 블로그 예약기능 설정

블로그 설정창이 열리면, 아래로 중간쯤에 그림과 같이 예약설정(Queue)과 기준시간(TimeZone)을 설정하는 곳이 있다.

큐(Queue) 설정에서 글 수(post)와 시간 범위를 지정한다.
아래의 그림과 같이 설정하면, 오전 3시 부터 5시 사이에 매일 2개씩 글이 자동 발행된다.
예컫데, 예약된 글이 10개가 있다면, 매일 지정된 시간대에 2개씩 발행하여, 5일간 발행되는 것이다.

3시부터 5시까 2시간의 간격에서 글을 어떻게 분산하는가는 텀블러 시스템이 알아서 설정한다.

기준시간(TimeZone)은 큐에서 설정한 시각의 기준이 되므로 잘 헤아려서 하면 된다.

4. 글 발행 예약 설정

이제 설정이 끝났으니, 다시 대시보드로 와서 글을 쓰고, 아래 그림과 같이 예약설정을한다. 자기가 쓴 글이 아닌 다른 사람의 글도 리블로그 할 때, 예약설정을 할 수 있다.

5. 글 예약 상황 표시

글에 예약설정을 하고나서, 대시보드의 오른쪽 위에 있는 상황판을 보면, 그림과 같이 예약된 글(Queue 2개)이 표시된다.

예약표시된 곳을 클릭하면 아래의 " 6. 예약글 관리"의 그림과 같은 예약글 관리창이 뜬다.

6. 예약글 관리

ㅇ 그림의 왼쪽을 보면, 2개의 글이 발행될 예약 시간이 표시되어 있다. 이 시간은 텀블러 시스템이 자동으로 분산 설정한 것이다.

ㅇ [Publish]를 클릭하면, 예약된 글이지만 지금 발행된다.
ㅇ [십자모양의 화살표]를 마우스로 끌어서 위/아래로 움직여 글의 순서를 바꿀 수 있다.

ㅇ [윗쪽을 향한 화살표]를 클릭하면 해당 글이 맨 위로 올라간다.
ㅇ [기어 모양의 아이콘]을 클릭하면, 아래 그림과 같이 글 내용을 수정(Edit)하거나 삭제(Delete)할 수 있다.

[ 참고: 글 발행기능 ]

ㅇ Publish now : 지금 발행
ㅇ Add to queue : 큐 기능으로 발행
ㅇ Publish on... : 일반적인 블로그에서와 같이 날짜와 시각을 지정하여 글을 예약발행
ㅇ Save as draft : 임시저장
ㅇ Private : 글을 지금 발행은 하되 비공개로 발행
ㅇ Preview on blog : 블로그에서 미리보기

도움이 되었기를 바랍니다.

텀블러 사용법: Tumblr 모바일 테마 - 제작 수정 적용하기

2013-10-06T10:09:00.000-04:00

텀블러는 기본적으로 모바일 테마를 지원하고 있지만, 이에 더하여 사용자가 모바일 테마를 제작하거나 수정할 수 있는 기능을 지원한다. 이 기능은 페이지(Page) 기능을 통해서 할 수 있도록 되어 있다.

모바일 테마를 사용자가 제작하거나 수정할 수 있으므로, 로고나 구글 애드센스(Google Adsense)도 넣을 수 있음은 물론이다.

우선 텀블러에 로그인하여 자신의 블로그로 이동한다.

1. 블로그의 오른쪽 상단에 있는 스패너 모양의 툴바(Customize)를 클릭하여 블로그 설정창을 연다.

2.왼쪽 그림과 같은 블로그 설정창이 열리면,

=> 왼쪽의 설정창에서 중간쯤에 있는 페이지(PAGES)를 클릭하여 연다.

=> 열린 페이지 박스 바로 아래에 있는 [ + Add a page ] 를 클릭하여 페이지 만들기 창을 연다.

2.아래쪽 그림과 같은 페이지 만들기 창이 열리면

=> 제일 위쪽에 있는 [Standard Layout]클릭하여 [Custom Layout]을 선택한다.

=> Page URL 란에 " iphone-theme "을 입력한다.

=> Show a link to this page 의 체크를 푼다(체크표시가 없게 한다).

=> 아래쪽의 Custom HTML 이라고 표시된 큰 입력박스에 모바일용 테마를 입력한다(복사하여 붙여넣으면 된다).

=> 창의 맨아래 왼쪽에 있는 [ Create page ]를 클릭한다. 그러면 잠깐 뒤에 페이지가 만들어지면서, [Create page ]가 [ Save ]로 바뀐다. 이제 [ Save ]를 클릭하여 저장한다.

3.다시 블로그 설정창에서, 페이지(PAGES)란을 보면 [ /iphone-theme ]라는 테마 페이지가 만들어져 있음을 볼 수 있다.

4.그러면 바로 그 아래에 있는 [ ADVANCED ]를 클릭하여 연다.

=> 두 번째 체크박스에 체크한다.
※ 최적화된(사용자가 작성 수정한) 모바일 테마를 사용함(Use optimized mobile layout)

5.설정창의 맨 위 오른쪽에 있는 [ Save ]를 클릭하여 저장을 하고, 바로 옆에 있는 [Close]를 클릭하여 설정창을 닫는다.

이제 모바일 기기로 텀블러 블로그에 접속하면, 자신이 작성 수정한 테마가 적용됨을 볼 수 있을 것이다.

☞ 모바일 스킨을 수정할 때, 실제로 모바일 기기로 접속하여 확인하면서 해도 되겠지만, 컴퓨터상의 웹브라우저에서도 모바일 기기에서 어떻게 보이는지를 확인할 수 있다.

도움이 되었기를 바랍니다.