예전에 글을 올렸지만 최근에 블로그 스킨을 바꿨다. 아울러 Category는 스킨에서 권장하는 대로 의미있는 마크업을 위해 [##_category_list_##]를 사용해 왔다. [##_category_list_##]가 좋기는 하지만 [##_category_list_##]를 사용하 사이드바에 블로그코리아 통합 위젯을 놓을 자리가 없다. 결국 통합위젯 클로즈 베타를 신청하면서 사이드바에 블로그코리아 위젯을 놓을 자리를 확보하기 위해 [##_category_##]으로 바꿔둔 상태였다.

따라서 받자마자 바로 스킨에 삽입했다. 그런데 어떻게 된 일인지 스킨에 삽입하지 않으면 정상적으로 뜨는 블로그코리아 위젯이 스킨에 삽입하면 항상 그림처럼 위젯이 깨졌다. 기본값인 red를 이용하면 조금 나아지기는 하지만 역시 오른쪽이 잘려서 표시됐다.

깨지는 블로그코리아 위젯

IFRAME를 사용하기 때문에 Internet Explorer에서는 잘 보인다. 스킨에 삽입하지 않으면 잘 보이는 이유도 사용하는 편집기인 EdtiPlus 역시 Internet Explorer 엔진을 사용하기 때문이다.

'red'에는 정상적으로 표시되지만 오른쪽이 짤리는 것을 보고 이 문제가 'IFRAME'의 폭이 좁아 발생한 문제일 것으로 생각했다. 따라서 이 문제는 상당히 간단히 해결했다. 물론 블로그코리아 통합위젯서비스 클로즈 베타에 참석하고 있는 사람이 얼마되지 않기 때문에 이 글이 많은 사람에게 도움이 될 것으로는 생각하지않는다. (광고: 도아의 세상사는 이야기는 단 한명의 고충도 해결해 줍니다)

<iframe src="http://www.blogkorea.net/bnmsvc/widget.do?gu=main&user_num=4042&ad=218018&skin=<font color="blue">red</font>" width="<font color="red">171</font>" height="350" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

위에서 보면 알 수 있지만 width 속성의 값을 170에서 조금만 키우면 된다. 사실 이 문제는 원래 IFRAME을 도입한 Internet Explorer에서는 발생하지 않는다. 따라서 비 Internet Explorer 브라우저를 사용하는 사람을 위해 고처 주는 것이 좋다. 마지막으로 skin=red로 코드를 보내 주었지만 색상은 그림처럼 RED, GRAY, BLUE, BLACK가 가능하다. 따라서 네 개의 색상 중 자신의 스킨에 맞는 색상으로 빠꿔 달아도 된다.