반응형
안녕하세요 냥장판 입니다
제 블로그는 Poster 스킨을 사용하고 있어요.
방명록이 메인커버 하단에 있어서 다들 못보셨을거에요 😂
이번 게시글에서는
방명록 바로가기 버튼을 만드는걸 해볼거에요!
1. HTML 문서 수정 페이지 > 이미지 파일 업로드
블로그 관리페이지로 들어가면, 스킨 편집 메뉴가 있어요
우측에 스킨편집 > HTML 버튼을 누릅니다.
파일 업로드 메뉴로 들어가요
아래 추가 버튼을 클릭하고, 이미지를 업로드해요
이미지 파일명을 꼭 기억해두세요
제가 올린 이미지 파일은 guest.png 파일입니다.
파일 주소는 images/guest.png 입니다.
data-ad-unit = "DAN-1if0if4df9b39"
data-ad-width = "320"
data-ad-height = "50">
2. HTML에 소스 추가
HTML에 소스를 추가해야되요.
|
1
2
3
4
5
|
<!-- 방명록 바로가기 -->
<a style="display:scroll;position:fixed;bottom:100px;right:15px;" href="https://miaow-miaow.tistory.com/guestbook" class="guestbook" title=Guestbook>
<img src=./images/guest.png border="0"/>
</a>
<!-- 방명록 바로가기 코드 끝-->
|
cs |
코드 설명해드릴게요
style 속성에서 사용한
display:scroll 스크롤하면서 보여주겠다
position:fixed 이미지 위치는 고정이다
bottom, right 오른쪽 아래에서 얼만큼 떨어져서 이미지를 표시하겠다
href="https://miaow-miaow.tistory.com/guestbook"는 방명록(guestbook)으로 이동하겠다는 거에요.
img src=./images/guest.png
꼭 이미지 이름 맞춰주세요!
꼭 <body> </body> 사이에 코드 붙이세요!
영상에서 확인해보세요!
그럼 이만!
반응형
'🎸 기타' 카테고리의 다른 글
| [Tistory] 티스토리에 Google Fonts 적용하기(폰트 변경) (4) | 2020.01.28 |
|---|---|
| [Tistory] Sitemap, 사이트맵 등록 (Bing - Microsoft) with Google (6) | 2020.01.28 |
| [Tistory] Sitemap, 사이트맵 만들기 - XML Sitemap Generator (6) | 2020.01.17 |
| [Tistory] robots.txt 파일 수정 & 검색 엔진 & 메타 태그 (17) | 2020.01.14 |
| [Tistory] 블로그에 맨위로가기 버튼 만들기 (26) | 2020.01.13 |
댓글