올블로그와 합쳐진 위드블로그, 최근 개편으로 디자인이 아름다워졌단다.

이전 모습은 못봤지만, 확실히 배너가 크게 나타나서 이용하는데 편리하다.

위드블로그는 리뷰시스템을 통해서 블로그마케팅을 하고 광고주와 블로거들에게 서비스를 제공하

는 플랫폼이 된다. 이전에 창업아이템 발표시에 리뷰시스템을 통한 플랫폼에 대해 했어서 더욱 친근하게 

다가온다. 부끄럽게도 그때는 리뷰시스템이 이렇게 다양하고 많은 사람들이 참여한다고 생각하지 못했었는데, 

이미 어느정도는 자리 잡혀 있는것 처럼 보인다.

또한 뱃지 시스템 도입으로 사람들의 적극적인 참여를 유도한다.

마치 여러 게임들이 주는 퀘스트, 그를 통한 보상을 보여주어 사람들에게 자신이 이러이러한 것을 했다는 뿌듯함

과 리뷰어를 선정하는 위드블로그 입장에서도 유저의 활동성을 확인하고 판단하는데 도움을 준다.


방금전까지만 해도 뱃지완전정복,  튜토리얼 완료 뱃지가 없어서 구글링과 네이버에서 찾아보려 했으니 

잘나와있지 않아서 이렇게 포스팅 한다. 재미있게도 지금 이 포스팅을 쓴 순간에 리뷰어로 선정

되어 나도 이제 리뷰어! 뱃지를 얻었다.


오른쪽 부분에 보면 위드블로그에 대해 자세히 알아보는 부분이 있다.



그럼 다음 링크로 넘어가게 되는데 , 캠페인 완전정복 가이드가 있다.

튜토리얼이라는 단어가 없어서 따로 그 단어를 찾는다고 조금 시간이 걸렸다.. ;;


보이는 배너를 누르면 이렇게 새로운 창이 뜨고 시작하기를 누르면 된다.



리뷰를 하는 캠페인이 올라오고 그것에 신청하는 방법에 대해 나온다.

신청을 할 때 주의사항으로는 리뷰 미등록시 제품을 반환해야 한다는 것이다.

우리에게 알려주는 사항이 그리 많은게 아니므로 꼼꼼히 읽어보며 다음을 클릭하면

캠페인 완전정복, 튜토리얼 완료 뱃지를 얻을 수 있다.


그리고 리뷰어 신청시 다른 사람과의 차별화, 진정성으로 리뷰어 선정을 노려보면 될 것 같다.

물론 포스팅, 리뷰를 통해 글쓰는 능력, 남에게 나를 표현하는 능력, 사색하는 능력을 기르고 싶은 나로서는 

위드블로그가 정말로 반가운 존재이다.


  1. 올뺌씨 2013.03.07 17:22 신고

    한번... 안좋은 리뷰를 썼더니 그 이후부터 뽑아주질 않아요 ;ㅁ; 크흑흑...

    • 김고양이 kcats 2013.03.07 21:43 신고

      헉 그렇나요? 위드블로그 운영자측에서 리뷰어 관리를 좀 딱딱하게 하나보네요 ㄷㄷ

  2. 올뺌씨 2013.03.08 13:08 신고

    으흑흑, 처음에 위드블로그의 대표 문구가 정직한 리뷰였던가 그래서 정직하게 썼는데 ;ㅁ; 으흑흑......

    • 김고양이 kcats 2013.03.08 22:56 신고

      예, 사람을 모으기 위해서 정직한 리뷰를 썻지만, 결국에는 위드블로그 또한 상업적으로 다른 기업들이 리뷰를 신청하도록 해야 해서 리뷰어 관리를 아쉽게도 철저하게 하나 보네요 ㅜ

Window Live Writer로 블로그에 포스팅입니다.

처음 Word에 블로그 게시물을 올리는 부분이 있어서

블로그 계정을 연동하려는데 계정을 등록 할 수 없다고 하네요


그래서 좌절을 하여 블로그API를 사용안함으로 하려고

하는 도중에 밑에 보니 Word말고 ecto와 MS LIve Writter도 된다고 하는군요

