티스토리 블로그 꾸미기? 블로그 설명(소개글) 안 보이게 하는 방법 : HTML 글자크기 변경 및 글자색 투명화 / 2016. 02. 09

'탈 Project'

 

티스토리 블로그 꾸미기?

블로그 설명(소개글) 안 보이게 하는 방법 :

HTML 글자크기 변경 및 글자색 투명화

 

 

 

 

 

 

2016. 02. 09

 

 

 

 

 

나 같은 'HTML 바보?'도 이렇게 관련된 글을 작성하게 될 줄이야, 그 누가 알았겠는가 싶지만

이번 만큼은 여기저기서 주워들은 '잡지식'을 총동원해

일종의 '티스토리 블로그 꾸미기?'의 일환으로 '블로그 설명(소개글)'을 없애는,

즉 '안 보이게 하는 방법'에 대해 글을 써볼까 한다. :P

 

 

 

 

 

<티스토리 블로그 '탈프로젝트 TAL Project' 기본 정보 : 블로그 이름 & 블로그 설명 모습

/ 티스토리 모바일 어플리케이션>

 

 

 

 

분명, 글의 제목으로 '티스토리 블로그 꾸미기'라 지었지만

 그 옆에 '물음표 - ?'를 붙였듯이

'블로그 설명', 즉 '블로그 소개글'을 '안 보이게 하는 방법'을 설명하는 것이 

과연 '꾸미기?'인가 싶어 붙여 넣은 것이라며... ^^;

 

 

 

 

하지만 분명한 것은 위와 같이 '블로그 소개글'을 없애는(안 보이게 하는) 그 방법을 찾기 위해

많은 시간과 노력을 투자하였고 또 시행착오를 겪으며 결국엔 알아내었기에

(별 것 아닐지라도) 궁금해할 누군가를 위해 작성해볼까 한다. :O

 

 

 

 

...

 

 

 

 

우선, 그 배경부터 잠깐 설명하자면

최근 '네이버 Naver' 검색을 통해 남자 패션 블로그 '탈프로젝트'를 검색했을 때 

'사이트'로써 등장하는 모습을 볼 수 있을 것인데

'블로그 이름 : 탈 프로젝트 TAL_Project'만 나오지 아래 '블로그 설명?'은 등장하지 않는 것이었다.

 

 

 

 

그리하여 그 점을 개선하고자 'HTML'을 통해 '사이트 설명 Description'을 기입하였지만

('네이버 웹마스터'에 따르면 '사이트 설명 - 존재'로 나왔음에도)

실질적인 '사이트 설명' 관련 반영X이 되지 않았었는데...

.

.

.

 

 

'네이버 검색 공식 블로그'의 한 글을 통해 알게된 것이 '블로그'가 '사이트'로써 자동 반영되듯이

'블로그 이름' 및 '블로그 설명' 자체도 자동으로 반영된다는 것과 더불어

위 캡쳐본 속 '블로그 기본 정보'에 들어간 '블로그 이름' 및 '설명'이 로직에 따라 반영된다는 점이었다. :O

 

 

 

 

 

<티스토리 블로그 '탈프로젝트 TAL Project' 기본 정보를 통해 '블로그 설명'을 작성한 뒤

바라본 '탈프로젝트' 블로그 메인 화면>

 

 

 

 

'아하 ! 그렇단 말이지' 하며 티스토리 블로그 '탈프로젝트'의 관리 페이지(PC버전)에 들어가

'블로그 기본 정보 - 블로그 설명'을 보니 아니나 다를까 공란으로 비워져 있었고

야심차게 '블로그 설명'란을 채워보았더랬다. ^^;

 

 

 

 

'남자 패션 블로그 : TAL Fashion 남자 데일리룩 코디 및 일상 이야기 수록'

 

 

 

 

나름 '사이트' 혹은 '블로그' 설명 중에 '깔끔한?' 느낌을 내고자 하여

'탈 프로젝트 TAL Project'의 중심 소재인

