블로그 썸네일 쉽게 만들기

Posted by 다이하는남자
2017. 10. 31. 23:57 블로그/티스토리
반응형

썸네일은 웹상에서 대표하는 이미지라고 생각하시면 됩니다. 썸네일이 눈에 잘띄을수록 사람들 유입이 많아집니다.


누구나 만드는 썸네일 만드는 방법에 대해서 알아보겠습니다.

여러가지 프로그램으로 만들 수 있지만 파워포인트로 쉬운방법으로 알아보겠습니다.


1. 파워포인트를 실행하면 아래 화면 처럼나옵니다. 

-제목을 입력하십시오 및 부제목을 입력하십시오를 선택해서 지워버립니다.




2.홈 메뉴중에 위에서 도형을 클릭하면 여러가지 모양중에 가장 많이 사용하는 사각형을 클릭합니다.

-저는 모서리가 둥근 사각형을 선택해 보겠습니다.



3.기본적으로 shift를 누룬상태에서 마우스로 도형을 그리면 정사각형의 도형을 그릴 수 있습니다. 그냥 그리면 직사각형이 됩니다.

-처음 도형은 색깔이 아래와 같습니다. (버전에 따라 틀릴 수도 있습니다.)



4.도형을 클릭하고 마우스 오른쪽 버튼을 누루면 도형서식탭을 클릭합니다.



5.도형 서식에서 채우기 없음을 클릭하면 외곽선만 나타납니다.



6.깔끔한 썸네일을 만드려면 이렇게 하시고 선색깔하고 굵기만 다른것으로 조절하면 됩니다.



7. 두번째로 도형안에 사진을 넣을 때는 그림또는 질감 채우기 메뉴를 클릭합니다.

-하부 메뉴에서 다음에서 그림 삽입->파일을 클릭합니다. 

-이미지를 선택해서 넣으면 도형 안에 딱 들어갑니다.



8.사진을 넣었을때 하는 썸네일 방식입니다.



9. 썸네일에는 아이콘이나 사진을 넣고 글씨로 부연설명을 합니다.

- 도형을 클릭하면 첫번째에 "가"를 클릭합니다.



10. 화면에 글씨를 배치하고 (글씨체, 크기, 그림자, 중앙배열 등)을 설정합니다.



11. 완료했을때 아래와 같이 나오는 것을 볼 수 있습니다.



12. 모든 작업을 완료하면 전체를 클릭하여 마우스 오른쪽 클릭하여 그룹화를 합니다.



13. 그룹화를 완료하면 다시 선택하여 그림으로 저장을 클릭합니다.

-아래와 같이 저장할때는 png 파일로 저장하는 것이 좋습니다.




이상으로 썸네일 만드는 방법에 대해서 알아보았습니다.

유익한 정보가 되었다면 감사합니다.



반응형

애드센스 스쿨 카페를 아시나요?

Posted by 다이하는남자
2017. 10. 31. 22:48 블로그/티스토리
반응형

저는 네이버 블로그를 취미삼아 조금씩 운영 했습니다. 어느 날 제가 자주가던 블로그에서 N버를 떠난다는 글을 쓰고 광고이야기를 했습니다.

저는 그때도 이게 무슨 뜻인지 몰랐습니다. 그때 그 분이 티스토리로 이동한다는 말만 남기고 티스토리 주소를 적었습니다.


티스토리를 몇번 방문하다가 광고가 달린 것을 보았고 아 광고 수익을 벌 수 있겠다 느끼고 애드센스를 알았습니다. 저도 티스토리를 만들고 애드센스 승인 신청을 몇번을 시도 했지만 거절 당했습니다. 그 당시 승인을 위해 검색을 하다가 애드센스 스쿨 카페를 찾은 것 같습니다.


가입하고 승인이 난 후로 신세계를 경험했습니다. 이렇게 말하면 블로그로 돈을 벌 수 있다는 것은 쪽지로 오는 스팸성 글들인 줄 알았는데 그게 아니었습니다. 


네가 글을 올린것에 광고를 달고 그것에 대해 광고 수익료를 받는 간단한 구조 입니다. 애드센스 스쿨을 통해 많은 노하우와 경험담을 들으면 저의 또하나의 직업이 되었습니다. 


많은 분들의 성공 경험담들과 실질적인 키워드 검색으로 방문자가 유입 될 수 있는 환경과 구조를 만드는 작업은 주옥 같은 정보들 입니다. 카페에서 많은 정보를 받았고 저도 많은 정보를 공유하려고 노력합니다.  저는 블로그와 유튜브를 같이 하고 있습니다. 블로그 수익은 과자값 정도만 벌고 있고 유튜브 수익은 이번달은 과자값 보다 좀 더 벌었습니다. 하지만 몇년동안 꾸준히 하신분들은 직업으로 하실 정도로 많은 수익을 내고 계십니다.