ecto는 Mac에서만 사용가능하니 MS Live Writter를 사용하면 되겠군요

블로그 API 설명 보러 가기

저기 링크를 따라가서 MS Live Writter를 다운 받으시면 됩니다

윗 그림 빨간 박스 밑 부분이나 http://notice.tistory.com/115 로 들어가셔서

다운 받으신 후 설치하시면 됩니다

설치 하신 후에 Window Live Writter를 실행하면

아래와 같은 화면이 나옵니다.

다음 해주면 되겠습니다.

저의 경우에는 tistory를 운영하고 있으므로

기타서비스를 선택하였습니다.

블로그의 웹주소와 블로그 로그인에 필요한

아이디와 패스워드를 입력해 줍니다.

tistory관리자 설정중에 글 설정이 있습니다.

BlogAPI탭으로 가셔서

API주소를 넣어주시면 됩니다.



그럼 2~3초 정도의 시간이 흐른 후

정상적으로 등록이 되었다고 뜹니다.

이 글은 Window Live Writer로 작성한 것입니다.

작성후에 게시[Ctrl + Shift + P]를 하시면 됩니다


 


로고를 만들어 볼까나!!!

일단 우리가 알고 있는 정보는

로고의 이름, html에서 로고소스파일 위치,

 로고 크기정보(너비:197, 높이:100)이다.


불가피하게 포토샵을 써야 한다 ㅜㅜ

일단 우리가 아는

로고의 크기가 너비:197, 높이 100이므로

같은 크기로 만들어준다

[ 파일-새로만들기 , Ctirl + N]



그럼 아래 같은 그림이 생긴다

이제 저 부분에 로고를 채우면 되는것이로다




그냥 이미지를 넣으면 주변 이미지와의 차이가 나므로

로고와의 조화를 생각해야 된다

마치 아래의 그림과 같다.


조화를 생각하면 블로그의 윗부분(header)부분을 

가지고 와서 수정해야 한다.

그럼 일단 블로그 화면에서 

키보드 우측 상단에 있는 PrntScr(프린트스크린샷키)를

눌러보면 클립보드(컴퓨터내 복사공간)에 저장이 된다.

그 후 포토샵에서 [ 파일-새로만들기 , Ctirl + N]하면

크기가 다음과 같이 커진 상태로

만들게 된다.



내가 로고를 만들부분의 크기에 맞는

이미지를 복사 한다.

폭의 크기는 상관없지만 높이의 크기는

세심하게 딱 맞게 복사해야 한다.


윗 그림과 같이 설정을 딱 맞게 힘들다면

돋보기 기능을 통해 딱 맞게 

이미지 크기를 지정한다!!

나 [Z]키를 눌러 돋보기 기능을 활성화해서

최대한 크게 하여 블록을 지정해준다.




Enter를 눌러 자유변형을 끝내고 난뒤에

[수평문자도구, T]를 사용하여

아래처럼 텍스트를 입력하면 끝!



파일을 저장하고 끝내면 된다.

여기서 중요한 부분은

포토샵에서 바로 저장하면 확장자가 PSD가 된다.

그러므로 확장자를 다르게 지정해주어야 한다.

일반적으로 사용되는 이미지의 확장자인

GIF, PNG, JPG로 저장해주면 되겠다.


그럼 이제 로고 만들기를 완료했으니

로고를 바꾸면 될 것이다.!!

블로그 로고 바꾸기







블로그 스킨을 바꾸고 난뒤에

처음 바로 눈에 거슬리는 것이 있다

차별화를 추구하는 나였기에


MY TISTORY라는 문구!!! 

이..이것봐라? 그래 내가 널 바꿔주겠다


그래 ㅋㅋ 스킨도 바꿨겠다

나만을 위한 로고를 만들어보는거야!!

일단 html에서 저 로고의 이름을 찾아야 한다!

마우스 우클릭을 하여 이미지 URL복사한다.

주소창에 복사해보면 이미지의 이름을 알 수 있다.


다시 관리자->html/css메뉴로 들어간다.