'남자 패션 블로그'인 점과 그 안의 'TAL Fashion 데일리룩 코디'

그리고 그 밖의 '일상 이야기'로 간추려 써보았다며... ;)

 

 

 

 

...

 

 

 

 

그렇게 '블로그 설명'을 작성한 뒤,

만족스러운 채로 '탈프로젝트' 메인 화면으로 돌아왔더니...

.

.

.

 

 

내가 왜 '1년여간' 운영하면서 '블로그 설명X'을 안 달았었는지 그제서야 다시 깨달았는데

위 캡쳐본 모습과 똑같이 'Project 탈' 블로그 로고 가운데 우뚝 선

'블로그 설명'은 정말 어쩔까 싶더라. ^^;

 

 

 

 

 

<티스토리 블로그 관리(Admin) - HTML / CSS 편집 페이지 - CSS - '블로그 타이틀 : blogtitle'을 찾아라>

 

 

 

 

'아차' 싶어 그냥 '블로그 설명?' 따위 없이 살까 하였지만

그래도 '사이트'로 검색되었을 때 멋지게 '블로그 설명' 한 줄 있으면 좋을 것 같기도 했고

(언제 반영될 지는 미지수지만...) 또 이대로 포기하기엔 아까워서

어떻게든 저 '블로그 설명'을 '안 보이게 만들 것'이라며 폭풍 검색을 했더랬다. :P

 

 

 

 

그 결과 '티스토리 블로그 꾸미기'의 종류로 '블로그 이름' 및 '블로그 설명'과 관련된

여러 'HTML' 천재분들의 글을 참고할 수 있었는데

그 중에서 내가 중점적으로 필요로했던 '블로그 설명' 안 보이게 하는 방법에 대해 지금부터 알아보겠다. :O

 

 

 

 

우선적으로, '티스토리 블로그' 관리 페이지에 마련된 'HTML / CSS 편집'을 클릭하면

'HTML / CSS'의 새 창이 열릴 것인데 'CSS'란으로 접속한 후

'Ctrl + F  찾기' 기능을 사용해 'blogtitle'을 찾아주는 것부터 시작하겠다. ;)

 

 

 

 

...

 

 

 

 

'HTML'을 통해서도 'blogtitle' 부분을 찾을 수 있었는데

'블로그 이름'을 하나의 '로고'로써 '로고를 텍스트로 할 경우' & '로고를 이미지로 할 경우' 등 

알 수 없는 말들이 나와 조용히 'CSS - 스타일'로 발을 돌렸더랬다. ^^;

 

 

 

 

예전 지금의 'Project 탈' 브랜드 로고 또한 'HTML'을 통해 이미지?로 올릴까 하다가

뭔가 너무 복잡해 '스킨위자드'를 사용한 기억이 나면서

웬만한 고수가 아닌 이상 'HTML'은 조심 또 조심과 더불어 백업 없이는 건드리지 말자며... :O

 

 

 

 

 

<티스토리 블로그 꾸미기? 블로그 설명(소개글) 안 보이게 하는 방법1 : HTML 글자색 투명화>

 

 

 

 

여기서 주의해야할 점으로 각각의 '티스토리 블로그' 스킨에 따라

'HTML / CSS 편집'에 반영된 '용어'가 다를 것인데

몇몇 블로그는 'BlogTitleDesc'로 검색해야하며 난 그렇게 검색했을 때 결과가 없어

'Desc'를 뗀 'BlogTitle'로만 찾으니 나오더라. :P

 

 

 

 

일단, 'CSS - 스타일' 창으로 들어왔으니

'탈프로젝트 TAL Project' 블로그 '메인 화면'에 둥둥 떠다니는

'블로그 설명'의 스타일을 바꿔 방문자로 하여금 '보이지 않도록' 만들고자 하였는데...

.

.

.

 

 

그 첫 번째 방법으로 생각한 것이 '블로그 설명' 소개글의 'HTML 글자색 투명화'였다. :O

 

 

 

 

