style.css(4)
-
티스토리 블로그 본문과 사이드바 배경색상바꾸기
티스토리 블로그에서 본문과 사이드바의 배경색을 바꾸면서 자료를 정리하여 올려드립니다. 티스토리에서 공식적으로 배포한 스킨에만 적용 된 스킨위자드로 블로그 배경 색상를 쉽게 바꾸기도 하지만 블로그를 꾸미다 보면 스킨위자드와 수작업과 블로그 꾸미기는 연동이 어렵기 때문에 블로그 본문과 사이드바에 배경색을 바꾸는 방법을 알아 놓으면 편리합니다. skin.html에서 style.css부분에서 블로그 본문과 사이드바 배경색을 바꾸는 방법을 알고 적용하여 나타나는 것을 보면 무엇인가 만들어 가는 성취감을 느끼는 것도 있습니다. skin.html 소스를 바꾸고 적용하면서 반드시 미리보기를 습관화 하여 블로그 꾸미기에서 잘못 되었을 때 다시 바꾸기 위함입니다. 오늘은 블로그를 바꾸면서 3가지를 알아봅니다. 1. 티스토..
2012.04.27 -
티스토리 블로그 꾸미기 좌우이동이 되는 사이드바
티스토리 블로그 스킨의 장점은 사용하고 있는 블로그를 자유롭게 스킨을 변경하여 사용 할 수 있는 점이 좋습니다. 스킨의 큰 틀은 좌측에 사이드바가 있는 경우가 있고 우측에 사이드바를 넣는 경우가 있습니다. 이런 스킨을 2단형 스킨이라합니다. 1단형 스킨은 사이드바가 없거나 하단에 있는 경우이고 3단형 스킨은 본문이 중앙에 오고 좌우에 사이드바를 넣는 경우를 말합니다. 오늘은 2단형 스킨에서 사이드바를 좌측이나 우측으로 이동하여 바꾸는 방법을 알아봅니다. 티스토리 블로그 꾸미기에서 좌우이동이 되는 사이드바는 스킨을 어느정도 아는 분들은 어렵지 않게 적용하여 바꾸어 사용하기도 하지만 스킨적용에 숙달이 덜된 분들은 스킨의 내용을 바꾸면서 주의해야 하는 것은 기본적인 일입니다. 스킨 적용에 있어서 항상드리는 말..
2012.03.05 -
태그목록 움직이는 구름태그 블로그스킨에 넣어 만들기
오늘은 태그목록을 구름 같이 움직이는 모습으로 블로그 스킨에 넣어 사이드바에 적용하여 보았습니다. 적용이 되어 보여지는 모습을 안캠코더로 화면을 캡쳐하여 올려봅니다. 태그목록이 단순하게 보여지는 것보다 움직이면서 구름처럼 떠도는 모습을 보면 한번쯤 태그에 단어를 클릭하여 태그로 연결된 자기 블로그 글로 연결하여 볼 것 같습니다. 태그목록에서 움직이는 태그를 만들려고 하면 skin.html 과 style.css에서 파일을 적용하여 구름태그를 블로그스킨에 넣어 만들는 방법입니다. 태그목로에서 배경색은 아래 표시란 곳에 색상코드를 바꾸면 됩니다. 동영상으로 움직이는 태그 모습을 안캠코더로 화면을 캡쳐하여 올려봅니다. 구체적으로 태그목록 꾸미기에서 움직이는 구름태그를 블로그스킨에 넣는 방법은 아래와 같습니다. ..
2012.02.11 -
애드센스 상단 2개 광고를 응용한 다양한 스킨 적용
애드센스 상단 2개 광고를 응용한 다양한 스킨 적용하는 방법을 알아두면 본문안에 검색바 또는 카운터,다음뷰글 여러가지 스킨을 적용할수 있습니다. 먼저 티스토리 스킨 skin.html에서 article_rep_desc를 찾습니다. skin.html에서 article_rep_desc을 중심으로 위에 애드센스 상단 2개 광고를 붙이면 본문위에 광고를 적용합니다. 바꾸어 말슴드리면 skin.html에서 article_rep_desc을 중심으로 아래에 광고 태그를 붙이면 아래쪽 광고가 적용됩니다. 스킨을 적용하면서 예를 들면 광고 넣는 자리를 광고스킨 이렇게 만들어 놓으면 언제든지 그자리에 광고태그를 넣으면 됩니다. 일반적으로 알려져 있는 애드센스 상단 2개 광고를 넣는 방법은 article_rep_desc를 찾..
2012.02.06