들어가면 바로 저 위치에 로고가 보일 것이며

그렇지 않다면 Ctrl + F 로 검색하여 

위에서 찾은 이름인 'logo.gif'를 하면 되겠다.



이제 html에서 logo가 들어가는 소스위치, 크기(너비:197, 높이100)는 알았으니 

우리의 로고를 만들어서 넣을 일만 남았다.

처음에 http://min-blog.tistory.com/1061 을 참고하여

글 쓸때의 파일 첨부한 이름을 이미지 URL로 복사하여

마지막 부분만 바꿔 적으면 되는 줄 알았다.


위에서 복사한 이미지 URL을 넣으니!!



아 안돼ㅐㅐㅐㅐㅐㅐㅐㅐ

왜이러니



네이버에 티스토리 CSS관련 포스팅을

여러군대 검색하기 시작했다.

그러니 나오는게 파일업로드가 

따로 있는것이 아닌가!!



HTML/CSS -> 파일업로드에서

스크롤을 내려 추가를 눌러 

해당 이미지의 경로를 추가해주면 된다.


블로그 로고 만들기


짧게 요약하면 다음과 같다.

0. 블로그에 있는 기존 로고의  URL을 복사

1. 0번에서 파악한 것으로 shtml에서 로고 위치 파악

2. HTML/CSS에 파일업로드 부분에 이미지 추가

3. shtml에서 업로드한 이미지 이름 변경

4. 변경된 로고 확인





  1. 백전백승 2013.02.23 21:51 신고

    이미지 URL을 위와 같이도 알 수 있군요. 티스토리에서는 안 됐다고 하지만요.

    • 김고양이 kcats 2013.02.23 22:43 신고

      네 ㅎㅎ 백전백승님 블로그 자료 참고해서 ㅋㅋㅋ
      물론 일부분만을 참고해서 이런 일이 생겼네요 ㅎㅎ
      백전백승님 글 항상 잘보고 있어요 ㅋㅋ
      너무 눈에 딱딱 잘 들어와요 ㅎㅎ


글 목록 밑에 페이지 넘기는게 있으면 어떨까?

지금은 글 수가 적지만 나중에 페이지가 많게 되는데

저 그림처럼 밑에까지 가기 귀찮잖아!!!

일단 나부터 귀찮을 뿐더러 사람들이 올때 

밑에 까지 내려가기 귀찮을거 같아...요!


그럼 편하게 만들어야죠!!

자 그럼 시작해볼까!!


일단은 페이지 넘기는 부분을 찾으러 가야겠죠?

관리자, Admin으로 들어갑니다.

페이지 넘기는 부분에 잘 보시면 이전다음이 있으므로

HTML/CSS 부분에서 검색을 '이전' 이나 '다음'으로 검색합니다.

검색의 단축키는 'Ctrl + F' 입니다.


검색을 하여 찾으시면 아랫그림과 같은 부분을 찾을 수 있어요!

밑에 빨간 박스 친 부분이 다음 페이지로 넘기는 부분 입니다!



그 부분을 블록 설정하여 복사합니다!!



그리고 이제 글 목록 있는 부분을 찾아야 합니다

글 목록은 <s_list> </s_list>가 되 있는 부분이므로 

다시 '<s_list>' 나 '</s_list>'로 검색합니다.

그럼 아랫그림과 같은 부분을 찾을 수 있어요



</s_list> 뒷부분에 붙여넣기 하면 끝~

그럼 아랫 그림과 같은 결과를 얻으 실 수 있겠죠?


그리고 저장하시면 끝입니다 !!ㅋㅋ

빠르게 하실 수 있을 거라 믿어 의심치 않습니다!!








  1. 트래블러스맵 2015.12.22 14:25 신고

    감사합니다!


블로그 한번 시작해볼랍니더

리버싱 관련 부분을 포스팅 할 예정이며

제가 공부하며 얻었던 지식을 공개하고

의견을 공유하면 좋겟습니다.

같이 공부 하실분도 좋습니다. ㅎㅎ
  1. 휫주 2011.12.24 11:20 신고

    화이팅입니덬ㅋ

+ Recent posts