skin.html(5)
-
티스토리 블로그 본문과 사이드바 배경색상바꾸기
티스토리 블로그에서 본문과 사이드바의 배경색을 바꾸면서 자료를 정리하여 올려드립니다. 티스토리에서 공식적으로 배포한 스킨에만 적용 된 스킨위자드로 블로그 배경 색상를 쉽게 바꾸기도 하지만 블로그를 꾸미다 보면 스킨위자드와 수작업과 블로그 꾸미기는 연동이 어렵기 때문에 블로그 본문과 사이드바에 배경색을 바꾸는 방법을 알아 놓으면 편리합니다. skin.html에서 style.css부분에서 블로그 본문과 사이드바 배경색을 바꾸는 방법을 알고 적용하여 나타나는 것을 보면 무엇인가 만들어 가는 성취감을 느끼는 것도 있습니다. skin.html 소스를 바꾸고 적용하면서 반드시 미리보기를 습관화 하여 블로그 꾸미기에서 잘못 되었을 때 다시 바꾸기 위함입니다. 오늘은 블로그를 바꾸면서 3가지를 알아봅니다. 1. 티스토..
2012.04.27 -
태그목록 움직이는 구름태그 블로그스킨에 넣어 만들기
오늘은 태그목록을 구름 같이 움직이는 모습으로 블로그 스킨에 넣어 사이드바에 적용하여 보았습니다. 적용이 되어 보여지는 모습을 안캠코더로 화면을 캡쳐하여 올려봅니다. 태그목록이 단순하게 보여지는 것보다 움직이면서 구름처럼 떠도는 모습을 보면 한번쯤 태그에 단어를 클릭하여 태그로 연결된 자기 블로그 글로 연결하여 볼 것 같습니다. 태그목록에서 움직이는 태그를 만들려고 하면 skin.html 과 style.css에서 파일을 적용하여 구름태그를 블로그스킨에 넣어 만들는 방법입니다. 태그목로에서 배경색은 아래 표시란 곳에 색상코드를 바꾸면 됩니다. 동영상으로 움직이는 태그 모습을 안캠코더로 화면을 캡쳐하여 올려봅니다. 구체적으로 태그목록 꾸미기에서 움직이는 구름태그를 블로그스킨에 넣는 방법은 아래와 같습니다. ..
2012.02.11 -
이미지 배너출력으로 gif파일에 트위터 링크걸기
티스토리 블로그에서 이미지 배너출력으로 움직이는 그림파일인 gif파일로 블로그 사이드바에 트위터 애드원즈를 링크로 걸어 보았습니다. 위에 gif파일을 포토스케이프 프로그램으로 움직이는 사진을 만들어 본문 상단에 넣어 보았습니다. 우측 사이드바를 없애면 본문이 넓어져 빈공간을 트위터를 상징하는 새를 gif파일로 만들어 사이드바를 적용하는 곳에 있는 '이미지 배너출력' 으로 트윗 애드원즈를 링크로 걸어 보았습니다. 위에 있는 gif파일은 저의 블로그 메인페이지로 바로가기로 링크를 걸었보았습니다. 상단의 gif파일과 같은 배경화면으로 보여지는 방법과 것이 이미지 배너출력이 아닌 방법으로 적용하였답니다. 오늘은 우측에 그림파일인 gif파일로 블로그 사이드바에 트위터 애드원즈를 링크걸기로 적용하는 방법을 알려드립..
2012.02.09 -
애드센스 상단 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 -
티스토리 블로그 카운터 삭제와 다시 삽입방법
티스토리 블로그에서 처음 스킨을 선택하고 블로그를 운영하면 격게되는 일들이 많습니다. HTML /CSS 편집을 잘못하여 블로그가 어려움에 빠진 경우도 있고 스킨을 자주 바꾸다 보면 배우는 점은 많지만 글이 많아지다 보면 함부로 HTML /CSS 편집을 하기가 어려워집니다. HTML /CSS 편집을 실행하기 전 반드시 저장해 두면 잘 못되었을 때 되돌릴 수 있는 기능을 사용하여야 하지만 숙달이 덜 된 블로그운영자는 망각하고 그냥 HTML /CSS 편집하다 낭패를 당한 경우도 있습니다. 반드시 스킨을 편집 할 때는 저장해 놓는 것은 100번 강조해도 지나치지 않습니다. HTML /CSS 편집이 어렵다하여 미루다 보면 점점 배우기가 힘들어 집니다. 안전장치를 한 후 작은 것 부터 배우다 보면 하면 할 수록 자..
2011.02.22