반응형 블로그 꾸미기10 티스토리 블로그에 소스코드 강조하여 포스팅하기 종종 블로그글을 보다보면 소스코드가 포스팅 될 때 hightlist 박스 처리되어 잘 정돈된 것을 볼 수 있습니다. 어떻게 하면 저렇게 소스코드가 가독성이 높게 표시할 수 있을까 찾아보니 syntaxhighlighter_3.0 라는 플러그인이었습니다. 쉽게 따라해보려 하니 버전별로 적용 방법에 차이가 상이했기 때문에 저는 3.0.83 버전을 기준으로 적어보겠습니다. 3.0.83은 본 포스팅 링크에서 다운이 가능합니다. 먼저 파일을 받아 압축을 풀어줍니다. 1. 티스토리 로그인 후 관리자 페이지에 들어가서 HTML / CSS 편집기를 클릭합니다. 2. 파일 업로드 탭에서 하단의 추가를 누르고 압축을 푼 폴더내에서 script 와 style 폴더의 모든 파일을 선택해 주어 업로드 합니다. (업로드 시 모든 .. 2017. 10. 15. [블로그 꾸미기]티스토리 css 상단 메뉴 만들기 티스토리엔 여러 스킨이 배포되어 있지만 대부분이 사이드 바를 활용하거나 버튼 메뉴방식이고 이와 같은 부분 때문에 마음에 드는 스킨과 원하는 상단 메뉴를 가지고 있는 스킨은 찾기 어렵습니다. 이번 글에서는 'Dynamic Drive CSS Library'를 이용하면 HTML과 CSS 수정을 통해 상단 메뉴와 홈버튼을 만드는 방법을 알아보자. 1. Dynamic Drive Css Library 사이트에 들어가자 : http://www.dynamicdrive.com/style/csslibrary/category/C1/ 2. 사이트에서 원하는 메뉴 모양을 클릭한다. 3. 마음에 드는 상단 메뉴바 디자인을 찾았으면 스크롤 바를 내려 The CSS에 있는 모든 코드를 복사합니다. 그 후 티스토리 관리 메뉴의 '꾸미.. 2016. 11. 14. 외부 이미지 링크가 티스토리에서 보이지 않을 때! 티스토리는 외부 사이트로 이미지를 퍼가는 것을 금지하고 있습니다.그래서 한번에 많은 이미지를 불펜에 올릴 때는구글 블로그나 다른 서비스를 사용해서 이미지를 올려놓고 링크를 가져와 사용하고 있습니다.하지만 외부 링크로 이미지를 불러오면 티스토리에서는 이미지 없음 아이콘아 나타납니다. 외부 링크 이미지를 나타내게 하기 위해서는 티스토리 이미지 주소 앞에 아래 주소를 추가해서 태그를 적용하면,외부 사이트에서도 이미지가 보입니다. "http://t1.daumcdn.net/thumb/R1024x0/?fname=실제 이미지 주소" 아래와 같이 이미지 주소 앞에 위의 prefix를 붙여줍니다. 예제 2016. 11. 13. [블로그 꾸미기]글 예쁘게 쓰기 블로그 글 예쁘게 꾸미기 1. 간편하게 블로그 글을 이쁘게 쓰려면 마크 다운 툴을 사용하자!! 블로그 글을 작성할 때 기본으로 제공되는 폰트와 문단 틀을 기반으로 글을 써보면 너무 무난한 느낌이 강하게 든다. 여백도 너무 많아 보이고 글자 모양도 만족스럽지 못할 때가 많다. 간단하게 블로그 글을 작성하여 평균기준 이상의 효과를 내는 방법중 하나를 알아보자. 마크다운으로 문서 작업할 때 가장 큰 장점은 아래와 같이 간단한 작성으로 빠르고 쉽게 글을 예쁘게 꾸밀 수 있다는 것이다. 마크다운을 지원하는 앱이나 서비스는 많다. 블로그 플랫폼만 보더라도 유명서비스인 텀블러, 워드프레스 등이 마크다운을 지원하게 되었고, 마크다운 전용 블로그 플랫폼이 앞다퉈 선보이고 있다. 마크다운의 장점 쉽다: 일반인들도 짧은 시.. 2016. 11. 12. 이전 1 2 다음 반응형
