본문 바로가기

정보

 (76)
티스토리 블로그 - 본문 소제목 꾸미기 * 작성한 글이 길어지면, 가독성이 떨어지게 마련이다. * 그렇게 가독성이 떨어지게 되면 방문자는 글을 다 읽지 않고 나가게 된다. * 그것을 미연에 방지하기 위해서, 방문자가 본문을 쉽게 읽을 수 있도록 소제목들을 적어주는 편이 좋다. * HTML 태그를 사용하면 비쥬얼하게도 꾸밀 수 있다. 티스토리 블로그 본문 소제목 꾸미기 1번. * 해당 명령어를 'style.css' 가장 마지막 부분에 추가한다. * 소제목 밑줄 색. border-bottom:2px solid #000000; * 소제목 글씨 색. color:#FF0000; * 소제목 왼쪽 색. border-left:5px solid #000000; 티스토리 블로그 본문 소제목 꾸미기 2번. * 글쓰기 창에서 오른쪽 상단의 'HTML 버튼'을 누른..
애드센스 - 본문 상단 오른쪽에 넣기 * 애드센스를 배치하는 방법은 여러가지가 있다. * 상단에 1개 배치, 상단에 2개 배치, 상단 하단 배치... * 자신이 사용하고 있는 스킨에 따라, 컨텐츠의 배치 상태에 따라 최적화된 배치가 다를 수 밖에 없다. * 그중에서도 오늘 소개할 배치 방법은 본문 상단 오른쪽에 넣는 방법이다. * 이 방식은 인터넷 기사등에서 많이 사용되는 방식이다. 애드센스 본문 상단 오른쪽에 넣기 1번. * 관리창의 style.css 메뉴로 이동한다. * 가장 밑에 부분에 해당 명령어를 추가한다. * 애드센스를 본문 상단 오른쪽에 배치. float:right * 애드센스 하단 부분과 본문과의 거리. margin-bottom:10px * 애드센스 왼쪽 부분과 본문과의 거리. margin-left:20px 애드센스 본문 상단..
티스토리 블로그 - 네이버 이웃 위젯 설치 * 티스토리 블로그는 홍보가 네이버만큼 수월하진 않다. * 이웃 시스템이 그다지 활성화되지 않은 점이 크다. * 다행이 네이버 이웃 위젯을 티스토리에도 설치할 수 있다. * 네이버 이웃 위젯을 설치하고, 대표 블로그로 설정하면 새글을 작성할때마다 네이버 이웃소식에 새글이 나타난다. * 즉, 그만큼 자신이 작성한 글을 좀더 홍보할 수 있고 이는 방문자 수를 확보하는데 도움이 될 것이다. 티스토리 블로그 네이버 이웃 위젯 설치 1번. * 네이버 이웃 위젯 관리하기 페이지에 접속한다. (네이버 이웃 위젯 바로가기) * 상단 부분에 있는 '다른 블로그로 퍼가기'를 선택한다. * 나머지 설정은 오른쪽에 있는 미리보기 이미지를 보면서 취향대로 선택한다. 티스토리 블로그 네이버 이웃 위젯 설치 2번. * 네이버 이웃..
티스토리 블로그 - 클라우드 태그 * 스크린샷으로는 표시가 되지 않지만, 클라우드 태그에 마우스를 가져가면 단어들이 움직인다. * 사이드 바를 간단하게 꾸미는 사람도 있고, 여러가지 기능을 전부 배치하는 사람도 있다. * 클라우드 태그는 그동안 사용한 태그를 입체적으로 배치. 디자인적인 요소를 가미한 것이다. * 멋진 클라우드 태그를 만드는 방법을 알아보도록 하자. 티스토리 블로그 클라우드 태그 1번. * 클라우드 태그에 필요한 파일을 다운로드 한다. * '클라우드 태그'의 압축을 풀면, 파일이 2개가 나온다. * 해당 파일들을 HTML/CSS 편집 -> 파일업로드에 추가하도록 한다. 티스토리 블로그 클라우드 태그 2번. * skin.html에서 컨트롤 + F키로 '태그목록'을 찾는다. * '클라우드 태그 명령어를 복사하여, 위의 스크린..
티스토리 블로그 - 물결무늬 제목 플래시 * 포스팅된 글에서 방문자는 제목을 가장 먼저 읽는다. * 때문에 제목으로 방문자의 시선을 끌어야 한다. * 이럴때 도움이 되는 것이 물결무늬 제목 플래시이다. 제목에 플래시 효과가 들어가, 제목을 강조할 수 있다. * 물결무늬 제목 플래시를 적용하는 방법을 알아보자. 티스토리 블로그 물결무늬 제목 플래시 1번. * 물결무늬 제목 플래시에 필요한 파일을 다운로드 한다. * '물결무늬 제목 파일'의 압축을 풀면, 파일이 2개가 나온다. * 해당 파일들을 HTML/CSS 편집 -> 파일업로드에 추가하도록 한다. 티스토리 블로그 물결무늬 제목 플래시 2번. * HTML/CSS -> skin.html에서 컨트롤 + F키로 'article_rep_title'를 검색한다. * 위의 스크린샷과 최대한 유사한 부분을 ..
티스토리 블로그 - 유튜브 동영상 올리기 * 블로그에 글을 쓸때, 대부분 이미지를 추가한다. * 그 이유는 이미지를 추가하는 편이 글만 썼을때보다 방문자에게 정보를 전달하기 수월하기 때문이다. * 요즘에는 동영상 서비스인 유튜브가 활성화되어 있다. * 동영상을 활용하면 방문자 수를 늘릴 수 있을 것이다. * 티스토리 블로그에 있는 플러그인을 이용하여 유튜브를 올리는 방법에 대해 알아보자. 티스토리 블로그 유튜브 동영상 올리기 1번. * 티스토리 블로그 관리자 창에서 '플러그인 설정'을 클릭한다. * 플러그인 설정에 들어가면 여러 메뉴가 나타나는데 그중 '글쓰기' 메뉴를 클릭한다. * 글쓰기 메뉴 칸에서 2번째 줄에 있는 '유튜브 동영상 넣기'를 클릭한다. * 유튜브 동영상 넣기 플러그인을 설정하지 않았다면 하단 부분에 저장 대신 '확인' 버튼이..
공간 스킨 - 본문과 다른 미리보기 이미지 설정 * 공간 스킨은 본문에 가장 먼저 첨부한 이미지가 미리보기 이미지로 설정된다. * 하지만 글을 쓰다보면 미리보기 이미지를 특정 이미지로 설정해야 하는 경우가 생긴다. * 유튜브 영상을 올릴때, 이미지를 첨부하지 않으면 미리보기 이미지에 아무것도 나타나지 않는다. * 이를 해결하기 위해 가장 먼저 첨부한 이미지가 아닌 다른 이미지로 미리보기를 설정하는 방법을 알아보자. 공간 스킨 본문과 다른 미리보기 이미지 설정 1번. * 미리보기 이미지로 설정하고 싶은 이미지를 업로드 한다. * 본문의 처음 부분이나 마지막 부분 어느쪽에 업로드해도 상관없다. * 편한 곳에 이미지를 올리도록 한다. 공간 스킨 본문과 다른 미리보기 이미지 설정 2번. * 글쓰기 모드에서 우측 상단에 있는 HTML을 누른다. * 위의 스크린..
공간 스킨 - jacket 테두리 삭제 * 위의 스크린샷에서 왼쪽 상단을 자세히 보면 빨간색 네모안에 회색 테두리가 보인다. * 스크린샷 상으로는 테두리가 희미하게 보이지만 실제 화면에서는 테두리가 상당히 진하다. * 수정하지 않은 상태에서 jacket에 배경이 투명한 이미지를 사용하면, 테두리가 남아 보기에 거슬린다. * 공간스킨에서 jacket의 테두리를 삭제하는 방법에 대해 알아보자. 공간 스킨 jacket 테두리 삭제 1번. * 관리자 메뉴에서 style.css로 이동한다. * 컨트롤 + F 키를 이용해, '.cover:before'를 검색한다. * '.cover:before'를 검색하면 여러개가 나오는데 위의 스크린샷과 똑같이 나타나는 부분을 찾는다. * 파란색으로 표시되어 있는 border 부분을 삭제한다. 공간 스킨 jacket ..

티스토리툴바