제 블로그에 오신 분들도 애드센스와 티스토리를 검색하다 오신 분들도 많으시겠지만 애드센스 스쿨 카페를 가입해서 더 많은 정보와 좀 더 쉽게 블로그를 쉽게 하시면 좋을 것입니다.



애드센스 스쿨 클릭

반응형

티스토리 카테고리 펼치는 방법

Posted by 다이하는남자
2017. 9. 5. 00:05 블로그/티스토리
반응형


티스토리 본문 화면 카테고리 펼치는 방법


티스토리를 하면 카테고리가 닫혀 있어 세부 내용을 확인 하기 어려울 수 있습니다. 방문한 사람들이 블로그에 정보에 대한 관심이 줄어들 것입니다. 하지만 카테고리를 펼치면 블로그에 어떤 내용들이 있는지 궁금증이 생겨 재방문을 유도 할 수 있기 때문입니다.


아래 블로그를 보면 오른쪽에 카테고리만 나오고 세부적인것은+ 표시로 마우스를 대야 열립니다.



티스토리 관리자 모드로 들어가서 HTML/CSS 메뉴를 클릭합니다. 컨트롤+F를 눌러 카테고리 위치를 찾습니다.



카테고리를 보면

정보 (33)
생활정보 (0)
DIY (2)
리뷰 (0)
블로그 (9)
프로그램 (22)
인터넷 (0)
로 나와 있는것을 찾을 수 있습니다.




이 코드를

로 변경하고 새로고침을 눌러보면 왼쪽 화면에 블로그 카테고리가 펼쳐진것을 볼 수 있습니다. 깔끔하긴 하지만 선들이 없어 정렬이 안된 느낌이 듭니다.



아래는 카테고리 코드를 입력해서 적용한 모습입니다. 선들이 나와 정렬된 느낌이 들고 블로그 느낌이 많이 듭니다.

아래 카테고리 코드는 파일을 받아서 복사해서 불여넣으면 됩니다.


카테고리 펼치기.txt




카테고리를 펼쳐서 방문자들이 많은 정보를 봤으면 좋겠습니다. 이상으로 티스토리 카테고리 펼치는 방법에 대해서 알아보았습니다.



반응형

네이버 웹마스터 도구 사이트 맵 등록하기

Posted by 다이하는남자
2017. 9. 3. 00:05 블로그/티스토리
반응형

네이버 웹마스터 도구 사이트 맵 등록하는 방법


티스토리 블로그를 네이버에서 유입을 많게 하려면 최적화 설정을 해야 합니다. 그 중에 사이트 맵 제출을 합니다. 네이버 크롤러(네이버 전산 컴퓨터)가 블로그를 들어올때 접근 가능한 페이지의 목록을 말합니다.


사이트 맵을 만드는 곳은 여러곳이 있습니다. 그 중에 많이 알려진 곳을 알려드리겠습니다.


www.web-site-map.com


위 웹사이트에 접속해서 메인화면에 티스토리나 홈페이지 주소를 입력합니다. 입력 후 Get free CML Sitemap 클릭합니다.



클릭하면 세부 정보를 입력합니다. 보안문자입력과 Use exact value 선택하고 다른 설정은 기본으로 합니다. 

Create free XML Sitemap 클릭하여 사이트 맵을 구성합니다.



pages processed 가 완료 되면 아래 화면처럼 나오는데 download를 클릭해서 사이트 맵 파일을 받습니다.



티스토리->글쓰기 에서 파일 첨부를 클릭하고 다운 받은 사이트 맵을 첨부합니다.



사이트 맵을 첨부하면 비공개로 글을 등록합니다.




비공개 사이트 맵 글에 들어갑니다. 사이트 맵 파일 첨부에서 마우스 오른쪽 클릭으로 링크 주소 복사를 합니다.



링크 주소를 메모장이나 다른곳에 붙여넣기 합니다. 블로그 / 뒤 영문을 복사합니다.



네이버 웹마스터 도구에서 사이트맵 제출을 클릭하면 블로그 뒤 주소를 입력 할 수 있습니다. 복사한 영문을 뒤에 붙여넣습니다. 확인을 눌러 사이트맵 제출을 완료합니다.



제출이 완료되면 아래 화면처럼 제출된 사이트맵 목록에 나타난 것을 확인 할 수 있습니다.



사이트맵 등록으로 블로그에 더 많은 분들이 들어와 정보를 나눌수 있도록 하세요

이상으로 네이버 웹마스터 도구 사이트 맵 등록하기에 대해서 알아보았습니다. 


반응형

