디비저장소

블로그에 SNS 팔로우 버튼 달기

2016. 9. 14. 22:22
반응형

블로그에 SNS 팔로우 버튼 달기

 

 

블로그에 달수 있는 SNS 팔로우 버튼을  소개 합니다 팔로우는 친구맺기,이웃추가라는 뜻과 같다 네이버이웃커넥트 이웃추가랑 비슷하다고 알고 있으면 된다

팔로우 버튼을 만들어봤다 블로그 또는 웹사이트에 추가를 하면 된다 해당 아이콘은 프리버전으로 다운받아서 조금 수정한것이다 저작권에 문제 없으니 안심하고 써도 된다

필자가 만든 SNS 버튼이다 쓰고 싶은 SNS 버튼만 쓰면 된다


1트위터 2카카오스토리 3유튜브 4페이스북 5네이버 6티스토리

다운로드 받기 : 


팔로우버튼.zip


다운로드를 받으면 압축을 푼다 압축을 풀면 위 사진에 있는 아이콘들이 있다 아이콘 확장자는 PNG다

아이콘 업로드는 본인이 운영하는 블로그 또는 사이트에 업로드 시킨다


태그는 이렇게 구성되어 있다


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<center>
<div style="color:black; background-color:#FFE9E1; border-color:indianred; 
text-align:left; padding:9px; border- border-style:dotted; width:100%;">
<font size=4 color=silver face=고딕체> Follow [ 팔로우 친구 맺기,이웃 ]
 
<br>
 
 
<a href="주소"target="_blank"><img src="이미지주소" width="이미지 가로" height="이미지 세로" alt="카카오팔로우"></a>
<a href="주소"target="_blank"><img src="이미지주소" width="이미지 가로" height="이미지 세로" alt="트위터팔로우"></a>
<a href="주소"target="_blank"><img src="이미지주소" width="이미지 가로" height="이미지 세로" alt="페이스북팔로우"></a>
<a href="주소"target="_blank"><img src="이미지주소" width="이미지 가로" height="이미지 세로" alt="네이버팔로우"></a>
<a href="window.external.AddFavorite('티스토리주소', '블로그명')"target="_blank">
<img src="이미지주소" width="이미지 가로" height="이미지 세로" alt="티스토리팔로우"></a>
<a href="주소"target="_blank"><img src="이미지주소" width="이미지 가로" height="이미지 세로" alt="유튜브팔로우"></a>
 
</div>
</center>
cs


"주소"는 본인의 SNS 주소를 입력한다 정 모르겠다면 제 블로그에 있는 팔로우 버튼을 눌러봐서 확인 하면 된다


"이미지주소"는 본인이 업로드한 아이콘 주소를 입력 하면 된다


유용하게 썼으면 한다....






반응형

이 글을 공유합시다

facebook twitter kakaoTalk kakaostory naver band

본문과 관련 있는 내용으로 댓글을 남겨주시면 감사하겠습니다.

비밀글모드