2012. 12. 4. 16:52

[블로그 꾸미기팁] 심플, 깔끔한 무료 티스토리 스킨 모음

티스토리 스킨을 받을 수 있는 곳 총정리


어제에 이어서 오늘도 티스토리 스킨에 대한 이야기를 적어보려고 합니다.

제 경우에는 티스토리스킨을 따로 만들어서 적용을 시켰는데요~ 

보통 많은 분들이 스킨적용을 하기위해서 찾는 곳이 바로 이 두곳일 것입니다.


텍스트 큐브와 티스토리 스킨포럼

티스토리 스킨 포럼: http://www.tistory.com/forum/viewforum.php?id=2

텍스트 큐브: http://textcube.org



그외에 개인적으로 무료 스킨을 배포하시는 분들도 있고 유료 스킨을 배포하시는 분들도 있어 소개하려고 합니다.


1단스킨 - 심플한 아름다움1


티스토리에 적용시켜봤더니 단순하고 깔끔해서 오래 써도 무난할 것 같은 생각이 들었어요.

일기장 같죠?



CKA-noiyes-bom-2-TI(0831) (1).zip







1단스킨 - 심플한 아름다움2


위의 스킨과 비슷한 느낌의 스킨입니다.

그래도 조금씩 다르죠? 원하는 스킨으로 골라 선택하세요~





panopt_customized.zip


1단스킨 - 심플한 아름다움3

위의 스킨들과 비슷한 구성인데요~ 깔끔하지만 조금씩 차이가 있어서 모두 퍼왔어요^^





monolog_v2.zip



2단스킨 - 깔끔한 스킨 Daisy Blue 


2단을 사용하는 분들이 가장 많으실 것 같은데요~

깔끔한 스킨이라 사용하기 더 좋을 것 같습니다.






Simple_Blue_Daisy.zip



 2단스킨 - 깔끔한 스킨  SEEVAA

2단스킨이면서 모노톤으로 꾸며져 사진을 얹기에도 좋을 것 같은 느낌입니다.




민.zip



오늘은 깔끔하고 심플한 티스토리 스킨을 모아왔습니다.

스킨제작자 분들은 정말 대단하신 것 같아요!

예쁜 스킨을 만들어주신 모든분들께 감사드리며 다음에도 좋은 스킨을 찾아서 가지고 오겠습니다. :D



Trackback 0 Comment 41
  1. 이전 댓글 더보기
  2. 2013.03.06 14:11 address edit & del reply

    비밀댓글입니다

  3. Favicon of http://noxious.tistory.com BlogIcon noxious 2013.04.12 20:32 신고 address edit & del reply

    심플한 아름다운 스킨 받아갑니다. 좋은자료 감사드려요!

  4. 2013.06.12 19:37 address edit & del reply

    비밀댓글입니다

  5. 2013.08.04 05:51 address edit & del reply

    비밀댓글입니다

  6. 2013.08.04 05:53 address edit & del reply

    비밀댓글입니다

  7. 2013.08.07 22:01 address edit & del reply

    비밀댓글입니다

  8. Favicon of https://betterday1.tistory.com BlogIcon 디어니스 2013.09.22 17:39 신고 address edit & del reply

    이쁜 스킨 받아갈께요~ 감사합니다^^

  9. Favicon of http://agaa.tistory.com BlogIcon 아가아 2013.10.19 20:22 신고 address edit & del reply

    너무 이쁩니다 원했던 스킨이에요 감사합니다+_+

  10. 2013.12.03 02:24 address edit & del reply

    비밀댓글입니다

  11. Favicon of http://tkdtnfls.tistory.com BlogIcon 상수린 2014.02.23 19:14 신고 address edit & del reply

    저도잘받아갈게요~

  12. 2014.03.06 23:37 address edit & del reply

    비밀댓글입니다

  13. Favicon of http://oneliver.tistory.com BlogIcon 리브야 2014.04.12 19:01 신고 address edit & del reply

    심플한 아름다움 1 잘 받아갈게요~:D

  14. Favicon of https://lulullulu.tistory.com BlogIcon 루룰루루 2014.04.28 10:21 신고 address edit & del reply

    받아갑니다. 감사해요 ^^

  15. 2014.07.24 01:11 address edit & del reply

    비밀댓글입니다

  16. 2014.08.03 14:51 address edit & del reply

    비밀댓글입니다

  17. 2014.09.27 00:22 address edit & del reply

    비밀댓글입니다

  18. 2014.10.12 17:59 address edit & del reply

    비밀댓글입니다

  19. 2014.10.25 15:31 address edit & del reply

    비밀댓글입니다

  20. 2015.07.19 02:53 address edit & del reply

    비밀댓글입니다

  21. 2015.08.26 16:12 address edit & del reply

    비밀댓글입니다

