하츠의 꿈

블로그에 위젯 붙이는 방법과 정렬하기 본문

블로그&홈페이지 팁

블로그에 위젯 붙이는 방법과 정렬하기

명섭이 2009. 5. 9. 10:37

텍스트큐브를 사용하면서 좀 이런 것은 옵션으로 해 줬으면 하는 것들이 꽤 생긴다.

 

텍스트큐브를 사용해 보니까 편리한 기능이면서 답답한 기능이 위젯이다.

 

물론 위젯은 티스토리에서 소스로 붙일 수 있고, 테터툴즈에서도 그렇다.( 모두 모태가 같으니까~)

 

예를 들어  믹시에서 제공하는 믹시 추적 버튼을 달 경우 믹시에서 소스를 복사해 온 후 아래의 과정으로 붙여넣기 하면 된다.

1. 관리하기->꾸미기->위젯->위젯 추가->html추가

2. 위젯 목록에서 생성된 [HTML 코드 위젯]의 연필모댱 클릭

3. 위젯 이름 :믹시 추적 버튼

4. HTML 코드 : 믹시에서 복사해 온 소스를 넣은 후 [확인]

5. 설정한 [믹시 추적 버튼]을 마우스로 드래그해서

오른쪽의 사이드바에 갖다 놓으면 설정 끝

티스토리보다는 조금 더 체계적으로 설정할 수 있게 되어있다.

티스토리는 저런 블록 설정을 수동으로 소스 편집했었거덩~

 

그런데, 넣고 나면 아래와 같이 정렬이 맞지 않다.

 

어쩔 수 없이 믹시에서 복사 해 온 소스에 정렬을 위한 html 코드를 넣을 수 밖에 없었다.

 

 

방법은 div 태그를 이용해서 원래 소스를 감싸는 것이다.

 

원래 소스 :

<a target='_blank' title='믹시 바로가기' href='http://mixsh.com/widget/mr/?url=DWBY2oDPQPpYirN0xwqI1QYH3eZwhe4iA0q2Uh76hM0%3D'><img src='http://mixsh.com/widget/mr/but.html?p=DWBY2oDPQPpYirN0xwqI1QYH3eZwhe4iA0q2Uh76hM0%3D&t=11' alt='믹시' border='0' /></a>

정렬된 소스 :

<div align=center>
<a target='_blank' title='믹시 바로가기' href='http://mixsh.com/widget/mr/?url=DWBY2oDPQPpYirN0xwqI1QYH3eZwhe4iA0q2Uh76hM0%3D'><img src='http://mixsh.com/widget/mr/but.html?p=DWBY2oDPQPpYirN0xwqI1QYH3eZwhe4iA0q2Uh76hM0%3D&t=11' alt='믹시' border='0' /></a>
</div>

 

이렇게 div를 이용하는 것은 소스틀 편집할 수 있는 티스토리, 텍스트큐브 등에서 사용할 수 있다.

 

 위젯 넣을 때 정렬이라는 옵션을 주면 얼마나 좋을까?

Comments