검색로봇 robots.txt 이용하여 웹사이트 노출하기

웹사이트나 홈페이지를 만들고 나면 네이버나 구글, 다음과 같은 포털사이트에 검색이 되도록 꼭 해야되는 절차가 있습니다. 바로 robots.txt를 루트(root)폴더에 만들어 검색로봇이 잘 수집해가도록 해야 하는데요. 이미지만 있는 사이트에서는 로봇이 모두 가져가라고 전체 허용만 하면 끝이지만, 회원정보가 있는 사이트에서는 보안 때문에 모두 허용해서는 안됩니다. 한번 알아보도록 하죠. ■ robots.txt 작성법 예를들어 http://hunit.tistorycom/robots.txt를 주소창에 검색하면 검색이 되도록 루트폴더에 txt문서를 만들어아래와 같이 작성합니다. 1. 모든 검색로봇 접근 허용User-Agent : *Allow : / 2. 모든 검색로봇 접근 차단User-agent : *Disal..

• format_list_bulleted 블로그란
• · 2017. 2. 3.
• textsms

티스토리 SyntaxHighlighter 코드자동변환 프로그램

티스토리나 네이버블로그에 소스코드를 이쁘게 올리려면 보통 SyntaxHighlighter를 쓰거나 ColorScripter 프로그램을 쓰는데요. 저는 요즘 전자인 SyntaxHighlighter를 사용하고 있습니다. 장점이라면 라인번호가 보이나 복사시 라인번호는 같이 안딸려와요. 그리고 테마가 여러가지 있어서 사용자의 입맛대로 사용할 수 있다는 점? 단점은 글 작성시 태그 안에 코드를 넣어줘야 하는데 태그가 겹칯는지 그냥 넣었을시 HTML코드에 맞지 않아 이상하게 보이는 경우가 간혹 있습니다. 그래서 그 단점을 해결해 주는 프로그램이 있죠. 출처는 : http://emflant.tistory.com/42 입니다. 사용해보니 너무 좋아서요^^ 다운로드 : 프로그램을 다운받아서실행시킨 모습입니다. 사..

• format_list_bulleted 꾸미기
• · 2017. 2. 2.
• textsms

카카오 인코더〃MP4 파일 webm 파일로 변환

홈페이지 작업 중 배경에 사진 말고 동영상을 넣어야 할 때가 있습니다. 저 같은 경우 각 브라우저 별로 동영상 파일을 지원 하는 타입이 달라 인코딩을 하였습니다. HTML에서 지원하는 동영상 타입은 다음과 같습니다. MP4 : 익스플로러 9이상 / 크롬 / 사파리 / 안드로이드WebM : 파이어폭스 / 오페라OGG : 크롬 / 파이어폭스 / 오페라Flash : 익스플로러 6~8 MP4 파일과 WebM 파일 2개를 준비하면 보통 대부분의 브라우저에서 잘 돌아가니 기존에 가지고 있던 MP4파일을 카카오 인코더를 이용해 WebM파일로 변환하도록 하겠습니다. ■ 카카오 인코더 설치 먼저 이 곳을 눌러 카카오 인코더를 다운 받습니다. 무료 소프트웨어이니 안심하시고 설치~!! 설치가 완료 되면 자동으로카카오 인코더..

• format_list_bulleted 꾸미기
• · 2017. 1. 9.
• textsms

티스토리 SyntaxHighlighter 테마/브러쉬 변경

이전 글 티스토리에 SyntaxHighlighter 적용하는 방법 글과 이어지는 관련 글입니다. 그래서 이번 글에서는 소스코드를 보기 좋게, 편하게 하기 위한 플러그인인 SyntaxHighlighter 의 테마와 브러쉬를 변경하는 방법을 설명하는 글이 되겠습니다. ■ 테마 변경SyntaxHighlighter 테마는 7가지 종류가 있습니다. 각자 마음에 드는 테마를 골라 사용하시면 되겠습니다.먼저 공식주소는 http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/ 여기서 보시면 되구요.티스토리 관리자모드 HTML/CSS 편집화면에서 해당 스크립트를 복사 붙여넣기 하면 됩니다. 1) Default 2) Django 3) Eclipse 4) Emacs 5) Fa..

• format_list_bulleted 꾸미기
• · 2016. 12. 9.
• textsms

티스토리 SyntaxHighlighter 적용하는 방법

티스토리에 글작성할 때 그동안 Color Scripter로 소스를 올렸었는데, 반응형 스킨이라서 그런지 몰라도 제가 원하는대로 수정하기 힘들어서 바꾸고 싶어졌습니다. 그래서 알아보다가 한번 적용 시켜본 소스코드 플러그인이 SyntaxHighlighter입니다. 설명에 앞서 일단 적용부터 시켜볼게요. 많은 말이 필요 없습니다. 사람들이 왜 이 플러그인을 사용하는지 써보면 알겠더라구요. But~ 하지만 혼자서 적용하기엔 좀 까다롭기 때문에 잘 보고 따라하셔야 됩니다. ■ 적용방법 - 주소링크 http://alexgorbatchev.com/SyntaxHighlighter/download/ 에 들어가서 위 사진에 빨간색 화살표가 가르키는 Click here to download를 클릭하여 다운로드를 받습니다. ..

• format_list_bulleted 꾸미기
• · 2016. 12. 9.
• textsms

웹사이트에서 포토샵처럼 이미지 반투명 편집하기

웹사이트를 제작하다보면 로고파일을 만들때 글자만 남겨놓고 배경은 반투명으로 편집할 필요가 있습니다. 포토샵이 있다면 그걸로 사용해도 되지만 저처럼 포토샵을 쓸 일이 별로 없는 사람은 참 난감합니다. 그럴때 웹에서 포토샵 기능을 지원해주는 사이트가 있는데 아주 유용합니다. 이번 글에서는 로고파일을 만들기 위해 이미지를 반투명 편집해보겠습니다. 먼저 첫번째 절차는 사이트 주소 : http://pixlr.com/editor 에 접속합니다. 접속하면 처음에 4가지 중에 1개를 선택하라고 뜨는데요.저는 기존에 다운받았던 이미지를 사용하기 때문에컴퓨터로부터 이미지 열기를 선택했습니다.선택은 자유~~ 이미지를 불러 오셨으면배경 반투명 작업을 위해마술봉을 클릭한다음 배경을 클릭해줍니다.추가적으로 더 클릭해야 되는건 S..

• format_list_bulleted 꾸미기
• · 2016. 9. 29.
• textsms