IE8 웹조각 기능을 블로그 및 도메인에 지정하기


 IE8 의 기존버전과의 차이점 및 특징 중 대표할 것이라고 한다면 웹조각(Web Slice)이 있습니다.  웹조각이란 어떤 웹페이지의 일부분을 자신의 브라우저로 가져와서 직접 해당 사이트에 접속을 하지 않더라도 정보를 접할 수 있는 기능입니다.  IE8 을 실행해서 상단우측에 보면 그 아이콘이 보이실거예요.  뭔지 모르시는 분들과 도구를 사용자 지정하시셔서 안보이시는 분들을 위해  알려드리자면 아래 사진의 빨간 박스 부분입니다.

  만약 저처럼 블로그를 운영하시는 분이라면 슬라이드바에 있는 다양한 메뉴들 중 원하는 것에 웹조각을 지정하여 보시는 분들도 편하게 접하실 수 있게 만들 수 있습니다.  여기서는 그 방법을 알려드릴게요.  
 웹조각이 지정되어 있는 메뉴를 추가하는 방법은 매우 쉬워서 생략하려 합니다만 혹시 모르시는 분을 위해 짧게 말씀드리면 다른 분들의 블로그에 지정되어 있거나 다른 사이트에 지정되어 있다면 해당 메뉴에 녹색박스가 그려지면서 아래 처럼 보이실 겁니다.  익숙하시죠? ^^  거기서 버튼을 누르고 지정하시면 끝이예요 ^^  예를들어 아래 경우처럼 네이버에 접속하여 첫화면에서 웹조각을 활용할 수 있습니다.

 자! 이제 본론으로 자신의 블로그 혹은 도메인에 웹조각 지정하는 방법입니다.  저는 블로그 이용자이니 블로그 기준으로 설명드릴게요 ^^  스킨을 수정하는 메뉴를 보면 HTML/CSS 편집이 있죠?  이 메뉴를 활용합니다.  소스 입력창이 위ㆍ아래로 2개가 보이실겁니다.  그중에서 skin.html 에 아래 텍스트 파일에 포함된 소스코드를 입력하시면 됩니다.  하지만 약간 수정하여 입력하셔야 하는데 그 이유는 사용자마다 자신이 지정하고 싶은 메뉴가 다를테니까요.  만약 자신의 사이트 전체에 웹조각을 지정하려면 가장 하단부에 아래 내용을 그대로 추가만 하시면 되지만 보통 그렇게 사용할 거면 RSS 를 이용하겠죠 ^^;;;  하지만 RSS 와는 다르게 웹조각은 로그인이 필요없어 편리성 / 접근성이 아주 좋습니다.  그래서 추천하는 기능입니다.

웹조각 지정하기.txt

 그럼 이제 자신이 원하는 메뉴에 웹조각을 지정해 보죠.  예를 들어 저는 제 블로그의 사이드바에 있는 메뉴들 중에 Recent Post 메뉴에 웹조각을 지정하고 싶습니다.  그럼 위에서 말씀드렸던 skin.html 소스들 중에 사이드바 관련 소스가 있겠죠?  그 소스들 중에서 Recent Post 메뉴와 관련된 소스를 찾습니다. Ctrl + F 혹은 F3 키를 활용해서 찾으시면 더 편하게 찾으실 수 있습니다.  그렇게 해서 찾으셨다면 아래 스샷처럼 해당 메뉴(파란색 괄호부분)를 사이에 두고 빨간 박스 부분의 내용을 추가하고 저장하시면 끝입니다 ^^
※ 아래 소스 내용 중 "원하는 멘트를 작성하세요" 부분은 사용자가 지정한 웹조각을 표시하는 명칭입니다.  직접 메뉴에 맞춰서 이름 정해주시면 되겠네요 ^^

 저장 완료하셨으면 블로그에 다시 들어가서 아까 지정한 메뉴에 마우스 커서를 가져가 봅니다.  그럼 아래처럼 웹조각을 지정할 수 있는 박스와 버튼 표시가 나타날겁니다.

[참고] 위와 같이 지정된 웹조각을 추가하게 되면 아래와 같이 나타납니다.  이름에 나타난 것이 위에서 언급했던 "원하는 멘트를 작성하세요" 부분에 제가 "LiveREX's 최근 포스팅" 이라고 작성한 모습입니다.

 여기서 한가지 팁으로 추가된 웹조각에서 우클릭하신 후 속성창에 들어가시면 위와 같이 업데이트 일정을 사용자가 지정하여 사용하실 수 있습니다.  각자의 스타일에 맞춰서 지정한 후 사용하시면 해당 사이트에 방문하지 않아도 원하는 정보를 접하실 수 있습니다.


※ 더 깔끔하게 웹조각을 지정하고 활용하는 방법을 아시는 고수님들 많은 의견 부탁드립니다 ^^


 ※ 이 포스팅이 도움이 되셨다면 살~짝 아래의 추천 버튼 눌러주세요 ^^