[어플/앱 추천] DropBox, Box  

문서파일, 프레젠테이션, 사진, 동영상 저장 클라우드 어플!

스마트폰을 유용하게 사용하려는 사람들은 클라우드(Cloud) 어플/앱(애플리케이션)을 많이 사용하게 됩니다. 

스마트폰으로 찍은 사진을 클라우드에 올려서 저장하고, 

컴퓨터나 다른 스마트기기(태블릿, 하이앤드디바이스)로 그 파일을 다운받을 때 유용하게 쓸 수 있죠^^

N드라이브(엔드라이브)구글드라이브(Google Drive)다음클라우드(Daum Cloud)

많은 사람들이 N드라이브(엔드라이브/NDrive), 구글드라이브(Google Drive), 다음 클라우드(Daum Cloud)를 사용하고 있는 걸로 알고 있는데요 네이버, 구글, 다음 커뮤니케이션에서 제공하는 클라우드 서비스만 사용하여도 충분히 클라우드 기능을 사용하는 데 있어서 문제가 없다는 생각이 들기도 하지만, 오늘 소개 할 클라우드 어플 두 가지를 함께 사용해 본다면 더 좋을 것 같아 오늘의 추천 어플(애플리케이션)으로 선정해 봤습니다.  오늘 소개하는 파일저장을 위한 클라우드 어플은 앱이 가벼워서 속도가 빠른 편입니다. N드라이브(엔드라이브), 구글드라이브(Google Drive), 다음클라우드(Daum Cloud)와 함께 용도를 다르게 해서 쓰는 것도 좋을 것 같아요^^

1. 간단한 파일 저장 어플의 최강자 - DropBox(드롭박스)

안드로이드 스마트폰, iOS 스마트폰(아이폰), PC - 사용 및 호환가능

<DropBox(드롭박스) 소개 동영상. 출처 : 유튜브, Pedro Albuquerque Santos>

DropBox(드롭박스)는 사용이 간단하고, 어플이 가벼워 파일을 업로드하거나 불러오는 데 빠릅니다. 

한 가지 단점이라면 제공하는 저장 용량(클라우드 용량)이 2GB라는 점이 좀 아쉽네요.

그래도 간단한 문서나 사진을 올려 놓는 데는 문제가 없을 듯 합니다^^

문서 전용 클라우드로 사용 하는 것도 나쁘지않을 것 같네요.

※ 유튜브 동영상 출처로 가셔서 링크에 따라 홍보를 하면 15GB 혹은 20GB 서비스를 받을 수 있다(?)고 하네요^^

2. 깔끔하고 직관적인 인터페이스 그리고 빠른 속도 - BOX(박스/상자)

안드로이드 스마트폰,  iOS 스마트폰(아이폰), PC - 사용 및 호환 가능

Box(박스/상자 클라우드)는 

위에 소개한 다음클라우드, 엔드라이브, 구글드라이브, 드롭박스에 비해서 사용법이 간단한 것 같습니다.

오늘의 추천어플인 DropBox(드롭박스)와 비교해 볼때는 저장 용량이 크다는 점이 메리트가 되겠네요.

Box(상자) 클라우드는 기본 10GB를 제공하고 있는데요, 

현재 프로모션 이벤트가 진행되고 있어 50GB를 무료로 사용할 수 있습니다.

요즘 제공되는 클라우드 어플/앱 들의 종류도 많고, 

저장 용량도 크다보니 외장하드나 USB의 필요성이 크게 떨어 진 것 같습니다.

언제 어디를 가도 인터넷에 연결되어 있으니까, 굳이 USB를 들고다닐 필요가 없어진 거죠^^ 

잃어버릴 염려도 없고요.

BOX(상자) 클라우드 어플의 장점은 대용량이면서 깔끔한 인터페이스라는거^^

그리고, 안드로이드 스마트폰을 사용하는 사람들은 위의 사진처럼 홈 화면에서 위젯을 구성해서 꾸밀 수도 있군요!

클라우드 앱 중에서 사용자 인터페이스에 초점을 많이 맞춘 것 같습니다. 

편리한 사용을 중점으로 개발 된듯하네요

<Box for Androis, 안드로이드 사용자를 위한 BOX CLOUD(박스 클라우드) 사용법. 출처 : 유튜브, BOX>

"Selfie"라는 단어를 아시나요?  전 세계는 "Selfie" 열풍.

휴대폰 업체들은 꼭 알아야 할 단어.

 "Selfie"는 2013년 옥스퍼드사전 올해의 단어로 선정된 말입니다.

 Selfie와 함께 잘 쓰이는 말이 복수형으로 Selfies 라는 단어도 함께 쓰입니다. 

"Self-ie"로 분리 할 수 있겠네요. 무슨 뜻인지 느낌 오죠? 우리가 흔히 말하는 "셀카"를 뜻하는 말입니다.^^

  <사진 출처 : 뉴욕타임즈>

우리나라에서 흔히 쓰는 말인 "셀카(Self-Camera)"의 의미에서 조금 더 확장된 것이 "Selfie"라는 단어라는 생각이 듭니다. 

일반적으로 "Selfie"는 핸드핼드로 촬영한 사진을 뜻하고, 

여럿이 함께 찍고 공유하면 "Selfies"나 "Group Selfie"로 쓰인다고 하네요.(출처:위키백과)

구글이나 유튜브에서 "Selfie"라는 단어로 검색을 해 보면 수 많은 셀카 사진들이 나옵니다. 

구글 이미지검색에서는 약간은 선정적인 내용의 사진들과 웃긴 표정의 사진들이 다수를 차지하고 있네요.

 자기를 표현하는 하나의 방법일 수도 있겠네요.

Selfie 사진 <사진 출처 : 구글 이미지 검색, www.digitaltrends.com>

 - 그렇다면 왜 휴대폰 업체들은 "Selfie"라는 단어에 주목해야 하나?

이제 스마트폰은 일상적인 것이 되었습니다. 

전 세계 스마트폰 보급률은 점점 상승하고 있고, 미국을 비롯한 대부분의 선진국에서는 스마트폰이 필수가 되었죠. 

스마트폰이 필수가 된 시대! 일상생활에서 우리는 휴대폰 카메라로 사진을 찍습니다. 

그 중에서도 특히, 많은 여자들이 휴대폰으로 사진을 찍죠. 바로 "셀카" 혹은 "Selfie"사진을 찍죠^^

뉴욕타임즈에서는  아이폰5S, 노키아 Lumia1020, 삼성 갤럭시S4, HTC One의 각각 카메라 성능을 Selfie 사진을 통해서 카메라 성능을 비교하고 리뷰 기사를 낼 정도로 스마트폰의 셀카 기능에 대해서 많은 관심을 나타내고 있는 것 같습니다. 

