믹시추천버튼,다음추천버튼,소셜아이콘,각종아이콘 추천 이미지 배포

여러가지가 있으니 마음에 있는걸로 골라 사용하세요. 좀더 디테일하게 만들었어야하는데....나중에 시간날때 한번 네모난것으로 만들어 보겠습니다.

1. 구글.
구글리더나 북마크 정도로 사용하면 될듯합니다.

2. 야후.

3. 이메일.

4. 믹시.
믹시 추천버튼용으로 만들었는데...이것 저것 만들다보니 많아졌네요.

5. 트위터.
트위터버튼과 리트윗버튼용으로 사용할수 있을거 같습니다.

6. RSS FEED 아이콘과 한RSS.
같이 한번 만들어봤습니다.

7. 메타사이트 추천버튼과 펌플, 다음뷰와 소셜사이트 아이콘 이미지.

메타사이트의 아이콘을 만드는것은 상당이 중요합니다. 아마도 메타사이트에 대해서 검색을 해보시면 알겁니다.
위의 이미지에는 다음뷰와 믹시까지 포함이 되어 있습니다.
이미지와 블로그하단에 있는 믹시,다음뷰에 차이는 추천수를 블로그화면에서 보느냐의 차이입니다. 그리과 추천을 할때 직접 다음이나 믹시사이트에 가서 추천을 하느냐, 현 블로그에 글에서 추천을 하느냐의 차이입니다. 그것은 사용자의 마음입니다.
이걸 배포하면서 이전에 했던 메타사이트의 아이콘을 예제로 다시 한번 적용해봤습니다.
적용하는법을 모르시는분은 아래글을 참고하세요.
일단 제가 예제로 적용한걸 우선으로 알려드리겠습니다.
우선 관리하기 편하게 하나의 class 로 모든 링크를 감싸았습니다. 이대로 해도 되고 수정해도 됩니다.
각 사이트의 주소를 넣고 , 적용하고싶은 이미지 주소를 넣어주세요.
일단 제가 넣은 사이트 주소와  이미지주소입니다.
적용하고싶은 이미지를 html편집창에서 모두 업로드합니다. 그럼 이미지주소를 (./images/이미지.png) 로 모두 동일하게 사용할수 있습니다.

아래의 코드를 html 편집창에서 넣고 싶은 부분에 넣습니다.

<div class="blogup">
	<!-- 올블로그 -->
	<a href="올블로그주소" onclick="window.open(this.href); return false" title="올블로그 추천">
		<img src="./images/allblog.png" alt="올블로그추천" />
	</a>
	<!-- 블로그코리아 -->
	<a href="블로그코리아주소" onclick="window.open(this.href); return false" title="블로그코리아 추천">
		<img src="./images/blogkorea.png" alt="블로그코리아 추천" />
	</a>
	<!-- 한rss -->
	<a href="한RSS주소" onclick="window.open(this.href); return false" title="한RSS에 추가">
		<img src="./images/한RSS이미지주소" alt="한RSS추가" />
	</a>
	<!-- 구글리더기 -->
	<a href="http://www.google.com/ig/add?source=atgs&feedurl=본인의 RSS주소" onclick="window.open(this.href); return false" title="트위터 Follow">
		<img src="./images/구글이미지" alt="구글리더기에 추가" />
	</a>
	<!-- 마이야후 -->
	<a href="http://kr.my.yahoo.com/rss?url=본인의 RSS주소" onclick="window.open(this.href); return false" title="트위터 Follow">
		<img src="./images/마이야후주소" alt="마이야후에 추가" />
	</a>
	<!-- 트위터 -->
	<a href="http://twitter.com/트위터아이디" onclick="window.open(this.href); return false" title="트위터 Follow">
		<img src="./images/twitter.png" alt="트위터 팔로우하기" />
	</a>
	<!-- 펌플 -->
	<a href="http://www.pumpl.com/submit" title="펌플에 북마크하기" onclick="document.location.href = 'http://www.pumpl.com/submit?url=' + encodeURIComponent(location.href)+ '&title=' + encodeURIComponent(document.title); return false">
		<img src="./images/pumpl.png" alt="펌플에 북마크하기" border="0" width="80" height="79" />
	</a> 
	<!-- 미투데이 -->
	<a href="https://me2day.net/account/login?redirect_url=http://me2day.net/posts/new" onclick="window.open(this.href); return false" title="미투데이친구추가">
		<img src="./images/미투데이이미지주소" alt="미투데이친구추가" />
	</a>
</div>
<!--//blogup close-->

html코드를 넣었다면 css 편집창에서 단순이 .blogup{width:본인의 본문너비.px} 를 넣어주면 됩니다. 좀더 수정을 원하시면 알맞게 padding와 margin으로 여백을 조정해주세요.
아이콘이 메타사이트나 몇군데에 한정된것이 아니라 구글이나 야후 또는 이메일까지 있으니 얼마든지 확장해서 사용할수 있습니다.
주소를 적용하지 못하는 초보분은 다음글을 참고하세요.글이 길어 2편으로 나눕니다.
본인의 블로그 글주소 찾는법 => http://demun.tistory.com/1630

관련글을 참고하세요.
믹시 다음뷰 추천버튼과 카테고리 더보기 글 정리하는 법 => http://demun.tistory.com/1574
메타사이트 추천버튼 배너모음 => http://demun.tistory.com/250