티스토리 #1 스킨 가로폭 변경하는 방법

Posted by 다이하는남자
2017. 9. 2. 00:00 블로그/티스토리
반응형

티스토리 #1 스킨 가로폭 변경하는 방법


티스토리 유저들이 반응형 #1 스킨을 많이 사용합니다. 깔끔하기도 하며 휴대기기에도 글자나 화면폭도 자유롭게 조절 할 수 있도록 할 수 있기 때문입니다. 오늘은 티스리 블로그 화면 가록폭을 변경하는 방법에 대해서 알아보겠습니다.



아래는기본 #1 반응형 스킨 820 width의 가로폭입니다. 좀 넓을 수도 있고 좁을 수도 있습니다



티스토리 블로그 관리자 모드로 들어가서 HTML/CSS 수정으로 들어갑니다. 해당 설정 메뉴에서 CSS로 들어가야지 설정을 바꿀수 있습니다.



ctrl + f로 찾기를 실행하고 article_skin 또는 skin을 검색합니다.




해당 위치가 나오면 .article_skin{width:820px;margin:0 auto}으로 표시되는 곳을 찾을 수 있습니다. widt:700일수 있습니다.

해당 숫자를 원하는 숫자로 변경합니다. 저는 640으로 변경 했습니다. 저장을 클릭하여 설정을 완료합니다.



블로그 글을 클릭하면 본문 화면 가로폭이 좁아진 것을 확인 할 수 있습니다.



이상으로 티스토리 #1 스킨 가로폭 변경하는 방법에 대해서 알아 보았습니다.



반응형

티스토리 #1 스킨 카테고리 숫자 표시하는 방법

Posted by 다이하는남자
2017. 8. 28. 00:00 블로그/티스토리
반응형

티스토리 블로그를 운영하면 가장 기본적인 반응형 스킨 #1을 많이 사용합니다. #1 스킨은 불필요한 것들을 줄이고 모던한 느낌으로 깔끔하게 디자인한 것입니다. 


하지만 카테고리에 포스팅 수가 몇개 있는지는 표시 되지 않아 불편함이 있는데카테고리에 숫자를 표시하는 방법에 대해서 알아보겠습니다.



티스토리 #1 스킨 카테고리 숫자 표시하는 방법




#1 화면에서 카테고리를 클릭하면 목록만 나오고 숫자는 표시가 없는것을 알 수 있습니다.




관리자 모드로 들어가서 HTML/CSS 수정으로 들어갑니다.  CSS를 클릭하고 컨트롤+f를 눌러 .area_navi .list_ca 를 검색합니다.



찾은 코드 설명에서  " /* 코드 내용 */  " 표시를 입력합니다.




코드를 넣기 전에 카테고리 내용입니다.



코드를 넣고 새로고침을 하면 코드 수정 내용이 적용됩니다.



저장을 누루고 메인화면에 카테고리 화면에 숫자가 나온 것을 확인 할 수 있습니다.







반응형

티스토리 사이드바 광고 하는 방법

Posted by 다이하는남자
2017. 8. 23. 00:00 블로그/티스토리
반응형


티스토리 블로그에서 다양한 방법으로 광고를 게시 할 수 있습니다. 

본문 상단 중앙 하단에 게시할 수 있고 메인 페이지 및 사이드 바에도 광고를 할 수 있습니다. 처음 광고를 설정하시는 분들은 블로그 화면 사이드바에 광고를 하는 방법이 어려울 수 있는데 티스토리는 플러그인 으로 쉽게 설정 할 수 있습니다. 블로그 사이드 방에 광고 넣는 방법에 대해서 알아보겠습니다.


티스토리 사이드바 광고 하는 방법


티스토리 블로그에서 관리자 설정 화면으로 들어 갑니다. html에서 변경 해야 하는 것들을 티스토리에서 사용자가 쉽게 변경 할 수 있도록 관리 페이지를 만들어 놓았습니다. 광고는 플러그인에서 플러그인 설정으로 들어갑니다.




플러그인 설정에서 관리 및 통계를 들어갑니다.



관리 및 통계는 다양한 기능들은 블로그에 설정할 수 있습니다. 광고 코드를 넣어야 하므로 태그 입력기를  클릭합니다.




아래와 같이 이 플러그인은 사이드바에 배치해야 사용 가능합니다. 사이드바 설정 페이지로 이동하시겠습니까? 팝업 창에 확인을 누루면 해당 플러그인이 사이드바 메뉴로 이동 됩니다.



관리자 설정 메뉴 왼쪽에서 사이드바 메뉴가 있습니다. 사이드바 메뉴 안에는 블로그 설명 등 많은 것들이 있는데 태그 입력기 + 를 누루면 오른쪽으로 모듈이 넘어갑니다.



