무료 포토샵  사이트 픽슬러(Pixlr)로 워터마크 만들기

홈페이지나 블로그를 이용하다보면 이미지 파일을 많이 사용하게 됩니다. 본인이 직접 찍거나 캡쳐한 이미지파일에 본인 블로그 홈페이지 주소를 찍어주기 위해서 워터마크로 사용될 이미지를 만들어 보도록 하죠. 어렵지 않으니 차근 차근 따라서 만들어 보도록 하시죠.

먼저 픽슬러 에디서 사이트에 먼저 접속을 해보도록 하죠.접속하실 주소는 다들 알고 계시죠? 혹시 모르시는 분들을 위해서 Url 을 적어드리도록 할께요.

 

https://pixlr.com/editor/

픽슬러에 대한 소개 글 : 인터넷 무료포토샵 픽슬러(PIXLR) 사용하기

 

 

 

 

 워터마크 만들어볼까요?

 

픽슬러 에디터를 여셨죠?

 

 

 

 

사이트에서 새 이미지 만들기를 클릭하거나 윗쪽에 있는 메뉴에서 파일 >>> 새이미지 를 선택하세요.

 

 

 

 

 

새 이미지파일의 이름과 사이즈를 정하라고 나오죠. 저는 좀 크게 만들어 봤습니다. 본인들 입맛에 맡게끔 사이즈는 조절하시면 되십니다.

 

 

 

 

 

 

 

 

옆에 보면 네비게이터에 확대시키는 기능도 있으니까 필요시 사용하시면 됩니다.

 

 

 

 

 

왼쪽 옆 툴바에 보시면  A  표시 보이시죠. 클릭을 하시면 글을 쓸수 있습니다.

 

 

 

 

원하는 문구를 작성하고 필요시 색깔이며 글씨체도 바꿔보도록 하세요.

 


 

 

 

 

 



 

 

차근 차근 어렵지 않습니다. 저는 이렇게 완성이 되었습니다.

 

 


 


 

 

저장하실때 파일 형식을  png 로 하셔서 배경이 명하게 되도록 하세요.

 

  

그럼 특정 이미지에 본인이 만든 워터 마크를 넣어보도록 할까요?

먼저 워터마크를 넣고자 하는 이미지를 열어보세요.

 




 

해당 이미지 위에 레이어를 하나 더 추가를 하는데 이때 이미지를 레이어로 불러들입니다. 한번 보도록 하시죠.


 


 

워터마크 이미지를 클릭합니다.


 

 

 

 

워터마크 파일을 옮기면서 원하는 위치에 배치하신 후에 저장을 하시면 됩니다. 어렵지 않죠?

이렇게 하는 것 보다 워터마크를 더 쉽게 하는 방법도 있는데 그건 다음에 한번 알아보도록 하죠.

 

 

 

 

 

 

 

스크립트를 이용한 블로그 펌방지 방법

 

 

웹서핑을 하다보면 해당 사이트를 복사하고 싶은데 하지 못하는 경우가 있죠?

 

마우스 오른쪽 버튼 클릭을 금지해 놓거나 드래그를 금지 시켜놓은 소스때문입니다.

 

불펌이 나쁘다라고 하지만 출처만 제대로 제공해 놓는다면.... ^^

 

서로 윈윈이 될수 있을거라 생각합니다.

 

 

 

 

 

 

 

 

스크립트

 

 

contextmenu="return false"       우클릭 방지
ondragstart  ="return false"       드래그 방지
onselectstart ="return false"       선택 방지

 

이 정도만 있으면 될듯합니다.

 

그러면 어떻게 적용시키는지에 대해서도 배워봐야죠.

 

 

<body  oncontextmenu="return false" ondragstart="return false" onselectstart="return false">

 

=> 페이지 전체에 적용 됨.
 


<div id="mouse_no" oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
       이곳에선 오른쪽 마우스 클릭, 드래그 그리고 선택이 안됩니다!!! <br>
</div>

 

=> 특정영역에만 한정하여 적용 됨.

 

 

티스토리에 적용을 하게 되면 복사가 안될 것이기에...... 위에 있는 내용을 파일로 저장해 놓겠습니다.

 

아래 파일입니다.

 

script.txt

 

 

 

 

 

 

 

 

티스토리에 적용하기

 

 

1> 관리자 모드로 들어가서 HTML/CSS 편집을 클릭합니다.

 

 

 

 

 

 

