안녕하세요 :)
스킨을 업데이트 했습니다!!
지난번에 블로그에서 눈이 내리는 눈꽃빙수 스킨을 업로드한 이후로
많은 분들이 찾아주시고 댓글도 달아주셨어요~
1편 내용인 이전 포스팅을 참고해 주시고요,
이번에는 마우스 포인터 이펙트가 추가되었습니다.
추가로 html 코드만 넣어 주면 되니까 한번 따라 해 보세요.
꼭 티스토리 블로그가 이니라도 운영하는 웹사이트나 html 편집이 가능한 곳에
모두 적용할 수 있으니 보고 따라 해 보세요.
이번에도 간단하게 복사, 붙여넣기만으로 적용할 수 있답니다.
정말 쉬워요~
사이트
일단 마우스 포인터 효과 코드를 복사할 수 있는 사이트를 알려드리겠습니다.
RV's free DHTML and JavaScript text and graphic effects for your web-site
Copyright notice: All scripts are © copyright mf2fm.com. You can use them wherever and whenever you wish, however the copyright notice at the start of the script should remain intact and a link back to this page would be appreciated. The address for this
www.mf2fm.com
제가 다 바이러스 검사해서 깨끗하게 나온 웹사이트입니다.
안전하니 안심하고 이용하세요~
자, 아까 제가 알려드린 사이트에 들어가 주시면
이런 페이지가 뜹니다.
우리는 여기서 마우스 포인터 효과를 찾을 거기 때문에
맨 위쪽 메뉴바에서 Mouse Effects 에 마우스를 올려 보시면
이렇게 여러 가지 효과들을 볼 수 있는데요.
위에서부터 디지털 시계, 아날로그 시계, 팅커벨(반짝반짝한 효과) 등이 있습니다.
디지털 시계나 아날로그 시계는 시계가 마우스 포인터를 따라다니고,
팅커벨은 마우스를 움직일 때 반짝반짝한 효과가 있습니다.
언더워터는 기포가, 무빙 아이즈는 이렇게
눈이 마우스를 따라다닙니다.
좀...무섭네요..
Clicksplosion은 클릭할 때마다 불꽃이 터집니다.
이 외에도 독특한 다양한 효과들이 있으니 한번 참고해보세요!!
적용방법
마우스 포인터 효과 적용 방법입니다.
우선 마음에 드는 효과를 클릭해서 들어가 주시고요.
나오는 코드를 다 복사해 주시면 됩니다.
이 코드를 다 복사하시면 됩니다.
이제 티스토리 html 편집에 가서 어디에 붙여넣느냐가 중요하죠
티스토리 관리자 탭에 들어가서 스킨-스킨 편집 - html 편집에 들어가 주세요.
그러면 본인 블로그의 html이 쫙 나오겠죠? ctrl+f 를 눌러 검색을 띄워주세요.
이제 검색에다가 </head>라고 검색해 주시면 됩니다. <head> 코드는 html의 정보를 담고 있는 부분인데,
</head>는 <head> 코드가 끝남을 의미합니다. </head> 바로 윗줄에 엔터를 쳐서 줄을 만들어 주시고,
그 부분에 아까 복사한 코드를 붙여 넣어 주시면 됩니다.
복사하기 전에 <!--마우스 효과--> 라고 주석을 넣어주시면 나중에 편합니다.
주석은 <!--'내용'-->의 형태로 작성하는데, 코드에 아무런 영향을 끼치지 않습니다.
나중에 검색할때 편하라고 해 놓은 겁니다.
적용을 눌러주고 블로그에 들어가 보시면,
이런식으로 파티클이 마우스 주변에 생길겁니다.
마우스를 움직일 때마다 생겨나요!! 🥴
끝
이번 코드는 그냥 복사,붙여넣기로 쉽게 적용할 수 있으니 꼭! 한번 따라해 보세요.
나중에 해봐야지- 하고 미루면 절대 다시 못합니다. 안하는거지 못하는게 아니예요 +_+
정말 10분도 안걸리니 한번 해 보세요. 해 보시고 댓글 달아주시면 블로그에 적용되었는지
한번 놀러 가겠습니다.
질문이나 모르는 내용 있으시면 언제든 댓글 달아 주시고요,
공감/댓글은 로그인이 필요 없으니 하트 꾸-욱 눌러주세요^^
도움이 되셨다면 공유도 부탁드립니다~
감사합니다
'에그디자인' 카테고리의 다른 글
| HTML 티스토리 댓글창 텍스트 변경하기 / 블로그 / css / 웹코딩 (2) | 2021.08.12 |
|---|---|
| 디자인 프리랜서 모여라~ 라우드소싱 디자인 공모전 / 디자이너 부업 사이트 (6) | 2021.08.11 |
| 미리캔버스로 광복절 기념 디자인하기 / 투명도/ 카드뉴스 / 인스타 게시물 / 대체공휴일 / 포토샵 (10) | 2021.08.11 |
| 블로그 저품질 확인하는법 / 검색 유입이 없는 이유 / 티스토리 / 다음 (6) | 2021.08.11 |
| 비닐은 [ ] 이다. / 비닐 / 고분자 / 폴리에틸렌 / 합성 고분자 (2) | 2021.08.10 |
