본문 바로가기

티스토리 블로그 스킨 배경 무료 '패턴' 넣기

곰가든 2014. 2. 13.

몇일전에 또 블로그 스킨(웹반응형)을 업데이트시키면서 조금 색다르게 변경을 해보았습니다..예전에 쓰던 기존 티스토리 기본형 스킨에도 적용하기도 했던..배경에 '패턴' 넣기에요~

 

개인적인 취향에 따라서 블로그들은 가지각색이지만..대부분 전체가 하얀색 계통의 스킨을 많이 쓰고 있습니다^^ 저 역시도 애초부터 그랬구요.

 

 

그런데 블로그 스킨을 자세히 보면 블로그 콘텐츠와 그 양쪽 옆부분까지도 밝고 하얀색 계통이라면 보이기에는 좋을지 모르지만.

 

해당 블로그 글에 대한 '가독성'이 떨어질 가능성이 있습니다.(물론 통계적으로 확인된 바는 없어요^^)

 

시각적인 면에서 본다면..똑같은 색을 쓰는 것보다는 아래와 같이 색깔을 다르게 지정해두면 블로그 방문자들 입장에서는 시선이 콘텐츠로 조금 더 집중될 수 있겠죠.

 

티스토리 블로그 스킨 배경 무료 '패턴' 넣기1

현재 이 블로그의 스킨을 보면 양쪽에 회색의 패턴이 적용되어 있다는 사실을 확인할 수 있습니다^^ 어디까지나 블로그 꾸미기의 한부분이고..마음에 들지 않는다면 꼭 이렇게 하지 않아도 되니까 참고만 하세요~

 

티스토리 블로그 스킨 배경 무료 '패턴' 넣기2

예전에 쓰던 티스토리 블로그 스킨에도 적용한 저 패턴은..외국 사이트(셔틀패턴)에서 구했습니다..더 중요한건 무료 이미지라는 사실이죠^^

 

티스토리 블로그 스킨 배경 무료 '패턴' 넣기3

수백개가 넘는 패턴들이 있는데 그 중에서 '회색'의 패턴을 검색해서 'Mirrored Squres'라는 패턴 이미지를 사용했었죠..

 

티스토리 블로그 스킨 배경 무료 '패턴' 넣기

 

 

필요하신분은 직접 저 사이트에 방문하셔서 본인이 마음에 드는 패턴을 골라서 다운로드하면 됩니다^^ 다운로드된 압축파일은 압축 풀어준 다음..안에 있는 이미지파일을 자신의 티스토리 블로그에 업로드해야 해요~

 

티스토리 블로그 스킨 배경 무료 '패턴' 넣기4

다운로드된 무료 패턴이미지는 html/css 편집창에서 '파일업로드'로 들어가서 '추가'해주면 되구요~ 미리보기 화면에 나오는 이미지의 URL을 복사해둡니다.. 스킨에 제대로 적용하기 위해선 이미지URL이 필수거든요.

 

티스토리 블로그 스킨 배경 무료 '패턴' 넣기5

마지막으로 HTML/CSS 편집부분중..Skin.html에서 <body></body>에 특정 소스를 넣어줘야 하는데요..

 

위 캡쳐화면을 보시면 그 부분 전체가 <style></style>로 감싸고 있습니다..그 내부에는 body와 table,td가 보이구요..

 

여기서 다른 부분은 크게 손봐줄 부분은 없지만 backgroud image만 자신이 업로드해서 올렸던 패턴이미지 url로 바꿔주세요~

 

'backgroud-repeat'는 당연히 'reapeat'로 설정해놔야만 패턴이 그부분에만 반복되겠죠^^ 혹시 적용하려고 하는 분들은 아래 첨부 파일을 그대로 복사해서 이미지주소만 바꿔주세요~

 

블로그 스킨 배경 패턴넣기.txt
다운로드

 

✅티스토리 블로그 인기글 조회방법

 

티스토리 블로그 인기글 조회방법

오래전에는.. 티스토리 서비스중에 그 블로그의 인기글만 모아서 보여주는 위젯이 있었지만 지금은 그런 플러그인 조차도 없다. 만약 반응형 스킨이 아니라면, 스마트폰에서는 티스토리 '모바

gong6587.tistory.com

✅티스토리 공감버튼 위치 변경 또는 숨기는 방법

 

티스토리 공감버튼 위치 변경 또는 숨기는 방법

언제부턴가 티스토리 공감버튼과 공유, 신고버튼이 함께 묶인 형태로 블로그 본문 좌측에 기본 배치되기 시작했다. 지금 사용중인 이 블로그 스킨에서는 딱히 '숨기기'를 적용하지 않았는데..

gong6587.tistory.com

✅티스토리 사이드바 카테고리 펼치기(2가지 방법)

 

티스토리 사이드바 카테고리 펼치기(2가지 방법)

자신이 운영하는 블로그 사이드바에 카테고리는 기본적으로 노출시키고 있습니다(어떤 블로그를 보면 일부러 노출하지 않는 경우도 있더군요. 오직 검색해서 그 페이지만 볼 수 있게끔 말이죠

gong6587.tistory.com

✅티스토리 '다음 지도위젯' 표시하기,없애기

 

티스토리 '다음 지도위젯' 표시하기,없애기

티스토리에는 '다음'에서 제공하는 다양한 위젯이 있죠^^ 보통 여행블로그나 맛집블로그의 경우 소개한 장소의 위치정보를 제공해주는 '다음 지도위젯'을 대부분 사용중에 있습니다. 잡블로그

gong6587.tistory.com

댓글