오른쪽으로 넘어간 모듈을 클릭하면 이름 하고 치환자라고 코드를 입력할 수 있는 팝업 창이 나옵니다.

이름은 아무이름이나 설정하고 치환자 입력 칸에 광고 코드를 삽입하고 확인을 누루고 마지막 저장까지 완료하면 됩니다.




티스토리는 다양하게 광고하는 방법이 있습니다. 다른 페이지를 참고하여 다양하게 적용하는 광고를 알아 보실수 있습니다. 이상으로 티스토리 사이드바 광고 입력 방법에 대해서 알아보았습니다.

반응형

티스토리 크롬브라우저 사진첨부 플래쉬 오류 해결 방법

Posted by 다이하는남자
2017. 8. 22. 00:00 블로그/티스토리
반응형

티스토리를 할때 크롬 인터넷 창에서 사진 첨부를 했을때 플래쉬(Flash)를 설치 후 다시 시도하라고 할때 해결 방법에 대해서 알아보겠습니다.


티스토리 크롬브라우저 사진첨부 플래쉬 오류 해결 방법




아래와 같이 크롬브라우저에서 사진 첨부 오류창이 나왔을때 해결방법입니다.



크롬 인터넷창 오른쪽 위에 점 3개가 있습니다. 클릭 및 톱니바퀴 모양이 있을면 클릭한 후 설정으로 들어갑니다.



설정 메뉴에서 스크롤을 내리면 아래 부분에 고급탭이 있습니다. 고급 탭으로 들어갑니다.



고급탭 안에는 여러가지 설정들이 있는데 이 중에 콘테츠 설정 탭을 클릭해서 들어 갑니다.




콘텐츠 설정 탭안에 중간정도에 flash탭이 있습니다. flash탭을 들어가서 우선확인을 활성화 시켜 줍니다.



이 후 사진첨부를 했을때 flash 재설치 문구가 안나오면 됩니다.

위 방식으로 했어도 설치 문구가 나오면 사진 옆쪽으로 있는 아이콘 동영상을 클릭합니다.



동영상을 클릭하면 adobe flash player 글씨 부분을 클릭해서 화면에 뜨는 사용함 팝업창을 클릭합니다.

이후 다시 사진첨부를 누루면 정상적으로 첨부가 될것입니다.



이상으로 크롬 브라우저에서 사진첨부 오류에 대해서 알아보았습니다.



반응형

티스토리 네이버 웹마스터 등록

Posted by 다이하는남자
2017. 8. 18. 00:00 블로그/티스토리
반응형

티스토리 블로그 네이버 웹마스터 등록에 대해 알아보겠습니다.

네이버 웹마스터는네이버에서 검색할 경우 검색노출이 더 잘되게 하는 것입니다. 



네이버 검색창에 네이버 웹마스터도구를 입력합니다. 바로 나오는 첫번째 사이트로 들어갑니다.



네이버 아디이로 로그인을 하고 사이트 추가를 클릭합니다.



블로그의 주소를 입력하고 확인을 클릭합니다.



블로그가 자신의 것인지 확인절차가 있습니다. 가장 쉬운게 HTML태그를 삽입하는 것입니다. 태그 주소를 복사를 합니다.



티스토리에 관리자 모드로 들어가서  HTML/CSS 편집을 클릭합니다.



HTML편집창이 나오면 처음위에 나오는 HEAD/ 글자 아래에 위에 복사한 태그를 붙여넣고 저장을 합니다.



다시 네이버 웹마스터 홈페이지에 오면 사이트 소유 확인이 완료됐다는 문구를 볼수 있습니다. 이후 보안문자를 입력하고 확인을 클릭합니다.



사이트에 티스토리 주소가 입력된것을 확인 할 수 있습니다.



주소를 클릭하면 현재 사이트의 정보를 볼 수 있습니다.



메뉴중에 현황을 클릭하면 현재 티스토리가 최적화 상황인지 볼 수 있습니다. 아직 안된게 많이 있습니다. 



다시 요청메뉴에서 RSS 제출을 클릭하면 티스토리 주소 뒤에 /rss를 입력하고 확인을 클릭합니다.



아래처럼 RSS 제출이 완료되면 등록된 RSS 목록에 나타납니다.



사이트 제목이 길어서 최적화 화면에 느낌표가 나오는데 티스토리 관리자 모드 HTML/CSS 편집에서  TITLE 한개를 삭제 하면 됩니다.



모바일 사용성은 티스토리 블로그 스킨을 반응형으로 바꾸면 최적화 된 것을 볼 수 있습니다.

사이트 맵은 하는 방법이 길어 따로 정리해서 올리겠습니다.


반응형