방법 및 소스분석 >

 

일단 영상시의 배경으로 사용해야 할 이미지가 있어야겠죠? 이미지는 다른사이트에서 링크하거나

복사해서 붙여넣기하지 마시고 일단 본인의 컴에 저장한 후, 로 포스트에 첨부하는것이 좋습니다. 링크된 이미지는 URL(주소)이 변경될 경우 구현되지 않습니다. 또한 이미지 저장 시, 한글名은 피하고 영문이름으로 저장하시기 바랍니다. 포스트에 첨부한 이미지는 본인의 컴에서 삭제해도 그대로 보존됩니다.

 

 

 

● 이미지를 하나 불러오겠습니다. 영상시에 어울리는 해바라기 이미지를 사용해보기로 하죠.

 

 

지금 이 포스트를 보시면 우측 상단에 디스켓모양의 아이콘(Flower.jpg)이 보이시죠? 포스트에

파일이 첨부되었음을 알리는 아이콘입니다. 아이콘을 마우스 우측버튼으로 열면 해당파일의 주소가 보입니다. 

 

Cf. 주소를 복사하여  해주면 이미지가 포스트상에 나타납니다.

 

 

 

 

 

● 이제 태그소스를 이용하여 영상시를 제작하겠습니다.

 

 

●━━━━━━━━━━━━━━━━━━━━ 소스━━━━━━━━━━━━━━━━━━━●

 

 

<table width="365" height="245" bgcolor="#000000" cellpadding="0" cellspacing="0" border="10">
<tr>
<td>
<marquee direction="up"scrollamount="1.0" scrolldelay="100" id="layer1" style="position：absolute; z-index:1; margin-left:50;">
<span style="font:bold 12px/150%; color:white; FILTER:shadow(color=#660000, Direction=135); height:100px;">

하고 싶은 말  <br>
하고 싶은 말 <br>
하고 싶은 말 <br><br>

하고 싶은 말  <br>

하고 싶은 말  <br>
하고 싶은 말 <br>
하고 싶은 말  <br><br>

하고 싶은 말  <br>

하고 싶은 말  <br>
하고 싶은 말  <br>
하고 싶은 말  <br><br>

 

</span></marquee>
<img src=" 이미지주소 " width="365" height="245">
</td></tr></table>

 

●━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━●

 

 

<소스분석>

 

● 상단의 소스에서 width , height 는 각각 테이블의 가로,세로 사이즈입니다. 소스 하단에 보이

    는 width가 배경이미지의 가로사이즈,  height가 세로사이즈랍니다. 테이블이 크기와 이미지

    사이즈가 거의 비슷해야 예쁜 모양의 영상시가 나옵니다.

 

●  하고 싶은 말 부분이 영상시에 들어갈  내용입니다. 최상단에는 시의 제목과 지은이를 써 주

     시면 되겠네요.

 

●  border 부분은 테이블의 두께를 결정하는 소스입니다.

 

● 영상시를 포스트 가운데에 위치시키려면 소스 제일  앞부분에 <center>를, 제일 뒷부분에

 

    <center/>를 넣어주시면 됩니다.

 

 

 

● 방법

 

1. 위에 설명한 방법으로 영상시 배경이미지 파일의 URL(주소)을 확보한다.

 

2. 소스中 이미지주소 부분에 배경이미지 주소를 넣어준다.

 

3. 하고 싶은 말 부분에 본인이 원하는 문구를 넣어준다.

 

   ( 한 문장이 끝났을때는 <br>로 닫아주고, 한 단락이 끝났을 때는 <br><br> 두 번 써줍니다. )

 

4. 소스에서 적용한 띄어쓰기과 단락구분은 완성作에 그대로 적용됩니다.

 

5. 완성된 소스를 복사하여 태그연습장에 붙여넣고 실행한 뒤, 블로그 포스트에 붙여넣기 합니다.

 

 

Ps. 영상시 뿐만 아니라 안부글, 自作글등 소스를 활용할 수있는 범위는 다양합니다.

      개성있는 안부글이나 자작글 등을 직접 만들어 보세요^^*

 

 

 

 

●━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━●

 

 

▶ 태그연습장 바로가기 : http://myhome.naver.com/gototop7305/index_html/YM_Tag_Note

 

* 상단의 주소를 즐겨찾기에 등록하고 연습장으로 사용해 보세요^^*

 

▶태그연습장 특징 및 사용법 : http://blog.naver.com/gototop7305/20007068797

 

 

●━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━●

 

< 완성예제>

가끔은 사랑하는 이의 믿어 달란 말 백마디 보다 더 사랑의 믿음을 전할수 있습니다 가끔은 사랑하는이를 꼬옥 안아 주세요 사랑 한다는 말 백마디 보다 더 사랑하는 맘을 전할수 있습니다 가끔은 사랑하는 이와 춤을 춰보세요 함께 할수 있음이 얼마나 행복한지를 알수 있으니까요

                    < 기본 소스 사용 >                       

 

야매강사의 블로그에 오신것을 환영합니다. 요즘은 날씨가 많이 쌀쌀하네요. 감기 조심하시구요.. 얼마 남지않은 04년.. 유종의美를 거둘 수있게 하루 하루 최선을 다하는 삶 되시기 바랍니다. 즐겁고 유익한 블로깅되세요^^*

 

<테이블과 이미지를 가로 348, 세로 516 으로 바꾼 소스를 적용한 모습입니다.

   테이블과 이미지 사이즈는 본인이 원하는 크기로 바꿔주시면 되겠습니다^^*>

 

 

 

● 음악이 빠지니 좀 허전하네요?

 

-  영상시는 미디어 재생기를 숨겨주는게 깔끔해 보입니다. 하지만 개개인의 기호가 다 틀리니

   미디어재생기의 有/無 및 사이즈는 취향에 맞게 선택하세요.

 

   ( 본 포스트는 미디어재생기를 숨겨서 음악을 넣어주었습니다.

    *삽입곡: [리베라 소년 합창단] Sanctus (Based On Canon By Pachelbel)  )

 

 

●━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━●

 

   ▼ 미디어재생기 숨기기 소스:

 

   <embed src="음악주소" autostart=true hidden=true loop=true>

 

●━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━●

  

 

   미디어 재생기 소스는 태그연습장을 참고하시면 되겠습니다.

   어제 블로그 소스가 첨부된 간단한 태그연습장을 하나 만들어 봤습니다. 기능성과 편리함에

   중점을 두고 만들어 봤는데, 디자인은 좀 허접하네요 -_- 단계적으로 블로그用소스와 팁을

   첨부하겠습니다. 유용하게 사용하시길..^^*