글씨크기 조절 버튼달기

유용한팁 2008/08/31 13:28
블로그에 글씨크기를 줄이고 늘리는 버튼을 달수 있습니다.

1. 먼저, 아래의 소스를 <body>위에 삽입합니다.
<!-- 글씨 크기 늘리기 줄이기 요기부터 -->

<script type="text/javascript">

var CurrentFontSize = 10
var CurrentLineHeight = 10

function SetFontSize(SizeFlag) {
obj = document.getElementById("chgsize")

if (SizeFlag == 'B') {
CurrentFontSize = CurrentFontSize + 1
CurrentLineHeight = parseInt(CurrentFontSize*1.5)
obj.style.fontSize = CurrentFontSize + "pt"
obj.style.lineHeight = CurrentLineHeight + "pt"}

else {
if (CurrentFontSize>0) {
CurrentFontSize = CurrentFontSize - 1
CurrentLineHeight = parseInt(CurrentFontSize*1.5)}
obj.style.fontSize = CurrentFontSize + "pt"
obj.style.lineHeight = CurrentLineHeight + "pt"}}

function SetSummarySize() {
if (strlength == 'strshort') {
document.getElementById("img_more").Style.display = 'none';}}

</script>
<!-- 글씨 크기 늘리기 줄이기 요기까지 복사-->

2. 그다음 아래와같은 소스를 글씨크기 조절 버튼을 설치할 적당한 곳에 삽입합니다. +,- 표시는 이미지로 대체하셔도 됩니다.
글씨크기<a href=javascript:SetFontSize('B')>+</a><a href=javascript:SetFontSize('S')>-</a>

