티스토리 친구하기 추가하는 법
티스토리에서 방문자에게 자신의 블로그를 쉽게 링크 추가 할 수 있도록 버튼을 추가하는 방법에 대하여 알아보도록 하겠습니다.
1단계 가장 먼저 관리화면에서 꾸미기에서 스킨편집으로 들어가야 합니다.
2단계 스킨편집화면에서 다시 html편집 으로 이동합니다.
3단계 HTML과 CSS 소스를 추가 해야 합니다.
<!-- 티스토리 친구추가 버튼 시작 -->
<a href="toolbar/popup/link" target="_blank">
<div class="button_base button_type_1">
티스토리 친구하기
</div>
</a>
<!-- 티스토리 친구추가 버튼 끝 -->
.button_base {
margin: 0;
border: 0;
font-size: 14px;
text-align: center;
vertical-align:middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-user-select: none;
cursor: pointer;
}
.button_type_1 {
margin:50px 0px 0px;
position: fixed;
width: 138px;
height: 30px;
color: #ffffff;
background-color: #000000;
padding: 5px;
border-radius: 4px;
z-index:99;
}
.button_type_1:hover {
color: #ffffff;
border: #EE4257 solid 1px;
background-color: #000000;
}
코딩 부분의 설명은 버튼 또는 DIV 꾸미기 포스팅에서 자세하게 하도록 하겠습니다.
4단계 적용 된 모습 확인하기(완료)
1단계부터 4단계까지 티스토리 친구(링크) 추가 기능 적용하는 법에 대하여 알아 보았습니다.
'컴퓨터 일반' 카테고리의 다른 글
[보안]비공개로 인터넷 사용하는 법 (2) | 2018.06.21 |
---|---|
엑셀 IF함수 사용 및 활용 법 (1) | 2018.05.10 |
[애드센스] 일치하는 새 콘텐츠 광고 적용하기 (4) | 2018.01.09 |
엑셀에서 함수란 무엇인가 (8) | 2018.01.04 |
엑셀 함수 정리 - 어디서나 쉽게 확인하자 (2) | 2017.12.09 |