2012. 12. 3. 16:47

[블로그 꾸미기팁] 티스토리 무료스킨 추천 -1

스킨 오래 쓰면 좀 지겨우시죠? 설치형 블로그를 위한 스킨을 가지고 왔습니다^^




[Tistory]Simpla Skin(1 column version)배포합니다. by 헨리

워드프레스용 스킨을 티스토리 1단스킨으로 컨버팅한거라고합니다.


파일도 같이 올릴께요!



Simpla 1 column.zip





FLATBERRY Strawberry

플랫베리 라는 스킨이에요. 티스토리 이용자중에서도 많은 분들이 사용하시던데 찾으셨다면 아래 주소를 클릭해주세요!


http://australis.tistory.com/entry/FLATBERRY15








아이패드에 있는 노트패드 같은 느낌의 티스토리 스킨입니다.


다운로드는 이쪽에서 해주세요!


http://juostory.tistory.com/160






by Bfactory




facebook스타일의 스킨입니다.

깔끔하게 만들어져 더 눈이가네요!


1. 왼쪽 상단 로고 글자를 변경
images/beautyfactory.jpg 파일을 수정하시기 바랍니다.

Font는 BankGothic Md BT입니다.
Download: http://fontzone.net/font-details/BankGothic+Md+BT+Medium/ 


2. Site
BeautyFactory: http://beautyfactory.org/blog/ 



beautyfactory_v1.1.zip






다음에 또 예쁜 스킨을 가지고 오겠습니다^^










Trackback 0 Comment 0
2012. 11. 23. 15:10

[블로그 꾸미기팁] 블로그에 지도 넣기/네이버 지도/다음 지도/구글 지도




다음 포스트를 준비하면서 지도 첨부하는 법을 처음 알게된 초보 블로거 카이로그 인사드립니다.^^

저는 지도를 캡쳐해서 넣으려고 했는데 알고보니 글쓰기 창에 보면 <지도>버튼이 있고 거기에 주소를 넣고 지도를 첨부할 수 있더라구요~ 티스토리에서 사용하는 지도는 다음지도인데 부득이하게 네이버지도나 구글지도가 필요한 경우는 어떻게 해야하는지까지 알아보려고 합니다.



1. 티스토리에 다음지도 넣기



네이버 블로그에 네이버 지도를 넣는 것만큼이나 티스토리에 다음지도를 넣는것은 쉽습니다.

글쓰기 화면의 도구모음에 <지도>를 클릭해주세요!



원하는 위치를 검색한다음 



어떤 핀으로 체크할지를 선택하면



바로 지도가 첨부됩니다^^







2. 티스토리에 네이버 지도 넣기



티스토리에 굳이 네이버 지도를 넣는 이유는 무엇일까요?

찾아보니 네이버 지도에서는 경로 표시를 할 수 있고, 스마트 폰에서 스크롤에 반응하지 않아 편리하다고 해요. 다음지도는 html소스 충돌이 생기는 경우가 있다고 하니 티스토리에 네이버 지도를 넣는 방법도 잘 알아두어야겠습니다.(출처 : KT한의 정보창고)


http://map.naver.com/


네이버 지도로 갑니다.


주소를 검색한뒤 하단에 있는 <지도공유> 클릭!!




지도공유 부분에는 블로그에 담기와 지도 복사 부분이 있어요.



만약에 블로그에 담기를 클릭했다면 네이버 블로그에 지도가 담아져요.

하지만 우리는 티스토리 블로거니까 지도복사를 클릭해요.




원한는 사이즈를 선택하고 다음을 누르면 두구두구둑두구



이렇게 HTML코드가 나오게됩니다. 우리에게 친숙한 언어죠?^^ 

원하는 곳에 HTML코드를 넣으면 지도가 생성되게 되는데요. 거리뷰 항공뷰기능은 iframe이 지원되는 곳에서 사용할 수 있다고 하니 참고해주세요!



3. 티스토리에 구글지도 넣기


티스토리에 다음 지도, 네이버 지도 넣는 방법까지 알았으니 이제는 구글지도도 넣어보기로해요.



maps.google.co.kr





구글 맵스에 가서 원하는 장소를 검색하면



이렇게 프린트모양 클립모양이 있어요.

그중 클립모양을 누르면 이렇게 이메일이나 메신저에 링크붙여넣기 창이 뜨게 됩니다.

여기에 HTML을 복사하여 웹사이트에 지도삽입하기화면이 있죠?

저걸 복사해서 원하는 곳에 뙇 붙여주시기만 하면 됩니다.




더 자세히 지도크기를 조정해서 볼 수 있는 화면입니다.

