홈페이지형 블로그 만들기 5 - 푸터(footer) 만들기 ( 하단 카피라이트 부분 추가 )

푸터( footer ) 예시

타이틀의 특징 3가지

1. 처음부터 자체생성되어 있음

2. "세부 이미지 설정"에서 이미지를 직접 등록할 수 있음

3. 별도 링크 작업을 하지 않아도 홈화면( index페이지 )로 기본 링크가 걸려 있음

푸터 만들기

• 타이틀을 아래로 이동시켜서 푸터를 만들면 됨

  

• 그런데 이 경우,
  타이틀이 아래로 이동하면서 나머지 위젯들이 다 위로 올라가기 때문에 좌표작업을 해놓았던 것들이 다 엉망이 됨

  

--> 따라서 mm1 ~ mm5 투명 위젯의 코드를 <table>태그를 사용하여 재구성하여 없어진 공간을 만들어줘야한다.

• 이런 식으로 <table> 태그를 사용하여 없어진 만큼의 타이틀 영역을 만들어줘야 함

  <table>
    	 <tr>
    		  <td height=" 타이틀에 의해 빈 공간 높이의 height "></td>
   	 </tr>    
   	 <tr>
    	  	  <td> 기존의 링크용 투명위젯에 있던 코드 </td>
   	 </tr> 
  </table>

  • 사용 예시

    <table>
    	 <tr>
    		  <td height="55px"></td>
    	 </tr>    
    	 <tr>
    	  	  <td> 
       		     <img src="이미지 경로주소" width="170px" height="50px" usemap="#mm1" border="0"/>
                 <map name="mm1">
                    <area shape="rect" coords="0,0,170,50" href="링크 주소" target="_top"/>
                 </map>
             </td>
    	 </tr> 
    </table>

• 만약 이전 게시물에서 했던 SNS 이미지를 위쪽( 원래 타이틀이 있던 부분 )에 넣고 싶다면 다음과 같이 하면 됨

  <table>
  	 <tr>
  		  <td height=" 타이틀에 의해 빈 공간 높이의 height "> SNS 위젯 코드  </td>
  	 </tr>    
  	 <tr>
  	  	  <td> 기존의 링크용 투명위젯에 있던 코드 </td>
  	 </tr> 
  </table>