2011/11/14 13:48
http://wanjucb.org/

간만에 맘에 드는 티스토리 블로그를 보았습니다. 

블로그홈페이지 개념으로 이렇게 사용하면 좋지요. ^^ 

 
Posted by 남준다
2011/01/04 08:30

티스토리 첫 화면을 티에디션으로 보기 좋게 나열해 꾸미는 방법

< 티스토리 가입과 관리자 모드 들어 가는 것은 생략 합니다. > 



티스토리 ( TISTORY ) 관리자 모드에 들어 갑니다. 

스킨 > 티에디션 설정 > 

티에디션설정 > 사용(체크) 가 되어 있어야 합니다. 



티에디션 시작하기 >  클릭 




"알콩달콩 경빈마마의 요즘 이야기" 라는 타이틀의 내용을 변경하려고 합니다. 

변경을 하려는 해당 부분 클릭 하면 


위의 창의 내용이 해당 내용이 나타나게 됩니다. 

이중에서  "아이템", "글선택", "디자인" 이라는 3가지 메뉴 중 "디자인"을 클릭 하셔요. 

"타이틀" 이라는 체크 박스가 있을 텐데요. 타이트를 사용하실 예정이라면 체크가 되어 있어야 겠지요. 

또한 해당 내용으로 수정을 해 주시면 되겠지요? 




하지만 무언가 부족하지요? 

그럼 타이틀 아래로 보이는 글씨체, 글씨폰트크기, 글씨 색깔, 타이틀 배경 색상, 타이틀 테두리 모양과 색상, 타이틀 아이콘을 선택해 주셔요. 

그 아래 "글제목"과 "글요약"은 필요시 변경을 하시면 됩니다. 





글씨체는 굴림체, 폰트는 14, 글씨 색상은 흰색, 배경은 빨간색 계열, 테두리도 선택, 아이콘도 선택 짜짠.... 




보기 좋지요? 

첫번째 부분은 헤드라인의 특징이 있으니 

"아이템" 메뉴로 가서 크기와 모양이 적절한 것을 잘 선택해서 결정을 해 주시면 

티스토리가 이쁘게 꾸며지지요. ^^




첫번째의 헤드라인을 넘어서 2번째 줄 부터는 

"아이템" 에서 목록형 중 하나를 선택 했습니다. 
사진이 너무 크지도 않고, 미리 해당 되는 글을 설명하는 리스트를 보여 주는 걸 선택 했습니다. 

아이템을 선택할 때 너무 다양한 것으로 선택을 하면 조금은 어지러워 지니 
그부분을 조심해서 선택을 해 주시면 좋겠습니다. 



경마마의 사는이야기 그룹과  경빈마마의 제철밥상이야기 타이틀 바로 위로 3가지 기능이 보일 겁니다. 

첫번째 기능은 " + - "  눌러 보시면 기능을 알 수 있는데요. " + " 를 누르면 목차의 줄이 늘어 나면서 더 많은 글들이 보일 수 있게 하고요. " - " 를 누르면 반대로 줄이 한줄씩 줄어 들지요. 

두번째 기능의 " + " 는 또 하나의 그룹을 생성을 시켜 주지요. ^^

세번째 기능의 " 위아래 화살표와 x " 는 해당 그룹의 차례를 변경 시키거나 삭제를 하게 한답니다. 



"글선택" 도 설명을 드리면

해단 그룹을 선택 되어 있는 상태에서  "최신글" ㅁ전체카테고리가 아닌 그룹만의 카테고리의 최신글만 나오게 할 수가 있습니다. 

또한 

"직접" 이라는 부분을 선택 하면 

카테고리를 통해서 해당글 선택해서 카테고리에 보일 수 있게 할 수도 있습니다. ^^ 






맨 마지막으로 가장 중요한 부분입니다. 

아무리 수정을 잘 했어도... 

적용하기를 제대로 누르지 않고 마무리를 하신다면? 

