티스토리 반응형스킨 메인에 방명록 이웃추가 넣기

티스토리 반응형스킨 메인에 방명록 이웃추가 넣는 방법이에요

저의 티스토리 메인 화면에 왼쪽에 보시면

글목록 | 방명록 | 이웃추가

추가 된 걸 보실 수 있는데요

어떻게 하는지 알려드릴게요

먼저 HTML/CSS 편집에 에 들어가셔서

HTML을 따로 만지지 않으셨으면

<span class="txt_profile"> 이게 보이실텐데

그안에 밑에 꺼를 복사해서 넣으시면되요 

 <a href="http://minhozz.tistory.com/" class="link_profile">글목록</a><span class="txt_bar"></span>
       <a href="https://minhozz.tistory.com/guestbook" class="link_profile">방명록</a><span class="txt_bar"></span>
       <a href="#" class="link_profile" onclick="window.open('toolbar/popup/link','','width=500,height=520');">이웃추가</a>

그리고나서 css로 가신다음

제꺼를 기준으로 58번째 정도에 txt_profile이 있는데

그밑에 아래 소스를 추가하시고 저장누르면 끝이에요~

.area_head .area_profile .link_profile{font-weight:400;font-size:16px;color:#fff;opacity:0.8;filter:alpha(Opacity=70)}
 .area_head .area_profile .link_profile:hover{text-decoration:none}

 opacity : 폰트투명도 

color : 폰트색깔 

font-size : 폰트사이즈

font-weight : 폰트굵기

hover{text-decoration:none}: 마우스를 올리면 반응하는 텍스트에 효과 유무를 결정

 none은 효과 비적용입니다만 underline으로 치환하면 마우스를 올릴 경우 밑줄이 쳐지게 됩니다 

이거 하려고 엄청 해맸는데 방법을 알고나니까

정말 간단하네요 한번해보니까

대충 Html이랑 css 구조에 대해서도 이해가 된거 같아요

다들 스킨 이쁘게 꾸미시길ㅎㅎ