셀카/Selfie 사진을 찍기위한 스마트폰의 전면 카메라의 성능에 여성들이 많은 관심을 가지고 있다는 말이겠죠?^^

뉴욕타임즈 기사 원문 보러가기 ☞ THE NEW YORK TIMES

<뉴욕타임즈,  Narcissist's Dream: Selfie-Friendly Phone. 출처 : 유튜브, The New York Times>

<휴대폰 카메라 성능 비교사진. 사진 출처 : Selfie-Friendly Phone 캡쳐, 뉴욕타임즈>

셀카, Selfie 열풍을 타고 많은 사진들을 찍으면서, 사진을 보정하는 어플도 많은 인기를 끌고 있습니다.

대표적으로 "싸이메라(Cymera)"와 같은 사진을 찍고, 보정하는 기능까지 있는 어플들은 인기가 많습니다.

사진을 잘 찍는 것도 중요하지만, 찍고난 뒤에 보정을 하는 게 더 중요한게 현실이죠?^^

싸이메라 다운받기 안드로이드용 ☞ Android Cymera Download

싸이메라 다운받기 아이폰용 ☞ iPhone Cymera Download

싸이메라 사용법 알아보기 ☞ 싸이메라 사용법

셀카를 찍고 사진을 보정하고, 메신저나 소셜 미디어에 올리는 일이 어제, 오늘의 일만은 아니지만, 

스마트폰이 많이 보급되면서 카메라의 기능이 중요해 진 것은 사실인 것 같습니다^^

사진을 잘 찍고, 잘 나온 사진을 보는 것은 어떻게 보면 일상에서 느낄 수 있는 소소한 즐거움이니까요. 자기만족^^

  안녕하세요^^  'IT 패러다임 읽어주는 남자, 자유인-'입니다^^

 여러분들은 스마트폰을 보면서 길을 걷나요? 자신은 어떻다고 생각하세요? 길을 걷다 보면, 주변에 스마트폰을 보면서 걷는 사람들을 흔히 볼 수 있습니다. 저도 스마트폰 메신저로 메시지를 보내면서 걷다가 '머리'를 부딪힌 경험이 있는데요, '스마트폰을 사용하면서 걷는 사람'들의 문제는 어제 오늘의 일이 아닌 것 같네요^^

 스마트폰으로 메신저를 하면서 걷거나, 게임을 하면서 걷는 사람들을 우리는 종종 봅니다. 스마트폰으로 이것저것 검색하거나 메신저를 하면서 걸어갈 때가 많죠. 그런데, 스마트폰을 사용하거나 보면서 걸으면, 스마트폰을 사용하지 않는 사람보다 죽을 확률이 높다고 합니다.

 '다른 사람'의 문제가 아니라, '나의 문제'로서 심각할 수도 있다는 이야기가 됩니다.

 어쩌면 이 이야기는, "죽을 확률"이라기 보다는 걸으면서 스마트폰을 사용하지 않는 사람보다 "다칠 확률"이 더 많다고 하는 게 더 정확한 표현일 수도 있겠습니다.

호주의 한 연구진이 실험 참가자 26명을 상대로 실험을 실시했다고 합니다. 결과는 뻔하죠. 스마트폰를 사용하는 사람들은 걸음 속도가 느려질 뿐만 아니라 보폭이 짧아지죠. 실제 우리가 스마트폰을 사용할 때 그렇게 느끼지 않았나요? 그러면서 팔과 팔꿈치를 옆구리에 바짝 붙이게 됩니다.

팔과 팔꿈치를 옆구리에 바짝 붙인다는 사실! 그 자세가 상상이 되죠? 우리가 흔히 걷거나, 서 있을 때 스마트폰을 사용하며 취하는 자세입니다. 위 사진에도 스마트폰을 사용 하는 사람들이 비슷한 포즈를 취하고 있죠? 그게 상당히 위험한 거랍니다.(월스트리트저널(Wall Street Journal)관련기사)

 팔과 팔꿈치를 몸뚱이에 바짝 붙이고, 머리를 숙이게 되면 몸의 균형이 완전히 무너진다는 겁니다. 이런 상태로 걷게되면 일직선으로 똑바로 보행을 할 수 없다는 것이고, 결국 그런 자세가 다른 사람과 부딫히거나, 사물에 부딫히거나, 넘어지거나, 교통사고가 날 확률이 높다는 겁니다. 넘어지기 쉬운 불완전한 자세이기 때문에 사고의 확률이 그만큼 높아진다는 거죠!

 저도 저의 스마트폰 사용 습관 한 번 생각해 보게 되었는데요, 요즘 부쩍 스마트폰을 보면서 걷는 경우가 많다는 걸 깨달았습니다. 여러분은 어떤가요?

 스마트폰을 보며 걷는 사람들 때문에 많은 다른 사람들에게 피해주는 것은 제쳐두고, 내가 죽을 수도 생각을 하게되면, 얼른 '스마트폰 사용 습관'을 고쳐야 겠다는 생각이 들지 않나요?

 걸을 때는 스마트폰 사용을 자제하는 것이 신체적이나 정신적으로 도움이 되지 않을까 하는 생각을 해 봅니다. 길을 걸을 때 만큼은 스마트폰을 사용하지 않는 것이 자신과 다른 사람의 건강에 도움이 될 수도 있는 일이라는 생각을 하게 됩니다.

스마트폰 사용 사용안하면서 걷기! 

 생명 연장과 다른 사람에게 피해 안주기라는 일석이조의 효과를 누릴 수 있겠어요^^

- 구글 글래스 ; 시력 교정 렌즈 끼운, 구글 글래스(Google Glass) 출시 임박했다?!

구글글래스에 실용적이고, 사용자측면에서 유용한 기능들이 하나 둘 씩 들어가기 시작했습니다.

이제 곧 구글글래스의 공식적/정식 출시가 임박했다고 할 수 있겠군요! 구글글래스 기대됩니다^^

2013년 열린 구글 개발자 컨퍼런스 2013 Google I/O에서 가장 많이 논의 되었던 주제가 "구글 글래스"였습니다.

저도 유튜브에 실린 수 많은 구글 개발자 컨퍼런스(Google I/O) 영상을 통해 여러가지 기술들을 봤는데요, 그 중에서 가장 눈에 띄는 것 역시 구글 글래스였습니다.

 미국에서는 이미 일반인들과 개발자들을 대상으로 작년에 구글글래스 테스트버전을 배포하고 계속 개발 중이라고 하죠. 

올해(2014년)에는 구글 글래스가 일반인에게도 판매될 거라는 기대도 있습니다.