저장도, 적용도 되지 않고 이전의 모습으로 남아 있게 될 겁니다. 



"적용하기"




농어업인들의 SNS, 블로그, 전자상거래, e비즈니스에 관한 궁금한 질문을 받습니다. 

남준다가 나름 재해석해서 namjunda.com 티스토리에 자료를 등록해 드리겠습니다. 

저작자 표시 비영리 변경 금지
Posted by 남준다
2010/09/30 22:59

티스토리에서 내용에서 댓글이 펼쳐 보이고 싶어용. 

본인의 티스토리에서 댓글이 펼쳐 보이지가 않으셔요? 

그럼 바로 고쳐 보시죠. 



관리자 모드로 가시죠.


관리자 모드 버튼 클릭 


스킨 > 화면출력 설정 클릭 > 그럼 댓글 펼침, 트래백 펼침 보이시죠? 

체크를 해 주세요. 




그리고 확인 해 주시면 완료 됩니다. ^^ 


이제는 펼쳐 보이시죠? ^^ 

간단히 끝내 보았습니다. ^^ 
저작자 표시 비영리 변경 금지
Posted by 남준다
2010/09/29 09:55


기존의 티스토리를 아래와 같이 변경을 했습니다. 

어떤가요? 

첫번째로는 스킨 이미지들을 나에게 맞추어서 변경을 했습니다. 

변경한 이미지는 아래 3가지 자료 입니다. 

타이틀 , 프로필 이미지 하단 설명 타이틀, 타이틀 하단 설명글







또한

페이스북의 좋아요 라는 것을 블로그 본문 상단에 아이프래임 방식으로 나타나게 했습니다. 



또한 블로그 본문 맨 하단에는 페이스북의 페이지를 만들고 좋아요가 나올 수 있도록 수정 작업을 했습니다. 



또한 블로그의 프로필 이미지 하단에는 트위터와 페이스북으로 직접적으로 연결 될 수 있도록 사이드바에 프로필을 넣었습니다. 




작은 변신과 작은 추가 몇가지로 티스토리 블로그가 한층 업그레이드가 된 듯한 느낌을 받아서 좋아요. ^^

셋팅 하는 방법이 궁금 하신 분 있나요? 

질문 주셔요. 

시간이 되는데로 하나씩 하나씩 차근 차근 알려 드릴께요. 








저작자 표시 비영리 변경 금지
Posted by 남준다
2010/09/28 08:55
TISORY 관리자 모드 >  환경설정 > 블로그정보 > 아이콘 > 파비콘
설정이라는 부분을 보셨을 것 입니다.


파비콘을 어떻게 쉽게 만들까요?

파비콘 설정을 어떻게 하는지 차근 차근 설명 해 드릴 테니 따라 해 보시기 바랍니다.


상단 탭메뉴에 파비콘이 세팅 되어 있는 것이 보이지요?

파비콘 .ico 는 홈페이지 제목 부분에 아이콘 형식으로 등록이 됩니다.




다음에서 다운 받은 "포토스케이프" 무료 프로그램을 활용해서 인터넷의 이미지를 화면 캡쳐 받아 보도록 하겠습니다. 

포트스케이프 실행 > 화면캡쳐 실행 > 사각영역 캡쳐


해당 이미지를 선택 합니다. 


해당 이미지가 사진편집 기능에 뜹니다. 


하단 메뉴탭의 자르기를 선택하고, 1:1기준을 선택 합니다. 


자르기 후 저장을 합니다. 

포토스케이프를 활용해서 가로 세로 사이즈가 같은 정사각형의 이미지를 먼저 만들었습니다. 

다음으로는 

http://converticon.com/   클릭을 하셔요.



Get Started 를 실행 하셔요.


Browse 를 통해서 만든 정사각형의 이미지를 선택 하셔요.