아 근데 이상하네요. HTML코드를 붙여 넣어도 안되는데 이건 제가 더 알아봐야 될 것 같아요.



아무튼! 지금까지블로그에 지도 넣는 방법 - 다음지도, 네이버 지도, 구글지도까지 알아봤습니다!


궁금한 부분이 있다면 주저하지 마시고 댓글 마구마구 달아주세요!








Trackback 0 Comment 0
2012. 11. 21. 15:45

[블로그 꾸미기팁] 티스토리 웹폰트 적용하기

지난 6월에 티스토리 웹폰트 적용기를 올렸다가 올리는 도중에 도저히 할 수 없어서 완성본을 보여드리지 못했어요.

그 이후에도 계속 폰트가 왜이럴까.. 하면서 이것저것 해봤는데도 계속 안되더라구요.

그냥 포기상태로 몇개월이 지나고, 다시한번 해보자! 해서 이렇게 다시 티스토리 웹폰트를 적용해보게 되었습니다.






http://allbl.tistory.com/22






지난 포스트와 이어서 봐주시면 됩니다.





지난번에 적용이 안됐던 이유는 폰트를 깔아놓고 Style.css에 폰트이름을 다 바꾸지 않아서 그렇게 됐었던 것 같아요.

제가 다른 글에서 봤을 때는 Ctrl+F로 Font-family를 검색해서 폰트명을 바꾸라고 하셨는데요~ 저는 아예 Font로 검색해서 나와있는 폰트명을 모조리 다 바꿨어요.


이 방법이 맞는 방법인지 아닌지는 확실하지 않아요. 

하지만 이렇게 했더니 결국에 모든 폰트가 다 바뀌더라구요~

신기한건 폰트하나 바꼈을 뿐인데 블로그 분위기도 많이 달라진 것 같아요. 맑은 고딕체를 사용했는데 가독성도 훨씬 높아지구요!

혹시 저처럼 웹폰트변경때문에 골머리를 썩고있는 분이 있다면 이렇게 Style.CSS에 나와있는 모든 Font 명을 바꾸고 싶은 폰트로 바꿔보시는 방법을 사용하는 것도 좋을 것 같습니다^^






혹시 궁금한 점이 있다면 댓글달아주세요! 제가 아는 선에서 모든것을 알려드릴께요!!




Trackback 0 Comment 2
  1. Favicon of https://variousinterestedpeople.tistory.com BlogIcon L'artiste curieuse 2012.11.21 23:35 신고 address edit & del reply

    잘 하신 것 같아요! 저도 그렇게 했거덩요. ㅎㅎ

2012. 11. 19. 15:26

[블로그 꾸미기팁] 트위터 헤더와 프로필을 통일감있게 만들기

트위터 헤더와 프로필을 통일감있게 만들기


저번시간에 바뀐 트위터 프로필에 대한 포스팅을 올렸었는데요.


[블로그 꾸미기팁] 트위터 프로필 배경 (헤더) 변경하기


오늘은 통일감있는 트위터 헤더와 프로필을 설정해보려고 합니다.

제 트위터로 말씀드릴께요!






트위터를 켰을 때 첫 화면이에요. 프로필과 헤더를 바꾸기위해서는 톱니바퀴모양 버튼을 눌러야 합니다. 클릭!




설정화면의 다섯번째 메뉴에 프로필 메뉴가 있습니다.

여기에서 사진과 헤더를 변경할 수 있어요.




헤더이미지는 올리고나서 사이즈와 위치 조절이 가능합니다.





사진부분도 마찬가지인데요~ 사진과 헤더를 적절하게 조절하고 들어오면!!




아.. 저는 잘 맞지는 앉는데요~ 이렇게 조금씩 조정하면서 헤더와 프로필을 통일감있게 만드는 것도 재밌는 작업이아닌가 하는생각이 들어요.

게다가 이렇게 만들어두면 프로필을 굉장히 시원하게 본다는 느낌이 들기도 하구요!




만약에  저런 화면보다 프로필이미지와 관계없지만 멋진 사진으로 헤더를 꾸며보고 싶다 하시는 분들은 Twitcover 라는 곳에서 예쁜 이미지 많이 받아서 사용하시면 되구요!


URL : http://www.twitcover.com/




더 궁금한 점은 댓글로 남겨주세요!



Trackback 0 Comment 1
  1. Favicon of https://kikieroom.tistory.com BlogIcon 이룸A 2012.12.30 17:21 신고 address edit & del reply

    트위터 헤더 바꾸려고 검색하다가 여기 들어오게 되었어요. 우와~ 트윗커버라는 사이트 몰랐는데.. 고맙습니다^^