<구글글래스(Google Glass)를 착용한 모습)

출처: 구글글래스 공식 홈페이지(http://www.google.com/glass/start/)

 2013 구글 개발자 컨퍼런스(2013 google i/o)에서 구글 글래스에 관한 영상들을 보면서, 구글의 능력이 대단하다는 것을 느낄 수 있었습니다. 그렇지만 한편으로는 모두가 생각하듯이 구글글래스 때문에 생겨날 사생활 침해에 관해서도 많은 논란을 낳았죠. 현재 미국에서도 구글 글래스의 보급과 사용으로 인한 사생활 침해 논란으로 법적으로 제약이 있는 상황이고, 구글은 구글 글래스가 가지는 사생활침해라는 부분을 해소하기 위해 많은 노력을 하고 있다고 합니다)

 구글글래스는 웨어러블 디바이스(몸에 착용하는 스마트기기) 중 단연 으뜸이라고 할 수 있습니다. 정말 놀라운 기능들을 가진 제품입니다. 구글 글래스에 관한 유튜브 영상을 잠시 보면 얼마나 대단한 기능을 가졌는지 실감하실 겁니다. 오른쪽 위에 작은 화면이 구글 글래스로 화면입니다.

<출처 : 유튜브, How it Feels [through Google Glass,  Google>

 현재 우리가 스마트폰을 이용해서 할 수 있는 많은 기능들을 구글 글래스는 담고있습니다. 사진을 찍고, 동영상을 찍고, 찍은 사진을 Facebook(페이스북)이나 Twitter(트위터)에 공유하는 기능도 있죠. 페이스북을 비롯한 많은 소셜미디어 회사들은 이미 구글글래스 버전 앱(애플리케이션)을 만들어 놓은 상태입니다. 앞으로 많은 수요가 있을 것이라고 예측하고 한 발 앞서 행동하는 것이지요. 이미 구글 글래스에 최적화된 소프트웨어(앱)들은 2013 Google I/O에서도 소개가 되었습니다.

<일상 생활에서의 구글 글래스, 출처:구글글래스 공식홈페이지>

<취미 활동을 하면서 사용되는 구글 글래스. 출처:구글글래스 공식홈페이지>

<운동을 할 때도 사용되는 구글 글래스. 출처:구글글래스 공식홈페이지>

2013 Google I/O 영상들을 보면서, 개인적으로 생각이 들었던 것이 시력이 좋지 않은 사람들은 안경 위에 구글 글래스를 써야하기 떄문에 불편할 것이라는 생각이었습니다(렌즈를 착용한다면 문제가 되지 않겠죠). 결국 안경 위에 구글글래스를 써야하기 때문이었죠. 그런데 역시나 구글에서도 그런 번거로움을 해결할 방법을 연구중이었습니다. 구글이 시력 교정렌즈와 안경테 공급계약을 VSP글로벌이라는 비영리 보험사와 체결했다고 합니다. 이 말은 구글이 구글 글래스의 보급에 주력하겠다는 의미로 해석됩니다.

앞서 말했지만, 현재 구글글래스의 시범 사용자는 수 만명에 이르고 있습니다. 그 사람들이 구글글래스를 시범적으로 사용하면서 발생하는 문제점을 보완하고 구글글래스가 출시되리라고 봅니다. 구글글래스의 출시 예정은 2014년 하반기로 잡고 있는데, 우리나라에 들어오려면 많은 시간이 걸리겠죠?

기대되는 작품입니다. 저의 기억으로는 구글글래스의 가격은 약 800~1500달러 수준이었던 것 같습니다(아직 정식 발매가 아니라서 가격 책정에도 차별을 둘 듯 합니다. 구글 글래스는 다양한 옵션이 제공되니까요). 구글글래스의 가격이 싼 것은 아니지만, 잘 활용한다면 생활에 많은 도움이 되는 제품이 되리라는 생각이 듭니다.

<구글글래스 착용 모습. 출처, 구글글래스 공식 홈페이지>

<구글글래스 착용 모습. 출처, 구글글래스 공식 홈페이지>

<구글글래스 사용 모습. 출처, You Tube>

마지막으로 구글 글래스 사용법에 관한 유튜브 영상을 보면서 포스팅을 마치겠습니다^^

<구글글래스 사용법. 출처:YouTube, Google Glass How-to:Getting Started, Google gless>

- PDF파일 수정/편집/변환; 

PDF 파일을 WORD/TEXT 파일로 변환해서 편집하기

[다른 글 보러가기] ☞ PDF파일 한글파일(hwp)로 변환하는 방법(http://enjoiyourlife.com/639)

  한글(hwp)파일이나 워드(word)파일을 pdf로 변환하는 것은 쉽게 할 수 있지만, pdf파일을 워드(word)나 한글(hwp)파일로 변환해서 수정해야 할 때는 어떻게 해야 할 지 모를 때가 많습니다. 어떤 pdf파일들은 복사가 되지 않아서 pdf파일의 내용을 편집/수정 하려면 직접 타이핑을 해야 하는 경우가 있죠. 

  PDF파일을 편집하는 데 불편함을 해소해 줄 사이트가 있습니다. 클릭 몇 번이면 PDF파일이 WORD파일이나 TEXT파일로 바뀌는 거죠^^ PDF파일 편집/수정 할 수 있어요^^

 ConvertPDFtoWord.net !

 Convert PDF to Word 닷넷에서 손쉽게 PDF파일을 워드(WORD)파일로 바꿀 수 있습니다. pdf파일에서 워드 파일로 바뀐 내용을 한글(hwp)파일에 붙여 넣기 하면 한글 문서로 쉽게 만들 수 있겠죠? 

- PDF파일을 워드(WORD)/텍스트(TEXT)파일로 바꾸는 과정 살펴보기

1. PDF 파일을 워드(Word)로 바꾸기 위해서는 Convert PDF to Word 닷넷에 접속 해야겠죠?

ConvertPDFtoWord.net 바로가기 ☞ http://convertpdftoword.net/

2. PDF파일을 편집 할 수 있도록 워드(WORD)파일로 전환해 주는 사이트의 중간 아래쪽에 보면 파일을 선택해 주는 곳이 있습니다.

3. 편집 해야 할 PDF파일을 선택 해 줘야 겠죠? 네모 박스에 표시된 "파일 선택"을 눌러 줍니다.

그러면 우리가 수정/편집 해야할 PDF 파일을 찾는 창이 나옵니다.

4. 그림처럼 변환해야 할 PDF 파일을 찾아줍니다. 내용을 수정/편집 하고 싶은 PDF파일을 찾아주면 되겠죠?

PDF 파일을 워드/텍스트/한글 파일로 바꾸는 것 생각보다 간단하죠?^^

5. 수정/편집 해야할 PDF파일을 선택했으면, 아래 그림처럼 Convert and Download 버튼을 눌러줍니다.

그러면, PDF파일이 워드/텍스트 파일로 바뀌고, 수정/편집이 가능합니다^^

6. PDF파일이 워드 파일로 변환 완료되었습니다. 

그러면 다운로드 버튼을 누르면 PDF파일이 워드 파일로 변환되어 다운로드 됩니다.

파일을 열어보면, 아래 처럼 워드 파일로 바뀌어 있는 것을 알 수 있습니다. 

중간에 언어영역 뒤에 엔터 표시가 있는 게 보이죠?

PDF파일을 수정/편집 할 수 있습니다. 

워드 파일을 그대로 복사해서 한글(hwp)로 가져갈 수 있으니 PDF 파일을 한글 파일로 가져가는 것도 가능한 거겠죠? 

물론 조금 귀찮긴 하지만요^^

7. 변환된 파일

감사합니다^^

 [크롬 팁!] 구글 "크롬(Chrome)"에서 "익스플로러"환경으로 전환하기!

※ 구글 크롬 다운받기 ☞ www.google.com/chrome

  구글 검색엔진(www.google.com)을 사용하다보면 크롬(Chrome)을 다운받아서 사용하라는 문구가 뜹니다. "크롬"은 구글에서 만들어서 제공/배포하는 웹브라우저의 이름입니다. 구글이 크롬을 무기로 삼아 인터넷 세계를 장악하려고 노력하고 있는 부분 중 하나죠. 2013년 기준으로 크롬이 익스플로러를 제치고 세계 시장 웹브라우저 점유율 1위가 되었죠.

 구글 크롬의 장점을 말하자면, 웹 브라우저가 가벼워서 익스플로러에 비해서 크롬의 속도가 빠른 것 같습니다(개인적 견해). 그리고 다른 기기들(스마트폰, 태블릿 등 다른 기기)과 크롬 웹 브라우저를 쉽게 연동시킬 수 있어서 데스크탑에서 크롬으로 검색을 해서 사용하던 내용을 스마트폰의 크롬에서 똑같은 페이지를 열 수 있죠. 크롬 웹브라우저를 하나의 아이디로 통합해서 사용할 수 있는 겁니다.(사파리(Safari, 애플에서 만든 웹 브라우저)도 똑같은 기능을 제공하고 있습니다)

 물론, 단점도 있습니다. 한국은 대부분의 사람들이 마이크로소프트에서 제공하는 윈도우와 거기에 설치되어 있는 인터넷 익스플로러를 사용하고 있기 때문에 대부분의 웹사이트(은행, 관공서를 비롯한 거의 모든 웹사이트)들은 인터넷 익스플로러에 최적화가 되어있고, 보안에 관한 부분도 익스플로러를 기준으로 표준화되어 있습니다. 그래서 구글 크롬의 사용자들은 관공서 사이트를 방문하거나 은행 업무를 보려고 할 때, 익스플로러보다 크롬 사용자들이 많은 제약을 받는 것이 사실입니다. 그래서 크롬에서 익스플로러로 전환해 줄 필요가 있죠.

  그래서!!  구글 크롬이 가진 제약을 극복하기 위한 다양한 프로그램이 있다는 사실! 바로 구글 웹스토어에서 간단한 검색으로 설치할 수 있는 "IE Tab"이라는 응용 프로그램입니다.  "IE Tab"은 "크롬"에서 "익스플로러"환경을 만들어 주는 전환 프로그램 입니다. 한마디로 크롬을 익스플로러로 전환시켜 주는 것이죠^^

"IE Tab"이라는 응용 프로그램에 대해서 좀 더 알아보겠습니다.

<웹브라우저 점유율. 2013년 크롬이 익스플로러를 앞지르고 1위가 되었다>

1) "IE Tab"을 설치하기 위한 첫단계 - 크롬(Chrome) 웹 스토어 들어가기

※ 구글 웹스토어 바로가기 ☞ 웹스토어

1. 구글 크롬의 웹 스토어에 들어갑니다.

2. 검색창에 "IE tab"을 검색합니다. 오른쪽에서는 "확장프로그램"탭을 눌러 줘야겠죠^^

3. 오른쪽에 "ie tab"과 관련된 프로그램들이 많이 나오는데 대표적으로 두가지가 뜹니다. 

 두가지 중에 하나를 선택해서 설치하면 되는데, 저는 두 가지를 다 써본 결과 두번째 나오는 "IE Tab Multi"가 더 호환이 잘 되는 것 같아 두 번째 나오는 것을 크롬에 설치했습니다.

무료 버튼을 누르고, "추가"를 눌러주면 설치가 됩니다.

2) 크롬에 설치된 "IE Tab" 옵션 설정해 주기!

