도아의 세상사는 이야기 ::

블로그코리아 통합위젯이 깨지는 경우

블로그코리아의 메일 한통

얼마 전 블로그코리아에서 메일을 한통 받았다. 현재 블로그코리아에서 진행하고 있는 통합위젯서비스 클로즈 베타의 참석 여부를 묻는 메일이었다. 블로그코리아에서 진행하고 있는 블로그마케팅에 대해서는 나름대로 좋은 이미지를 가지고 있고 블로그마케팅에 대한 필로스님의 고민도 여러 번 들은 적이 있기 때문에 반갑게 참여를 신청했다. 원래는 10일에 오기로 한 위젯 코드이지만 막상 받은 것은 11일 저녁이었다.

예전에 글을 올렸지만 깨지는 블로그코리아 위젯

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가 가능하다. 따라서 네 개의 색상 중 자신의 스킨에 맞는 색상으로 빠꿔 달아도 된다.