본문 바로가기
소셜미디어 이야기/SNS마케팅 이야기

페이스북 페이지 탭에 이미지 올리기, 이미지에 링크 걸기

by 석샘 2010. 10. 18.
* 2011년 6월 28일 새로 고쳤습니다!

  1) 탭 만들기  

현재 '정적FBML'앱을 새로 추가할 수 없으니, 새로 탭 만드는 과정은 아래 글을 참고하세요.

* 참고: 페이스북 페이지탭 추가와 페이스북 댓글창 달기

   

 2) 이미지 주소(url) 만들기  

올리고자 하는 이미지를 웹사이트에 올립니다. 저는 페이지 <사진>탭에 올렸습니다.

사진첩에서 개별 사진으로 들어가 이미지에 마우스를 대고 오른쪽 버튼을 누르면 맨아래에 '속성'이 나오고 거기를 누르면 아래와 같이 주소(url)가 나옵니다.
 (탭 전체 폭은 520 픽셀입니다.  코드에서 이미지 폭을 지정해줄수는 있지만 사진 크기를 미리  계산해서 올리는 게 좋습니다.)



 3) FBML 탭에 이미지 올리기   
'페이지 관리'에 들어가서  왼쪽 메뉴 <앱>으로 들어간 다음
올리고 싶은 [FBML 탭]의 '수정'을 누릅니다.
 


' FBML'
 란에
<img src="이미지 주소(url)">
를 넣어서 저장하면 끝입니다.

 

 4) 탭프레스 탭에 이미지 올리기  

호미농장 탭프레스탭에 이미지 올린 과정을 소개드리겠습니다.

1) 사진 주소 얻기
같은 방법으로 사진 주소를 얻습니다.
탭프레스는 스크롤바가 공간을 차지하기 때문에 사진을 미리 "500 픽셀"로 만들어서
올리는 게 좋습니다. 

2) 탭프레스 탭에 이미지 코드 넣기  
 
아래의 주소를 클릭하여 탭프레스 앱페이지에 가서 
프로필 사진 아래에 있는 "내 페이지에 추가"를 눌러, 페이지를  지정합니다.
(
https://www.facebook.com/apps/application.php?id=176217385757369&sk=app_195227247178799

 탭프레스(환영합니다)]을 눌러 편집창에 들어갑니다.
③  관리자에게 보이는 란에 이미지 코드를 넣고 저장합니다.
    <img src="이미지 주소(url)"> 
  ( 호미농장은 이미지를 연달아 두 개를 넣었습니다.) 

팬에게만  따로 다른 이미지를 보이고 싶다면 아래[ for  Fans ]란에
다른 이미지 코드를 넣으면 되겠지요.

              이렇게 해서 완성된 "호미농장 환영탭"입니다.


 
 이미지 아래에  댓글창을 달고 싶으신 분은 다음 글을 참고하세요.

   ☞ 페이스북 페이지탭 추가와 페이스북 댓글창 달기

 * 덧붙임: 이미지에 링크 걸기   

이미지에 링크를 걸 때는 아래처럼 하면 됩니다.

<a href="연결할 인터넷 주소" target="_ blank"> <img src=" 이미지 주소 "> </a>                            

이미지 링크.txt