2> 아래와 같은 창이 열리면

 

 

 

 

 

3> 키보드에서 Ctrl + F 를 눌러 검색 모드로 들어간 후 " body " 라고 치고 나서 엔터

 

 

 

 

 

 

4> 검색된 위치 확인

 

 

 

 

 

 

5> body  뒷쪽에 oncontextmenu="return false" ondragstart="return false" onselectstart="return false"  를 복사하여 붙이기

 

script.txt

 

 

 

 

 

 

6> 수정완료 후 저장 그리고 스킨 적용 완료

 

 

 

 

 

자 이제 마우스 오른쪽 버튼 클릭 금지 및 드래그 금지가 티스토리에 적용이 되었습니다.

 

그렇게 어렵지 않죠?

 

제 블로그도 적용 되어 버렸네요. ㅡ.ㅡ;;

 

아래 블로그에서 script 를 구할수 있었습니다.

 

참고하세요~!!!

 

 

 

[ 참고 ] http://js2prince.tistory.com/entry/%EC%98%A4%EB%A5%B8%EC%AA%BD-%EB%A7%88%EC%9A%B0%EC%8A%A4-%EA%B8%88%EC%A7%80-%EC%86%8C%EC%8A%A4-%EB%93%9C%EB%9E%98%EA%B7%B8-%EA%B8%88%EC%A7%80-%EC%86%8C%EC%8A%A4

 

 

 

 

 

 

 

  "블로그에 구글 번역기 달기" 

 

 

블로그에 번역기를 달면 어떤 현상이 생길까요?

 

다른 나라 사람들도 제 블러그를 볼수 있는 확률이 늘어나겠죠!!!

 

그러면 방문자 수도 늘어날 것이구요.  방문자 수가 늘어나면 구글 광고 수입도 늘거구요.

 

 

블로그를 운영하면서

 

내가 영어를 좀더 잘했으면 하는 아쉬움 강했었죠.

 

영어로 블로그를 운영할수만 있다면

 

제 블로그를 볼수 있는 사람들이 우리나라에만 국한된게 아니라

 

세계 많은 사람들도 함께 볼수 있을거라는 생각....

 

 

 

 

 

 

거두절미하고 바로 블로그에 번역기를 달아보도록 할께요.

 

천천히 따라해보세요.

 

 

 

 

 

 

  구글번역기 설치하기 

 

 

 

 구글번역기 소스 구하기

 

먼저 구글번역기를 설치하기 위해서

 

구글 번역사이트에 접속을 합니다.

 

https://translate.google.com/manager/website/

 

 

 

아래 사이트가 열리면 웹사이트에 지금 추가를 클릭합니다.

 

구글 로그인을 하시구 나서요~

 

 

 

 

 

 웹사이트 URL  를 넣어주시구요,  웹사이트 언어를 선택해줍니다.

 

 

 

 

표시모드는 본인 스타일에 맞춰서 하시면 됩니다.

 

 

 

[참고]   언어종류가 무지 많네요~!! 100개가 넘어갑니다.

 

 

 

 

 코드받기를 클릭하시면 아래와 같은 내용이 나올거에요. 해당 내용을 복사합니다.

 

 

 

여기까지 하셨으면 구글번역기 소스를 손에 넣으신거에요. ^^

 

수고하셨구요. 이제부터 본격적으로 티스토리 블로그에 구글번역기 달기를 해보겠습니다.

 

 

 

 

 

 티스토리 블로그 사이드바에 구글번역기 달기

 

 

티스토리 관리자 모드로 접속하여 사이드바 링크를 클릭합니다.

 

 

 

 

HTML 배너출력 을 사이드바 1에 끌어다가 놓거나  "  +  "  버튼을 클릭합니다.

 

 

 

 

 

아래 처럼 되었죠. 여기서 " 편집 " 부분을 클릭해 줍니다.

 

 

 

 

HTML 배너출력의 이름을 수정해주시고. 구글번역기 사이트에서 획득한 소스를 붙여넣기 해 줍니다.

 

 

 

완료 되었으면 저장 버튼을 꼬옥 클릭해주세요. 그래야 저장이 됩니다.

 

 

 

 

 

완성된 블로그를 한번 보시죠.

 

그렇게 어렵지 않죠. 어서 따라해보세요~ 화이팅~!!!!!

 

 

 

 

 

 

 

 

+ Recent posts