- 구글 크롬에 "IE Tab"을 설치하고 나면 크롬 웹브라우저 오른쪽 상단에 "IE Tab"마크가 생깁니다. 크롬에서 익스플로러 모드로 전환하고 싶을 때, 저 버튼을 눌러주면 익스플로러 모드로 전환이 되는 겁니다.

따로, 익스플로러 창을 열 필요가 없어진 거죠^^

- 설치를 했으니 옵션을 설정 해 주어야 겠죠?

- 다양한 옵션들이 있다는 것을 알 수 있는데 본인의 취향에 맞게 설정을 해 주면 됩니다.

중요한 것은 중간에 있는 빨간 네모 박스 인데요,"SSPA"모드와 "IPA"모드가 있는데 한국 사용자들에게는 "SSPA"모드가 조금 더 좋은 것 같습니다.

그래서, 저는 "SSPA"모드로 설정해 놓고 크롬을 사용하고 있어요^^

3. 구글 크롬에서 "IE Tab"눌러서 익스플로러 처럼 사용하기!

 주로 크롬을 사용하면서 문제가 발생하는 곳이 은행 업무를 볼 때 입니다. 물론 은행들도 발 빠르게 다른 브라우저를 사용 할 수 있게끔 해 놓았지만 아직도 익스플로러 환경에 최적화 되어 있는 것이 현실이죠. 그래서 많은 크롬 유저들은 은행업무, 관공서 인증서 등에서 많은 불편을 느끼고 있죠. 그렇지만, IE tab을 사용하면 크롬에서 은행 업무를 쉽게 볼 수 있답니다^^

  은행 페이지에 들어갔을 때, 크롬 브라우저의 오른쪽 상단에 위치한 "IE Tab"아이콘을 클릭하게 되면 원래 크롬에 있던 주소창 밑에 하나의 주소창이 더 생기게 됩니다. 그것이 바로 크롬 안에 생긴 "익스플로러"의 주소창입니다. 지금 열고 있는 창이 익스플로러 처럼 활동화 되었다는 것이죠.

  왼쪽 국민은행 메인 화면을 보면 주소창이 위, 아래로 두 개가 있는 것이 보이죠. 위 쪽에 있는 것이 구글 크롬의 주소창이고, 아래쪽에 있는 것이 IE Tab에서 만든 익스플로러 환경이 적용된 주소창입니다. 계속해서 익스플로러 환경에서 작업을 하고 싶다면, 주소를 입력할 때 아래쪽에 있는 주소창에 주소를 입력하면 된답니다^^