(참고) 'CSS'내에 검색된 'blogtitle'은 여러 시행착오를 통해 아무것도 아님을 알아낸 후

다른 블로그의 'BlogTitleDesc'를 따와 아래에 위치한 'desc' 섹션의 '스타일'을 바꿔볼까 하였고

결과적으로는 '성공'함으로써 '블로그 설명' 소개글 'CSS'는 'desc'임을 알 수 있었다.

 

 

 

 

font-size:0.9em; 뒤에 color:rgba(0,0,0,.0)을 넣어주면 되는데

나도 자세히는 잘 모르지만 위 수식이 'HTML 글자색 투명화'이며 끝에 .0이 중요하겠다. ^^;

 

 

 

 

 

<티스토리 블로그 꾸미기? 블로그 설명(소개글) 안 보이게 하는 방법 : HTML 글자색 투명화>

 

 

 

 

그렇게 'HTML 글자색 투명화' 작업을 거쳐 '새로고침'한 결과

마법을 부린 듯 '블로그 설명'이 투명하게 사라진 모습을 볼 수 있었는데...

.

.

.

 

 

좋다가 만 것이 한 가지 단점을 발견했다면

'마우스 커서'를 갖다대면 그 배경에 '글자'가 있음을 인식하더라. OTL

 

 

 

 

독자들에게는 그저 '마우스 커서'의 글자 인식 모드로 변경될 뿐이지만

블로그 주인에게는 그것을 '드래그'까지 할 수 있게 만들어져

위 캡쳐본과 같이 '블로그 설명'을 예쁘게 드래그해 볼 수 있는 모습이 연출되었다. ^^;

 

 

 

 

Not Good Enough !

 

 

 

 

 

<티스토리 블로그 꾸미기? 블로그 설명(소개글) 안 보이게 하는 방법 : HTML 글자크기 변경>

 

 

 

 

그리하여 다시금 'HTML / CSS 편집 - CSS - blogtitle 찾기'를 통해

'blogtitle' 아래 'desc'의 스타일을 편집해볼까 하였고

이번에는 'HTML 글자색 투명화(X)'를 제외한 채 '글자크기 : font-size' 자체를 '0em'로 줄여보았다.

 

 

 

 

즉, 'HTML 글자크기'를 변경한 것으로

기존의 '0.9em'에서 '0em'으로 아예 글자 크기를 줄여 없앤 셈이라며... :P

 

 

 

 

 

<티스토리 블로그 꾸미기? 블로그 설명(소개글) 안 보이게 하는 방법 :

HTML 글자크기 변경 및 글자색 투명화>

 

 

 

 

그 결과 !

 

 

 

 

너무나 깔끔하게 '탈프로젝트 TAL Project' 블로그 '메인 화면 - 블로그 로고'란에서

사라진 '블로그 설명(소개글)'이었는데

그렇게 겉으로 드러나지 않을 뿐 '블로그 설명' 자체는 존재하기에 내 목표는 달성한 것이 되겠다. :)

 

 

 

 

물론, 이렇게 '블로그 설명'을 작성함으로써 실제로 '네이버 Naver' 사이트 검색에 반영될 지는

앞으로 조금 더 지켜봐야할 것 같고

더불어 위 '블로그 설명'이 '구글 Google' 블로그 검색엔 어떤 영향을 미칠까도

지금 너무 궁금한 상태다. :O

 

 

 

 

...

 

 

 

 

어찌됐건, 나와 같이 '블로그 설명'은 어떠한 필요로 있었으면 하지만

블로그 상단 '메인화면 - 블로그 로고(X)'란에 드러나는 것을 원치 않는 누군가에게는

맞춤형 '티스토리 블로그 꾸미기? 정보'가 될 것 같은데...

.

.

.

 

 

'HTML 바보'인 나도 성공했으니

다른 블로거분들은 한 번 딱 보고는 바로 (성공!)적용할 듯 싶다. ;)

 

 

 

 

Adam's Tal Project : 탈 프로젝트