해당 이미지가 나타 날 겁니다.


 원하는 사이즈를 선택 하고, Save As 를 선택 하셔요.



TISORY 관리자 모드 >  환경설정 > 블로그정보 > 아이콘 > 파비콘
에 해당 파일을 선택 후 입력 했더니 적용이 되었군요.

어떤가요?

이리 작업을 하니 파이콘도 어렵지 않지요? ^^

도움이 되었다면 댓글 하나 부탁 드립니다.

오늘도 행복한 하루 되세요.
저작자 표시 비영리 변경 금지
Posted by 남준다
2010/09/28 08:13

요즘 열심히 블로그 활동을 하는 산비탈아낙네님 블로그를 살펴보다 보니 조언이 필요 할듯 해서 자료를 등록 합니다. 


여러분도 한번 살펴 보셔요. 

블로그 참 잘 하시죠? 

이제 3개월?? 되었나요? ^^ 앙.... 

이렇게 꾸준히 하시면 내년에는 우수 블로그 등록 하시겠어용. 

멋져요. 멋져 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


푸근한 산비탈아낙네 농장에는 산비탈고구마 라는 쇼핑몰( http://sanbital.kr/ )을 가지고 있습니다.  

쇼핑몰을 가지고 있으면서도 블로그 활동을 열심히 하시는 울 님들 보셔요. 

왜 다음 블로그에 배너가 없지요? 



사례로 보시지요... 


경빈마마님 다음 블로그 입니다. 어때요. 저기 배너 보이시죠? 
저 위쪽에 보시면 경빈마마 홈페이지 ( e-행복한세상 마마님청국장 )

우리도 다음 블로그에 배너 한번 만들어 볼까요? 



지금 부터 다음 블로그 배너 만들기를 해 보시죠.

다음 블로그 관리자에는 들어 가실 수 있지요?

글쓰기 버튼 옆에 보시면 "관리" 라는 것이 있지요...

관리 클릭 -> 위젯 클릭 -> 위젯더보기 클릭 



위젯전체 검색에서 "나만의 " 하고 검색을 해 봐 주세요. 



그럼 나만의 배너 보이시죠? 그걸 선택해 주세요. 


나만의 배너 위젯을 잘 넣어 주세요.

그리고는 설정을 누르셔요. 



이렇게 셋팅 하시면 됩니다. 

이미지 가로는 166PX 세로는 64PX 로 셋팅 하시면 되고요. 

이미지를 만드는 방법은 포토스케이프 화면캡쳐를 하시는 것이 가장 좋을 듯 하고요. 
[ 포토스케이프 화면캡쳐는 지난번에 배우셨지요? 생략합니다. ]

크기 자르는 것은 포토스케이프 자르기에서 크기를 정해 놓고 자르면 좋겠습니다. 

이미지 경로는 어떻게 설정하냐면요. 

평소 쓰듯이 블로그에 사진 등록 하기로 등록을 하시고요. 이미지에 마우스 올려 놓으시고, 오른쪽 클릭 하셔서 속성을 보시면 URL 이 보입니다. 

그럼 그 URL 복사해서 이미지경로에 넣으시면 됩니다. 




포토스케이프 화면 캡쳐 받는 사례 >>>>>>>>>>>>



다음에서 다운 받은 "포토스케이프" 무료 프로그램을 활용해서 인터넷의 이미지를 화면 캡쳐 받아 보도록 하겠습니다. 

포트스케이프 실행 > 화면캡쳐 실행 > 사각영역 캡쳐


해당 이미지를 선택 합니다. 


해당 이미지가 사진편집 기능에 뜹니다. 


하단 메뉴탭의 자르기를 선택하고, 1:1기준을 선택 합니다. 


자르기 후 저장을 합니다. 

포토스케이프를 활용해서 가로 세로 사이즈가 같은 정사각형의 이미지를 먼저 만들었습니다. 
저작자 표시 비영리 변경 금지
Posted by 남준다