4. 구글 크롬 사용 팁!

 처음에 말 했듯이 구글 크롬은 다른 기기와 연동(사파리에서는 동기화라고 하죠)이 됩니다.

 왼쪽에 보이는 것이 제가 사용하는 노트북의 구글 크롬 웹브라우저 입니다.

아이콘 옆에 막대기 세개를 누르고, "최근 탭"을 누르면 최근에 다른 기기에 있는 크롬에서 사용한 웹 페이지의 목록이 나타납니다.

  현재 저는 노트북(윈도우 운영체제), 아이맥(iMac), 아이폰, 아이패드에어(iPad Air) 이렇게 네 곳에서 크롬을 사용하고 있는데요, 네 곳에서 최근에 검색한 적이 있는 웹 페이지들을 이렇게 볼 수 있습니다.

언제, 어디서든 자기가 검색하던 페이지를 볼 수 있는거죠^^

물론, 이런 기능은 사파리(Safari)에도 있어요^^

다른 크롬 유저분들의 좋은 정보 있으면 저와 함께 공유했으면 좋겠어요^^

읽어주셔서 감사합니다^^

※ 구글 크롬(Chrome) 다운 받기 ☞ www.google.com/chrome

※크롬 웹 스토어(Web Store) 바로가기☞  https://chrome.google.com/webstore/category/apps?hl=ko

[보러가기] ☞ 1. 웹 반응형 스킨 - "반응형 웹스킨"이 대세? 웹 반응형 스킨 설치하기! 

[보러가기] ☞ 2. 웹 반응형 스킨 - "반응형 웹스킨" Skeleton 스킨 - 사이드바 최근글 수정하기

[보러가기] ☞ 3. 웹 반응형 스킨 - "상단 메뉴바 수정" 반응형 스킨 내 블로그에 맞게 꾸미기

[현재글] ☞ 4. 웹 반응형 스킨 - "Skeleton 스킨" 화면 하단(푸터) 내 블로그에 맞게 바꾸기

- 웹 반응형 스킨(반응형웹 스킨 - 스켈레톤 스킨) ; 

수정하기 4탄! 화면 내용(푸터 내용) 내 블로그에 맞게 바꾸기

  안녕하세요. 이번에는 웹 반응형 스킨인 스켈레톤 스킨의 화면 레이아웃 수정의 마지막 순서가 되겠네요. 반응형 스킨 스켈레톤 스킨의 spider's web 스킨의 화면 하단에 보면 블로그에 대한 기본 정보와 저작권에 대한 내용이 담겨있습니다. 웹 반응형 스킨인 스켈레톤(Skeleton)스킨을 처음 설치하면 아래 그림과 같이 웹 반응형 스킨을 만든 마크쿼리님에 대한 정보와 기본정보가 나타납니다. 그럼 이제부터 웹 반응형 스킨의 화면 하단(푸터)를 자신의 블로그에 맞게 수정해 줘야 겠죠^^

<처음 반응형 웹스킨 "스켈레톤 스킨"을 설치했을 때, 설정되어 있는 모습입니다.>

아래 사진은 웹 반응형 스킨 - 스켈레톤 스킨을 설치한 저의 블로그 화면의 아래쪽(하단, 푸터) 모습입니다. 

지금부터 블로그에 맞게 수정해 봅시다^^

- 1단계 ; 반응형 스킨 - 스켈레톤 스킨 "HTML/CSS"에서 수정해야 할 부분 찾기.

  컨트롤(Ctrl)+ F - 찾기를 이용해서 "Skeleton-footer"를 찾아줍니다. 

 그러면 우리가 수정해야 할 부분이 보일겁니다. 왼쪽 그림의 빨간색 상자 부분을 본격적으로 수정해 봅시다^^

[첨부] 소스 다운받기 ;

스켈레톤스킨_화면하단 수정_인생은,여행이다.txt

※ 아래쪽에는 개발자 정보에 관한 내용인데 굳이 수정하지 않아도 되는 부분입니다.

- 2단계 ; 스켈레톤 스킨 HTML 본격적으로 수정하기.

(1) 자신의 블로그 주소로 바꿔줍니다.

(2) 블로그 년도 입력입니다. 저는 티스토리를 2007년부터 시작했기에 "2007-2014"로 입력해 놨습니다.

(3) 일반적으로 블로그 이름을 입력하는 부분입니다. 블로그 제목, 이름을 입력하시면 됩니다.

(4) 따로 설명할 것이 없네요.

(5) CCL표기 이미지 관련 부분입니다. "HTML"수정 부분을 보면 상당히 복잡해 보이는데 별 것 없습니다. 넣으셔도 되고, 안넣으셔도 됩니다. CCL마크를 사이드바에 표기하는 경우도 많습니다. 저도 사이드바에 있던 녀석을 아래로 내렸습니다.

(5)-1 ; CCL관련 링크입니다. - 클릭하게 되면 저작권에 대한 설명이 페이지로 이동하는 기능이 있습니다.

(5)-2 ;  CCL표기 - 이미지 표시, 파일 링크 부분입니다. 만약 자신의 블로그 사이드바나 본문에 CCL표기가 있다면, 마우스 오른쪽으로 이미지 주소 복사를 하셔서 주소를 붙이면 됩니다. 제가 제공한 소스를 그대로 가져다 쓰도 됩니다.(모든 블로그, 사이트의 CCL마크 이미지 주소는 동일)

(6) CCL 저작권 관련 메시지입니다.

별 것 없군요. 쉽죠?^^

- 웹반응형 스킨, 스켈레톤 스킨의 사이드바에 표시되어 있는 CCL 저작권 표기 위젯.

- 3단계 ; 스켈레톤 스킨 - 본문하단 정보 수정하기(2) 

[첨부] 소스 다운받기 ;

