티스토리 반응형#2스킨에 글목록/방명록/이웃추가 넣기

티스토리를 시작하면서 스킨을 이것저것 손을 보기 시작을 하니까 끝이 없는 것 같습니다.

게다가 티스토리를 손보다 보면, 가끔 네이버 웹마스터 도구의 로봇 예티가 접근하지 못하는 오류도 생깁니다.

그래서 어제 오늘 스킨을 밀어버리고 다시 설정을 하는 고생을 했습니다.

그래서 제가 보려고 올리는것 절반 공유하려고 올리는것 절반인 꿀팁을 기록하려고 합니다.

제 스킨에 보시면, 글목록/방명록/이웃추가가 설정되어 있는 것을 볼 수 있습니다.

오늘은 먼저 위의 설정을 하는 방법을 알려드리려고 합니다.

설정하는 방법

티스토리 반응형메인 이웃추가 서식.txt

우선 HTML에서 <span class="txt_profile"> 을 찾아주세요, 쉽게 찾으시려면 ctrl+f에서 프로필사진을 검색하시면 밑에 txt_profile이 등장합니다.

<a href="블로그주소" class="link_profile">글목록</a><span class="txt_bar"></span>

<a href="https://byeolvely2016.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>

위와 서식을 추가 해 주세요.

참고로, 아랫줄의 <!--Byulvely--> 이것도 같이 설정하시는 것이 모바일화면에서 깔금하게 보이는 것 같습니다.

이것은 닉네임이 나오지 않게 하는 것인데, 여러가지 만져본결과 나오지않게 하는것이 더 깔끔하더랍니다.

다음은 CSS에서 txt_profile을 검색하시거나 혹은 background-image를 검색 해 주세요 참고로 아랫줄은 사이드바와 매뉴 배경을 바꾸는 곳 입니다.

.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 : 폰트굵기