티스토리 공감을 구걸해보자
다음뷰가 서비스 종료되면서 그 자리를 '공감'이 차지하게 되었습니다.
이제 슬슬 다음뷰 버튼들도 공감버튼으로 대체가 될텐데요, 손가락은 구걸했었는데 공감이라고 못할 것 없습니다!
- 티스토리 다음뷰 손가락 버튼 자리 옮기는 방법 (손가락 구걸 방법이 소개되어있습니다.)
초기에는 공감버튼에 선택자를 부여해주지 않아서 CSS로 공감버튼 구걸을 하기에 조금 어려움이 있었는데, 언제부턴가 선택자가 부여가되어서 편하게 적용할 수 있게 되었습니다.
다만 블로그 분위기를 위해 손가락 구걸보다는 점잖은 스타일로 해봤습니다.
반응형 스킨 모바일에서는 아래와 같이 나타납니다.
공감 구걸하기
간단히 HTML/CSS편집에서 CSS아래쪽에 아래 내용을 붙여넣으시면 됩니다.
.daum_like_wrapper {
float: right;
width: 320px;
position: relative;
margin-right: 30%;
}
.daum_like_wrapper:before {
white-space: pre;
content: '잘 보셨나요? 도움이 되셨다면 \a공감 한번 부탁드립니다. ▶';
position: absolute;
top: 1.2em;
left: -6em;
text-align: right;
}
@media screen and (max-width:620px) {
.daum_like_wrapper {
float:none;
width:100%;
position: relative;
margin-right:0;
padding-top:3.5em;
}
.daum_like_wrapper:before {
white-space: pre;
content: '잘 보셨나요? 도움이 되셨다면 \a공감 한번 부탁드립니다. ▼';
position:absolute;
top: 0;left: 0;right:0;
text-align: center;
padding-top:1em;
}
}