스켈레톤스킨_화면하단 수정_인생은,여행이다.txt

 <BR>명령어를 통해서 줄 구분을 해 줄 수 있습니다. <BR>하나에 1줄 입니다.

 "RSS"부분에 자신의 블로그 주소를 넣으면 됩니다. 

 지역로그, 태그목록, 관리자 모드 등은 자신의 취향에 맞게 선별해서 삭제하시거나 이용하시면 될 것 같습니다.

 더 이상 설명을 하지 않아도 자신의 블로그에 맞게 "웹 반응형 스킨(반응형 웹스킨)인 스켈레톤 스킨"을 수정할 수 있을 거라고 생각합니다^^

감사합니다^^

[보러가기]  ☞ 1. 웹 반응형 스킨 - "반응형 웹스킨"이 대세? 웹 반응형 스킨 설치하기! 

[보러가기] ☞ 2. 웹 반응형 스킨 - "반응형 웹스킨" Skeleton 스킨 - 사이드바 최근글 수정하기

[현재글] ☞ 3. 웹 반응형 스킨 - "상단 메뉴바 수정" 반응형 스킨 내 블로그에 맞게 꾸미기

[보러가기] ☞ 4. 웹 반응형 스킨 - "Skeleton 스킨" 화면 하단(푸터) 내 블로그에 맞게 바꾸기

- 웹 반응형 스킨 ; "스켈레톤 스킨 - 상단 메뉴바" 수정으로 반응형 웹스킨 최적화 하기 

Skeleton 스킨의 위쪽을 보면 "메뉴바"가 있습니다. 페이지 아래쪽으로 스크롤을 내려도 계속 따라오는 메뉴, 참 편한(?)녀석입니다. 글이 길거나 사진이 많은 블로그를 볼 때면 카테고리나 메뉴를 찾기 위해서 위쪽으로 다시 올라가야 하는 불편함을 덜어주는 녀석이죠. 물론 스켈레톤 스킨의 오른쪽에는 "Back to Top"이라고 적힌 녀석이 따라다니긴 합니다(그래서 항상 위쪽으로 갈 수 있죠) 하지만 상단 메뉴바를 잘 활용하면 관리자 측면에서 매우 편리한데요, 언제든지 관리 페이지로 이동하거나 글을 쓸 수 있다는 것이죠!

스킨을 설치하고 나서보면 처음에 이런 모습입니다. 

이 녀석을 수정해 줘야하는데, 어디서 어떻게 손을 대야할지 참 난감합니다. 

위에 이 녀석을 아래처럼 바꾸는 방법을 하나씩 천천히 알려드리겠습니다^^

-스켈레톤 스킨 "상단 메뉴바 수정" 첫 단계! - 수정 할 곳 찾아가기

관리자 페이지의 HTML/CSS 수정 페이지로 가서 

"Ctrl + F" 찾기로 "navbar-nav"를 검색 해서 상단 메뉴바를 수정하는 곳으로 이동합니다.

수정해야 할 부분이 얼마 되지 않는 군요.

본격적으로 한 번 손대 볼까요?

따로 설명하지 않았지만, 

왼쪽의 빨간 박스 아래쪽에 있는 검색도구를 삭제해도 무방합니다. 

저는 삭제를 하지 않고 그대로 두었기 때문에 이번 포스팅에서 따로 설명하지 않습니다^^

-스켈레톤 스킨 "상단 메뉴바 수정" 둘째 단계! - 명령어 이해하기

빨간 네모에 들어있는 명령어 들을 수정해 주면 되는데요, 

잠깐 설명을 하고 넘어가겠습니다.

"##_blog_link_##]category/"라고 되어 있는 부분은 "링크 되어야 할 카테고리"의 주소를 지정해 주는 곳입니다.  "[##_blog_link_##]"부분은 그냥 놔 두어도 되고, 지워도 되는 부분인데 저는 그냥 놔뒀습니다.

파란 네모로 블록 지정해 둔 곳이 "화면에 표시될 카테고리 이름"입니다. 실제 카테고리 이름과 달라도 상관 없습니다.

스킨이 수정되지 않은 상태의 메뉴가 그대로 보인다는 것을 알 수 있습니다.

"<il typeof=......." 으로 명령어가 시작하고 있는데요,  "< i l  >"명령어가 각각의 카테고리를 구분해 주는 역할을 합니다.

-스켈레톤 스킨 "상단 메뉴바 수정" 셋째 단계! - 메뉴바 HTML 본격적으로 수정하기

 그림과 같이 바뀌기 위해서, 

 명령어가 어떻게 바뀌었는지 볼까요?

뭔가, 대단히 복잡해 보입니다. 번호 순서대로 설명 들어가겠습니다.

1. 그대로 두시면 됩니다. 눌렀을 때 아래쪽으로 메뉴가 펼쳐지도록 하는 명령어 입니다.

2. 첫 번째 상단 메뉴바에 있는 것이 "카테고리" 입니다. 그래서 가장 첫번째로 "카테고리"가 있는 것입니다. 만약 영어로 "Category"라고 적고 싶으면, 수정하면 됩니다.

3. 연결 할 카테고리에 대한 정보입니다.

뒤에 나오는 href="##_blog_link## category와 함께 수정해 주시면 됩니다.

오른쪽 사이드바의 가장 위에 있는 카테고리를 클릭하면 모든 글이 보입니다. 카테고리의 최상위 폴더를 열겠다는 뜻입니다.

4. 메뉴에서는 최상위 폴더의 이름을 "모든 글 보기"로 보이도록 지정한 것입니다. 실제 제 블로그에서는 "인생은, 여행이다(418)"로 나와있는데 제가 임의로 지정해 준 것이죠^^

5. 아래쪽에 구분선을 넣어 주는 명령어 입니다. 구분선을 넣으면 깔끔해 보이죠^^. 카테고리의 가독성도 좋아집니다.

6. 두 번째 카테고리에 대한 정의입니다. 어떤 페이지를 찾을 지에 대한 것이죠. 앞에서 말했든 카테고리의 위치를 적어줍니다. 마찬가지로 뒤에  "href="/category/생각저장소"도 수정합니다. 불러올 카테고리의 위치가 됩니다. /category(최상위 카테고리)/생각 저장소(그 아래에 있는 카테고리). 

   ##_blog_link_## 은 지웠습니다. 지워도 아무 상관없다는 것을 보여주기 위해서... 

7. 메뉴바에 나타나는 이름입니다. 실제 카테고리에 나오는 이름과 똑같이 했어요.

8. 구분선을 넣어서 항목을 구분해 주었습니다.

여기까지는 참 쉽죠? 하위 카테고리가 없는 카테고리라서 별로 손댈 것이 없습니다.

HTML 소스  - 다운받기

상단메뉴바 수정(1)_인생은, 여행이다.txt