3. 마지막으로 글씨크기가 변경될 영역을 선택해줍니다.
<span id="chgsize">                      
[ # #_article_rep_desc_# # ] <-- 요 부분을 찾아서 앞 뒤로 <span>태크를 넣어 줍니다.
</span>

'유용한팁' 카테고리의 다른 글

심심할때 찾는 사이트  (0) 2008/08/31
글씨크기 조절 버튼달기  (2) 2008/08/31
간단한 블로그팁 '글주소 설정'  (3) 2008/08/29
오페라 브라우저 글중첩 버그 해결 꼼수  (0) 2008/08/29
Posted by 웹눈
TAG 글씨크기 조절 버튼, 블로그팁
트랙백 0개, 댓글 2개가 달렸습니다

간단한 블로그팁 '글주소 설정'

유용한팁 2008/08/29 15:33
글주소 설정으로 검색엔진 최적화 하는 블로그팁에 대하여 알아보겠습니다. 먼저, 글주소 설정이란 아래그림처럼 글을 내보낼때 사용되어지는 주소를 설정하는 것입니다.
글주소 설정모습

이곳 설정을 위의 그림처럼 '문자를 사용합니다'에 체크합니다. 이유는 아래 그림에 나와있습니다.
구글 검색엔진 검색결과

위 이미지는 제 블로그에 '이미지 태그 검색' 이라는 검색어로 들어온 리퍼러를 따라 가보았을때 나온 구글 검색엔진 결과 페이지입니다.

위의 그림에서처럼 검색 키워드인 '이미지','태그','검색' 이라는 단어가 굷게 표시되어 있지요? 그런데 자세히 보시면 녹색으로된 주소부분에도 위의 검색 키워드가 굷게 표시되어 있는걸 보실수 있습니다.

즉, 웹주소도 검색결과에 상당한 영향을 미치므로, 키워드로 구성되어지면 그만큼 검색엔진 최적화에 도움이 됩니다.

요약하자면..
1. 글주소 설정을 '문자로 사용합니다' 로 설정합니다.
2008/08/27 - [검색엔진최적화/공동 최적화 작업] - 검색엔진 최적화의 기본 '사이트맵 제출하기'
2008/08/27 - [블로그팁] - 블로그팁 - 제목 고르기
2008/08/25 - [블로그팁] - 블로그팁 - 타이틀 태그 변경으로 방문자 늘리기
2008/08/24 - [블로그팁] - 블로그 팁 - rss 공개 설정으로 방문자 늘리기

'유용한팁' 카테고리의 다른 글

글씨크기 조절 버튼달기  (2) 2008/08/31
간단한 블로그팁 '글주소 설정'  (3) 2008/08/29
오페라 브라우저 글중첩 버그 해결 꼼수  (0) 2008/08/29
스트레스를 해소 해주는 소리  (2) 2008/08/28
Posted by 웹눈
TAG 검색엔진 최적화, 블로그팁
트랙백 0개, 댓글 3개가 달렸습니다

유용한 블로그 애드온 & 툴 모음

유용한팁 2008/08/28 12:01
이번 블로그팁에서는 블로그에 유용한 애드온과 툴을 서비스하고 있는 사이트에 대해서 알아보겠습니다.

블로그팁 애드온 툴 모음
1. Zoho Creator - 포럼을 형성해야 할 필요를 느끼셨던 분은 웹 포럼을 형성할수 있는 애드온을 서비스를 이용해보세요. Zoho Creator는 직접 애드온의 레이아웃을 꾸밀수 있고, 용량 제한이 없으며, 방문자가 파일을 첨부하여 포럼에 참가할수 있습니다.

투표
2. Outbrain Ratings - 이곳은 방문자가 포스트의 점수를 매길수 있도록 해주는 애드온입니다. 예를들어서 방문자로 하여금 영화에대한 평을 줄수 있도록 해줍니다.


투표 애드온
3. Skribit - 앞서 1번과 같은 훌륭한 피드백 도구입니다. 사용자로 하여금 투표에 참여하게 할수 있습니다. 예로, 질문을 "이 블로그에서 다루어 주었으면 하는 정보", "어떻게 해야 블로그의 방문자를 늘릴수 있을까요?" 와 같이 설정하고 제안을 몇개 제시하여서 이에 방문자들로 하여금 투표에 참여할수 있게 할수 있습니다.

방문자 애드온
4. who.amung.us - 이 애드온은 다들 아실거라 생각이 드네요. 이 애드온은 블로그의 방문자가 어느 포스트를 읽고있는지와 방문자의 수를 나타내어 줍니다. 가입이 필요없으며, 각 포스트별로 몇명의 방문자가 있는지도 알려줍니다.

야후 미디어
5. Yahoo! Media Player - 주로 음악을 다루는 블로그라면 한번 눈여겨 봐보세요. 놀라운 애드온입니다. 야후의 미디어 플레이어는 페이지에 있는 모든 mp3의 링크주소를 자동으로 추적하여 링크 클릭시 페이지내에서 뮤직 플레이어를 실행합니다.

'유용한팁' 카테고리의 다른 글

플래쉬 다운받는 프로그램  (0) 2008/08/28
유용한 블로그 애드온 & 툴 모음  (3) 2008/08/28
무료 이미지 호스팅 사이트  (1) 2008/08/28
바탕화면 아이콘 크기 변경하기  (2) 2008/08/27
Posted by 웹눈
TAG 블로그팁
트랙백 0개, 댓글 3개가 달렸습니다

블로그팁 - 제목 고르기

유용한팁 2008/08/27 16:17

블로그팁
포스팅을 할때 글에 맞는 제목을 어떻게 지어야 할지 고민은 되고.. 그렇다고 검색엔진 최적화에 중요한 제목(타이틀)을 아무렇게나 지을수도 없는 노릇이니.. 이를 어떻게 해결하면 잘했다고 소문이 날까요?

이럴때는 이 방법을 한번 사용해보세요. 간단하면서도 검색엔진 상위 노출에 도움이 되는 방법입니다.

먼저, 방문자가 어떤 검색어를 치고 내 블로그에 방문할지 생각해봅니다. 키워드 2~3개정도가 생각나셨다면, 검색엔진에서 그 단어로 검색을 해보세요.

그럼 그 키워드로 구성된 검색결과가 나오겠죠? 상위노출된 검색결과의 타이틀에서 힌트를 얻어서 제목을 작성하면, 검색엔진 최적화에도 도움이되고, 제목을 어떻게 지어야하는지 답답함도 해결해주니 일석이조가 되겠습니다.

이때에, 검색결과는 웹문서 검색결과를 이용하세요. 왜냐하면 블로그 검색결과는 연관성이 가장 높은 포스트가 노출된다기보다 연관성있는 가장 최신의 포스트가 노출되기 때문입니다.

'유용한팁' 카테고리의 다른 글

검색엔진 최적화의 기본 '사이트맵 제출하기'  (1) 2008/08/27
블로그팁 - 제목 고르기  (1) 2008/08/27
파일 변환해주는 사이트  (0) 2008/08/26
저작권없는 이미지 무료로 사용가능한 사이트 50선  (2) 2008/08/26
Posted by 웹눈
TAG 블로그팁
트랙백 0개, 댓글 1개가 달렸습니다.

블로그팁 - 타이틀 태그 변경으로 방문자 늘리기

유용한팁 2008/08/25 21:55

타이틀 태그 변경으로 방문자 늘리기



타이틀 키워드 배치를 바꾸어서 방문자를 늘리는 방법(검색엔진 최적화) 하는 방법을 알아보는 블로그팁입니다.

먼저 왜 타이틀의 키워드 배열이 중요한가에 대해서는 아래 그림을 보시면 빠르게 이해하실수 있습니다.
블로그팁

위 그림은 '블로그팁'으로 검색했을시 구글의 웹문서 검색결과입니다. 위에서 빨간색으로 표시된 1번이 바로 브라우저 제목값 즉 <title></title> 태그 안에 위치한 값입니다.

그 다음에 빨간색으로 표시된 2번을 보시면 '블로그팁' 이라는 검색 키워드와 문서의 매치되는 부분이 표시되고 있습니다.

타이틀 태그에 전략 키워드를 얼마나 효율적으로 배치하느냐에따라 검색 결과에 상위노출이 되느냐 아니면 뒤로 밀려나느냐가 결정되어 집니다.('검색엔진 최적화 - 타이틀 영역에 효율적인 키워드 배열' 포스팅을 참조해주세요.)

저번에 포스팅한 '타이틀 영역에 효율적인 키워드 배열' 에서도 언급했듯이 타이틀 부근은 전략 키워드로만 구성되는것이 검색엔진 최적화에 도움이 됩니다.

즉, 쉽게말해 포스팅할때 정하는 제목값이 타이틀 값이 되는것이 좋겠죠?(물론 이때에는 제목을 정하실때 전략키워드 중심으로 구성해야 효과가 있습니다.)

대부분의 블로그 스킨을 보면 <title> 태그안에 <title>[/##_title_##/] :: [/##_page_title_##/]</title> 값으로 되어있을겁니다.(최악의 경우 [/##_title_##/]만 존재..)

이 부분을 <title>[/##_page_title_##/]</title>로 바꾸어 줍니다.([/##_title_##/]부분 삭제)

이렇게 하면 브라우저 제목값을 포스팅의 제목값으로 변경해주며, 문서와의 연관성도 높여주므로 결과적으로 검색엔진 최적화에 도움이 됩니다.
% / <- 이부분은 실제로 없는 부분입니다.
요약하자면..
1. 블로그 스킨 변경 -> style.html 변경 부분에서 <title>[/##_title_##/] :: [/##_page_title_##/]</title> 부분을 -><title>[/##_page_title_##/]</title>로 변경한다.(삭제)


'유용한팁' 카테고리의 다른 글

포토샵 브러쉬툴 무료로 다운받을수 있는 사이트  (0) 2008/08/26
블로그팁 - 타이틀 태그 변경으로 방문자 늘리기  (3) 2008/08/25
2차 도메인 연결 가능한 무료 웹호스팅  (0) 2008/08/25
블로그팁 - 검색엔진에 최적화된 스킨은?  (0) 2008/08/24
Posted by 웹눈
TAG 검색엔진 최적화, 블로그팁
트랙백 0개, 댓글 3개가 달렸습니다

블로그팁 - 검색엔진에 최적화된 스킨은?

유용한팁 2008/08/24 22:53

검색엔진에 최적화된 레이아웃은 따로 존재한다? 어쩌면 맞는 말일수도 있습니다. 이유는 검색엔진 로봇이 사이트를 크롤링하는 순서때문입니다.

검색엔진 최적화, 블로그팁

검색로봇이 사이트를 크롤링하는 순서를 화살표로 나타낸 모습.


위 그림에서 화살표는 검색로봇이 사이트를 크롤링해가는 모습을 나타낸것입니다.
최상단 좌측부터 우측 하단영역 순으로 크롤링해간다는 것을 알수 있습니다.

실제로 제 '웹눈' 블로그가 구글에 노출되기 시작한 페이지는 '테그' 페이지였습니다. 구글봇이 제 블로그 좌측 상단에 위치한 '테그' 링크를 먼저 타고 들어가서 사이트를 크롤링 한것이지요.

따라서 상단에는 '테그'와 같은 링크를 달아서 검색로봇이 최대한 많은 페이지를 크롤링 해갈수 있도록 하는것이 좋으며, 위의 그림과 같이 컨텐츠 영역은 좌측에, 그리고 나머지 사이드 영역은 오른쪽에 위치한것이 좋다고 볼수 있겠습니다.
(이하 아래는 여담입니다.)
하지만 3단 레이아웃이나 사이드바가 왼쪽에 위치한 레이아웃을 사용하고 계시는 블로거님들은 낙담하지 마세요. 제가 생각하는 검색엔진 최적화의 가장 좋은 방법은 질 좋은 컨텐츠의 생산입니다. 즉, 질 좋은 컨텐츠의 생산이 검색엔진 최적화의 가장좋은 방법이다. 라고 할수 있겠습니다.

우리가 검색엔진 최적화를 하는 이유는 애써 만든 컨텐츠들이 좀더 효율적으로 노출되기를 원하기 때문입니다. 그리고 이것은 여담입니다만, 검색엔진 최적화에 정답은 없습니다. SEO들이 오랜 시간을 들여 노력끝에 얻어낸 설득력있는 가설(?)일 뿐입니다(가설을 증명해주는 결과들도 많았습니다).

검색엔진 최적화에 너무 연연해 하지 마시기 바랍니다. 저는 그저 검색엔진 최적화나 블로그팁들이 블로그를 운영하시는 분들에게 도움이 되었으면 하는 바람입니다.

'유용한팁' 카테고리의 다른 글

2차 도메인 연결 가능한 무료 웹호스팅  (0) 2008/08/25
블로그팁 - 검색엔진에 최적화된 스킨은?  (0) 2008/08/24
검색엔진 최적화 - '타이틀 영역에 키워드 배열'  (0) 2008/08/24
파비콘 직접 만들수 있는 사이트  (0) 2008/08/24
Posted by 웹눈
TAG 검색엔진 최적화, 블로그팁
트랙백 1개, 댓글 0개가 달렸습니다.

블로그 팁 - rss 공개 설정으로 방문자 늘리기

유용한팁 2008/08/24 10:39
rss 공개 설정으로 방문자를 늘리는 팁을 알아보겠습니다.

블로그 팁

티스토리 rss 설정화면


위 이미지는 티스토리 블로그의 '관리자 모드 -> 환경설정 -> 기본설정' 에서 rss 공개 설정을 하는 모습입니다. 여기에서 공개정도는 '공개된 모든 글을 RSS로 내보냅니다.(krang님 댓글 참고하세요)' 를 선택하고, 글 개수는 최대치인 30개로 갱신을 선택합니다. 공개 범위는 '전체공개'로 설정합니다.

위와 같이 설정하는 이유는 구글과 같이 사이트 내부 문서의 키워드 알고리즘을 분석하는 검색엔진에서 페이지의 컨텐츠를 더욱 많이 알아낼수 있도록 하기 위함입니다.

더불어 '구글 웹마스터 도구에 사이트맵(rss피드) 등록하여 방문자 늘리기'를 병행하시면 블로그의 방문자를 늘리는데에 더욱 효과적입니다.

'유용한팁' 카테고리의 다른 글

파비콘 직접 만들수 있는 사이트  (0) 2008/08/24
블로그 팁 - rss 공개 설정으로 방문자 늘리기  (6) 2008/08/24
쇼핑몰 창업 운영 팁 #1 '연락처 기재하기'  (0) 2008/08/23
쇼핑몰 블로그 마케팅 - 키워드 전략으로 구매율 높이기 #1  (1) 2008/08/23
Posted by 웹눈
TAG rss 피드 등록, 블로그팁
트랙백 0개, 댓글 6개가 달렸습니다

링크시 생기는 테두리 한번에 없에는 자바스크립트

프로그래밍/자바스크립트 2008/08/22 16:28
웹이나 블로그에서 링크를 클릭시 점선으로 된 테두리가 생기는 현상이 나타납니다.
이런 현상은 외관상으로도 별로 보기 안좋습니다.

이 점선 테두리를 없에는 방법중에서도 일일이 링크마다 소스를 삽입하지 않고 한번에 제거할수 있는
스크립스 소스가 있네요.

<script language="JavaScript">
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
</script>

위의 소스를 <head> 와 </head> 사이에 삽입하면 됩니다.

다른 방법은 style.css 에 소스를 아래의 태그를 추가하는 방법입니다.

<style> a {selector-dummy : expression(this.hideFocus=true);} </style>

위의 한줄 추가만을도 모든 링크에 생기는 테두리를 제거할수 있습니다.

'프로그래밍 > 자바스크립트' 카테고리의 다른 글

테두리가 둥근 테이블 만들기  (0) 2008/08/26
체크시 오늘 하루동안 새창 열지 않기  (0) 2008/08/25
링크시 생기는 테두리 한번에 없에는 자바스크립트  (6) 2008/08/22
웹사이트 및 블로그에 즐겨찾기추가 버튼 달기(파이어폭스,IE 작동)  (1) 2008/08/21
Posted by 웹눈
TAG HTML, JavaScript, 블로그팁, 웹팁
트랙백 0개, 댓글 6개가 달렸습니다