본문 바로가기

티스토리

티스토리에 귀여운(?) 캐릭터를 달아 볼까나요~~

반응형

아주 간단하게~ 현재 보시는 제 티스토리 왼쪽 하단에 귀여....ㅂ지는 않은...
캐릭이 움직이고 있지요;;;
스크롤바를 내려도 따라온답니다...^^;;;
편법인데요...아주간단합니다..

우선 관리자>스킨>HTML/CSS 편집 으로 이동하시구요..

그 다음에 skin.html 안에 보시면 소스들이 있는데 그중 맨아래 보시면
아래 소스가 보이실 겁니다..그 바로 윗 부분에다가 죠~ 밑에 1번 소스를 집어 넣습니다.

</s_t3>
</body>

1번소스

<a id='flotante'> </a>


그다음!

style.css 소스 부분 맨 밑에다가 아래 2번 소스를 넣습니다.

2번소스

/*-- (Imagen flotante) --*/
#flotante {
position: fixed;
left: 0;
bottom: 0;
display: block;
height: 160px;
width: 160px;
background: url(
http://cfs.tistory.com/custom/blog/7/74787/skin/images/myAvatar_17002010_2.gif) bottom left no-repeat;
text-indent: -999em;
text-decoration: none;
}



위 소스에서  url 부분은 캐릭터 이미지가 있는 주소겠지요?^^ 티스토리 파일 업로드 기능을 이용해서
업로드하여 이용하시면 편하겠습니다....^^

그 다음!! 저장하시면 됩니다..^^;

아 참...왼쪽말고 오른쪽에 넣고 싶으시다...하시면
2번 소스중 left: 0; right:0 으로 변경하시면 됩니다..^^

끝~
반응형