-스켈레톤 스킨 "상단 메뉴바 수정" 넷째 단계! - 하위메뉴 HTML수정!

좀 더 복합한 녀석으로 가보겠습니다. 하위 메뉴가 있는 카테고리 입니다. 

하위 메뉴와 상위 메뉴를 구분해 주기 위해서 앞쪽에 약간의 여백을 두었습니다. 

그게 하위 카테고리와 하위 카테고리를 구분하는 중요 포인트라고 생각하고, 넣어봤습니다. 

훨신 보기가 좋더라고요^^

1. 그냥 놔둬도 됩니다. 물론, 지워도 됩니다. 

 2. 상위 카테고리 주소입니다. 앞에서 설명했던 "생각 저장소"와 똑같은 위치에 있기 때문에 주소의 위치는 "category/길을 걷다, 세계여행"이 되는 겁니다.

3. 하위 카테고리에 대한 정의/주소 입니다. "길을 걷다, 세계여행"이라는 카테고리보다 한단계 아래에 있기 때문에 "category/길을 걷다, 세계여행/"이라는 주소를 적고 "여행 준비"라고 이어서 적어줍니다.

우리가 방에 들어갈 때, 현관문(category)에서 거실(길을 걷다, 세계여행)을 거쳐서 방(여행 준비)으로 가는 것과 같습니다. 모든 경로를 거쳐야 하는 것이죠.

4. 카테고리를 연결할 주소입니다. 3번과 똑같이 입력하면 됩니다.

5. 상단 메뉴바에 표시될 이름입니다. 자신의 블로그에 맞게 수정하면 됩니다.

6. 마찬가지로 다른 메뉴도 수정을 해 주면 됩니다.

7. 여백을 집어넣겠다는 명령어 입니다.(들여쓰기를 하겠다는 말이죠^^)  "ti1"은 한 글자 만큼 뒤로 밀겠다는 뜻입니다. "ti2"라고 지정하면 두 글자 위치 만큼 뒤로 들어갑니다.

※ 여기서 잠깐!! 

글자를 뒤로 밀기 위해서는 // Head // 부분도 약간의 수정이 필요 합니다.

"Ctrl + F"를 누르시고  /head 를 찾아줍니다. 그리고 왼 쪽의 명령어를 입력해 줍니다. 그럼 1글자 만큼 들여쓰기가 됩니다.

여기까지 하면 메뉴 수정은 사실상 다 끝난 것입니다. 

그 다음부터는 다 반복되는 것이고, 자신의 블로그 메뉴에 맞춰서 추가하고 삭제하면 되는 거죠^^

-스켈레톤 스킨 "상단 메뉴바 수정" 다섯째 단계! - RSS,링크 등 구독/메뉴 수정하기

이제 간단하게 "구독"과 "메뉴"부분의 소스를 살펴보겠습니다. 앞에서 중요한 것은 다 설명했기 때문에 별 것 없습니다.

 "위치로그", "미디어", "태그"는 삭제하시면 없어질 것이고, 놔두면 그대로 표시가 됩니다. 

위에서 봤던 구분선을 넣어주어도 되는데, 저는 따로 세 가지 메뉴에 대해서 구분선을 넣지 않았습니다.

"관리자", "글쓰기" 메뉴를 함께 묶고, 위에 세개를 함께 묶었어요.

"관리자" 메뉴의 앞에 자신의 블로그 주소를 적어야 한다는 사실!

자신의 블로그주소/admin/center/ 라고 입력해줘야 관리자 모드로 바로 들어갈 수 있습니다.

마찬가지로, "글쓰기"는 

(블로그 주소)/admin/entry/post/가 되겠죠.

자기 블로그 주소를 입력해 줘야 한다는 사실~ 잊지 마세요^^

 마지막으로, "RSS", "다음뷰", "페북", "트위터" 등 메뉴에 넣는 것입니다. 굳이 넣지 않아도 됩니다.

1. RSS - 자신의 블로그 주소만 적어주면 됩니다.

2. 다음뷰 - 마찬가지로 자신의 블로그 주소를 적어줍니다.

3. 트위터/페이스북 - 자신의 트위터와 페이스북 주소를 적어줍니다. 트위터는 따로 네모박스 처리를 하지 않았는데, 페이스북 바로 위에 있습니다^^

보기에는 어려워 보여도, 하나하나 따라하다보면 생각보다 쉽다는 것을 알 수 있습니다. 

처음에는 제가 해 놓은 대로 수정을 해 보시고, 차근차근 자신이 생각하는 것으로 바꿔보는 것도 나쁘지 않습니다.

여러가지 유형으로 응용/수정 할 수 있으니 자유롭게 바꿔 보세요^^

[보러가기]  ☞ 1. 웹 반응형 스킨 - "반응형 웹스킨"이 대세? 웹 반응형 스킨 설치하기! 

[현재글] ☞ 2. 웹 반응형 스킨 - "반응형 웹스킨" Skeleton 스킨 - 사이드바 최근글 수정하기

[보러가기] ☞ 3. 웹 반응형 스킨 - "상단 메뉴바 수정" 반응형 스킨 내 블로그에 맞게 꾸미기

[보러가기] ☞ 4. 웹 반응형 스킨 - "Skeleton 스킨" 화면 하단(푸터) 내 블로그에 맞게 바꾸기

- 웹 반응형 스킨(반응형 웹 스킨); "Skeleton 스킨" 사이드바 수정하기!

  티스토리에서 기본적인 사이드바는 간단하게 수정할 수 있습니다. 그렇지만 "Skeleton 스킨"은 티스토리에서 정식으로 서비스되는 스킨이 아니기 때문에 아직 티스토리에 최적화가 된 것은 아닙니다.(계속해서 오류가 보고되고 수정되고 있죠) 

그래서 HTML을 자신의 블로그에 맞게 바꿔줘야 한다는 사실!

자, 그럼 자신의 블로그에 최적화를 시키기 위해서 스킨을 바꿔 봅시다^^

아래에서 보는 것 처럼, 

스켈레톤 스킨 spider's web을 적용시키면 최근 글에 마크쿼리님의 블로그에 실려 있는 글이 뜹니다.

물론, Recent Articles(default)가 있지만 그건 사이드바 메뉴에서 삭제해버리고,

 Recent Articles에 블로그 글이 나오도록 해 봅시다.

생각보다 간단해요^^

 [Recent Articles(최신글) - 내 블로그 글들로 바꾸기]

1. HTML/CSS 편집 화면으로 들어갑니다.

2. Ctrl+F 를 눌러서 "get recent article"을 찾아줍니다.  - 아래와 같은 화면으로 이동합니다.

