본문 바로가기
Remixed blog

추천 버튼 아래에 달기

by 카츠씨 2010. 5. 11.
반응형

티스토리 블로그를 시작하고 가장 어려운 점 중에 하나는
다른 블로거 처럼 깔끔하고
맘에 드는 블로그를 만들기가 어렵다는 것 입니다.
일단 태그 랄지 hrml 이랄지를 모르는 것이
첫번째 일것이고 또한 공부를 한다 해도
그다지 잘 이해가 되지 않는 다는 것이 그렇죠
되려 가끔은 남들의 블로그만 부럽게 쳐다 보고 있다가 화가 날때도 있어서 ㅜㅜ  
그렇지만 여러 블로거들께서 초보자들을 위해 여러가지 포스트를 올려주신 덕분에
어느 정도 까지는 그래도 복사와 붙여넣기 로 가능 하게 되었답니다.
최근 블로그를 새로이 만들면서 그나마 남들의 블로그 처럼 보이도록
꾸미는데 나름 대로 성공했는데 이 방법들을 나도 공유해 보아야 겠다는
생각이 들어서   물론 대부분은 내가 아닌 다른
분들이 나에게 알려주신 방법들이지만
공유의 목적으로 생각날때 포스팅을 해볼까 합니다.

사실 아래 추천 버튼이란것이 무엇인지 몰랐는데
RSS 를 이용한 구독 버튼 과 메타사이트 구독 버튼이란것을 이해가게 되었습니다.

RSS 에 대한 설명은
한RSS 에 자세히 되어 있습니다.

아래에 추천버튼과 구독 버튼을 다는 요령을 적어보기로 합니다.
(현재 카츠씨 홈페이지 기준이므로 약간의 문제에 대해선 뭐.. ㅜㅜ)

여러가지 방법들이 있으니 링크들을 따라가 보면서 자신에 맞는 방법들을 택해 보기 바랍니다.

본인은 아래처럼  한줄 아이콘으로 표현되길 바랬습니다.
그리고 박스안에 아이콘이 들어가서 추천을 바란다는 글이 박스 윗부분에 넣어지길 원했습니다.




추천 버튼 달기

1. 추천 버튼 을 만들거나 구해온다.
2. 구해온 추천버튼을  티스토리 - 관리자- 스킨 - 파일업로드를 이용해서 업로드 한다.
3. HTTP/CSS 편집으로 가서 원하는 위치에 다음 소스를 붙여넣기 한다. 
  
 <!-- 메타사이트 추가버튼 -->
<center>
        
<a title="올블로그에 추천하기" href="주소입력부분" target="_blank"><img src="./images/i-allbl.png" alt="올블로그추천버튼"/></a>

<a title="블로그코리아에 블UP하기" href="주소입력부분" target="_blank"><img src="./images/i-blko.png" alt="블코추천버튼"/></a>

<a title="다음뷰에 추천하기" href="주소입력부분" target="_blank"><img src="./images/i-daum.png" alt="다음뷰추천버튼"/></a>

<a title="믹시에 믹스UP하기" href="주소입력부분" target="_blank"><img src="./images/i-mixsh.png" alt="믹시추천버튼"/></a>

<a title="한RSS에 추가" href="주소입력부분" target="_blank"><img src="./images/i-han.png" alt="한RSS추가버튼"/></a>

<a title="구글리더기에 추가" href="http://www.google.com/ig/add?source=atgs&feedurl=자신의RSS피드주소"  target="_blank"><img src="./images/i-google.png" alt="구글리더기추천버튼"/></a>

</center>

<!-- 메타사이트 추가버튼 끝 -->

4. 저장을 누른다.

매타사이트 주소중 다음은 블로거 뉴스에서 다음뷰로 바뀌었지만 특별히 주소에 문제가 되진 않았다.

추천버튼 상자 만들기 와 상자속에 버튼 넣기 

1. 블로그 관리자 스킨 HTML/CSS 편집으로 간다.
2.  Ctal + F 로 ##_article_rep_desc_## 을 찾는다. (광고 넣어 보신 분은 알듯)
    여길 기준으로 위 아래 중 하나를 선택해서 다음 소스를 붙여넣는다. 

<!-- 추천 버튼 시작 -->
<fieldset style="border:1px solid #a1b0db;text-align:center;width:400px;height:80px;padding:0;margin:0 auto;position:relative;">
<legend style="margin:0 0 0 10px;padding:0 3px;border:1px;color:#3A5FCD"><strong>
포스팅이 유익하셨다면 추천하시고, rss로 구독 하세요!</strong></legend>
<table width="100%" height="70%" align="center" valign="bottom" border="0" cellpadding="0">
<tr>
<td>

이부분에 위에 추천버튼 넣는 소스를 넣으면 상자안으로 추천버튼이 들어가게 된다.

</td>
</td>
</tr>
</table>
</fieldset><br>
<!-- 추천 버튼 끝 -->
</div>

소스
첫번째가 상자선 색 글자 정렬 상자크기 높이 여백
두번째가 상자위의 글자 에 대한 조정


 추천 버튼을 구하는 방법은
Krang 님의 블로그  서민당 님의 블로그  miscellany 님의 블로그  J편지님 의 블로그  
등에서 얻을수 있습니다.

추천버튼 자신의 주소를 아는 방법 역시
Krang 님의 블로그 에 자세하게 소개 되어 있습니다.


추천버튼 상자 만드는 방법은
꿈꾸는 바다 님 블로그에 자세히 소개 되어 있습니다.



혹여 쉽고 더 좋은 방법들이 있으면 저에게도 알려주시기 바랍니다. 

이글은 저만큼 초보님들을 위한 글이니 어려운 질문은 하지 말아 주세요 ㅋ 
 

반응형