본문 바로가기

티스토리 왼쪽 사이드에 '따라다니는 베너'(플로팅 베너) 달기!! (다음 추천버튼, 페이스북, 다음뷰, 한RSS버튼) - 2편

by 눈내리는한여름밤 2012. 5. 13.
반응형

자~ 기다리고 기다리시던 사이드에 플로팅베너 달기 2편이 시작됐니다~~^^
플로팅베너 달기를 처음하시는 분은 플로팅베너 달기 1편을 참고하시기 바랍니다.

링크 - 티스토리 왼쪽 사이드에 '따라다니는 베너'(플로팅 베너) 달기!! (다음 추천버튼, 페이스북, 다음뷰, 한RSS버튼) - 1편


1편에서 열심히 따라해보신 분은 위 사진처럼 추천버튼과 페이스북 버튼까지는 성공하셨죠?
이제부터는 페이스북 버튼 밑에 다음 구독버튼과 한RSS 구독버튼을 달아보도록 하겠습니다.

먼저 관리자 페이지로 들어가시고요 'HTML/CSS 편집' 탭으로 들어가십니다.
그리고 <div class="post_share retweet"  id="post_retweet"> <-- 요 문구를 Ctrl + F  를 눌러 찾아줍니다.

 


위 사진처럼 해당하는 부분을 찾았으면 사진에 있는 것처럼 화살표가 가르키는 곳에
올려드리는 파일을 넣어주시면 됩니다.

 


다음,한RSS 구독버튼 파일을 다운받으셔서 위에 설명드린데로 넣어주시면 되는데요
단, 빨간색으로 표시한 부분의 아이디는 본인의 아이디로 변경해 주셔야 합니다. 꼭이요~~꼭!!!

위 파일을 삽입하는것까지 끝났다면 이제 저장을 누르시고 메인페이지로 가서 제대로 됐는지 확인해보세요.
어때요 플로팅베너 달기 성공적으로 하셨나요??

성공하셨다면 정말 잘 따라오신 거구요 아직 성공하지 못하셨다면 처음부터 차근차근 시도해 보신다면
분명히 성공하실 수 있으실 거에요^^

실제로 1편부터 2편까지 플로팅베너 달기를 따라해 보신분은 질문이 있으실텐데~~
'플로팅베너는 성공했는데 블로그에서 보여지는 위치가 이상해요!! 어떻게 위치를 조정할 수 있죠?'
라는 질문을 하고싶으셨죠? ㅋㅋ

위치 조절하는 방법까지 설명드려야 이 포스팅이 완성되겠죠?! ^^

관리자로 다시한번 들어갑니다.
HTML/CSS 편집 탭으로 들어갑니다.
style.css 박스안에서 제일 밑부분으로 갑니다.



style.css 제일 밑부분에 보시면 1편에서 저장해놓은 위와같은 문구가 있을겁니다.
1번의 숫자는 블로그 화면 상단에서 플로팅베너 상단까지 떨어져있는 거리를 말하구요
2번의 숫자는 블로그 화면 오른쪽에서부터 플로팅베너 오른쪽 부분까지 떨어져있는 거리를 말한답니다.

아래 그림을 보시면 좀더 쉽게 이해하실 수 있습니다.



위 사진에서 보이는 것처럼 280px <-- 요넘은 플로팅베너가 상단부터 떨어져 있는 거리구요
-536px <-- 요넘은 오른쪽부터 플로팅베너까지의 떨어져 있는 거리를 말하는데 숫자 앞에 마이너스(-)가
붙은 이유는 오른쪽부터 왼쪽으로 떨어질수록 마이너스 값을 갖기 때문에 그렇답니다. 

저 수치들은 제 블로그에 맞게 설정을 한것이기 때문에 본인의 블로그에 맞추기 위해서는
저 두가지 수치만 바꿔주면 된답니다.

괜히 다른거 바꾸시면 안되니까 꼭~~~~~~~~ 명시되어 있는 숫자만 바꿔주세요!!!!
다른거 바꾸시면 저 책임 못집니다 ㅋㅋ

항상 그렇듯이 최대한 이하하기 쉽게 설명하고자 노력해서 사진도 많이 넣고 설명도 자세히 하려고
노력했는데 어땠는지 모르겠습니다.

분명한건 저도 배웠고 이렇게 적용하면서 블로그질 하고 있으니 충분히 하실 수 있을거에요.
아니~ 벌써 하셨을지도 모르고요 ㅋㅋ

부족한 글이었지만 끝까지 읽어주셔서 감사합니다.
그리고 ... 그리고... 그리고...   왼쪽 손가락 버튼 살짝 눌러보세요. 하루가 즐거워 진답니다 ^^;;
모두모두 즐거운 주말 보내세요^^


  * 이 포스트는 blogkorea [블코채널 : 왕초보도 따라하는 IT세상 이야기] 에 링크 되어있습니다.   
반응형

댓글

최신글 전체

이미지
제목
글쓴이
등록일