3. 붉은 색 네모 부분에 있는 rss("http://markquery.com/feed". 라고 되어 있는 부분을 rss(" 자신의 블로그 주소/feed" 로 바꿉니다.

4, 그러면, Recent Airticles 의 글들이 블로그 최신글로 바뀝니다^^

Recent Articles(최근 글)의 목록이 바뀐 모습 입니다. 

혹시, 최근 글의 개수를 늘이거나 줄이고 싶으시면 숫자 하나만 바꿔 주면 됩니다. 

위쪽에 작은 네모안에 있는 숫자가 "5"라고 되어 있는데, 최대 다섯 개 까지 최근 글을 보여주는 것입니다. 

만약에 최근 글을 10개를 보여주고 싶으면? 숫자를 10으로 하면 되죠. 쉽죠?

그 외에 간단한 것들은 모두 관리자 메뉴의 사이드바 수정에서 할 수 있으니, 여기까지 하겠습니다. 

다음에는 "Footer(화면 하단)"과 "상단 메뉴"를 수정하는 글으 올리도록 하겠습니다. 절대 어렵지 않아요~ 

감사합니다^^

[현재글] ☞ 1. 웹 반응형 스킨 - "반응형 웹스킨"이 대세? 웹 반응형 스킨 설치하기! 

[보러가기] ☞ 2. 웹 반응형 스킨 - "반응형 웹스킨" Skeleton 스킨 - 사이드바 최근글 수정하기

[보러가기] ☞ 3. 웹 반응형 스킨 - "상단 메뉴바 수정" 반응형 스킨 내 블로그에 맞게 꾸미기

[보러가기] ☞ 4. 웹 반응형 스킨 - "Skeleton 스킨" 화면 하단(푸터) 내 블로그에 맞게 바꾸기

 - 웹 반응형 스킨 "Skeleton 스킨(스켈레톤 스킨)" 설치하기

 요즘 구글애드센스를 하는 사람들 사이에서 반응형 스킨에 대한 이야기가 슬슬 올라오고 있는데요, 많은 사람들이 웹 반응형 스킨을 설치하고 있습니다. 저도 한동안 쉬었던 블로그를 다시 운영하면서 반응형 스킨을 설치했는데, 손이 많이 가긴 한데 생각보다 괜찮은 것 같습니다. 구글 애드센스에서도 '반응형 광고' 베타 버전이 나온 걸 봐서는 앞으로 반응형 스킨을 설치하는 사람들이 많아 질 것 같은 생각이 듭니다. 

저도 아직 마크쿼리님이 만드신 스켈레톤 스킨(반응형 웹 스킨/웹 반응형 스킨)에 적응 중이지만 설치 방법부터 어떻게 자신의 블로그에 최적화 시킬 수 있는지 알아보도록 함께 알아보도록 하겠습니다. 사이드바, 레이아웃, 푸터, 상단메뉴, 구글광고 삽입 등등 자신의 스타일에 맞게 수정해 봐야겠죠^^

티스토리에서는 스킨을 사용자가 마음껏 수정할 수 있다는 장점이 있죠! 모두들 그건 아시리라고 믿습니다.(그러니 반응형 스킨에 관심을 가졌겠죠?^^)

티스토리에서는 아직, 반응형 웹 스킨을 서비스하고 있지 않아서 Markquery님의 홈페이지에서 다운로드 한 다음 티스토리에 업로드를 해야합니다. 제 블로그에 적용되어 있는 웹스킨은 "Skeleton"이라는 스킨인데요, 스켈레톤 스킨을 설치하는 방법을 알아보도록 하겠습니다.

1. Skeleton 스킨 다운받기. ☞ 마크쿼리님 홈페이지 - http://markquery.com

반응형 웹스킨 Skeleton는 마크쿼리님 홈페이지에 있습니다.

마크쿼리님 홈페이지 오른쪽 상단의 Download 를 눌러서 들어갑니다.

왼쪽 사이드바 아래쪽에  "SKELETONS 스킨" 항목이 보입니다. 

 Tistory 용 스킨을 클릭합니다.

 다른 버전용을 클릭해서 다운 받게 되면 소용이 없다는 사실! 당연한 거죠?^^

Tistory Skeleton을 누르면, 두 가지 버전의 스킨이 나옵니다. 

첫 번째 버전이 바로 제가 사용하고 있는 버전인 "spider's Web"이고요, 두 번째 버전은 "Doo Be Doo"라는 버전입니다.

두 버전의 차이가 큰 것 같지 않은데요, 

두드러지는 차이점은 spider's web은 사이드바가 오른쪽에 있다는 것이고, 

"Doo Be Doo"는 사이드바가 아래쪽에 위치하고 있습니다.

제 블로그는 spider's web을 적용한 것입니다.

"Doo Be Doo"를 적용한 블로그 보기 ☞ http://markquery-doobedoo3.tistory.com/

링크를 눌러서 들어가면 아래쪽에서 압축 파일을 다운 받을 수 있습니다. 

클릭클릭!

2. 다운받은 스킨을 티스토리에 스킨등록하기!

자 이제 거의 다 마무리 되어 갑니다. 다운 받은 파일만 티스토리에 등록하면 끝나는 거죠! 손이 많이 가는 일은 다운 받고 나서 수정을 해줘야 한다는 것.....그리고 꼭!!! 기존 스킨을 저장! 백업을 해 두셔야 합니다..혹시라도 모를 불상사가 발생하지 않기 위해서 말이죠^^ 저도...스킨 저장안하고 수정하다가 블로그 여러번 손봤습니다..ㅎㅎ

티스토리 관리자 페이지에서, 스킨을 누르면 오른쪽에 "스킨등록"이 있죠. 

스킨등록 버튼을 눌러 줍니다.

아래쪽에 "추가"버튼을 누르고, 파일을 업로드 합니다. 

업로드 하실때는 "grunt"폴더의 파일을 제외한 나머지 파일을 올립니다.

"images"폴더에 있는 파일하고, 바깥에 있는 파일을 업로드 하면 되는 거죠^^

파일 업로드가 끝나면 "스킨 저장명"을 입력하시고, "저장"버튼을 눌러줍니다.

자~ 이제 끝났습니다. 

다시 왼쪽 메뉴에서 "스킨"을 누르시고 "보관함"으로 가면 저장한 스킨이 있습니다. 

스킨을 적용 하면 블로그가 바껴있다는 사실~ 이제부터 제대로 손봐야 겠죠?^^

반응형 웹스킨 Skeleton - Spiders'web 블로그에 적용하는 방법이었습니다.

 다음에는 블로그를 수정하는 방법을 포스팅 할게요^^