블로그에 웹조각 적용하는법 - 익스플로러8 웹조각 기능 Web Slice


블로그에 웹조각 적용하는법 - 익스플로러8 Web Slice

웹조각은 무엇인가?

Internet Explorer 8의 새로운 기능인 웹 조각(Web Slices)
웹 조각을 사용하면 해당 웹 사이트나 블로그 특정부분의 변경된 내용을 실시간으로 확인할 수 있습니다.

웹조각을 추가하는 방법과 설정방법 변경등은 아래 비앤아이님의 글을 참조하세요 ^^
제 포스트에서는 웹조각을 블로그에 적용시키는 방법을 소개합니다...

아래글은 티스토리 메인화면 주제별 새 글에 웹조각이 적용되어 있는 모습입니다.
저 녹색 아이콘을 많이 보셧으리라 생각합니다. 실제로 티스토리 뿐만이 아니라 많은 포털에 적용되어있지요 ^^
사실 제 블로그 사이드바의 최근 글에도 달려있긴 합니다만 누가 쓰고 있는지 어떤지는 저도 모르겠네요.
2proo, Blog, blog tip, Daum, IE8, IE8 Web Slice, Internet Explorer 8, It, naver, tistory, Web Slice, 네이버, 다음, 다음뷰, 블로그, 블로그 수정, 블로그 팁, 블로그에 웹조각 달기, 블로그에 웹조각 설치, 블로그에 웹조각 적용하는 법, 블로그에 웹조각 적용하는방법, 웹 조각, 웹슬라이스, 웹조각, 웹조각 기능, 웹조각 만드는방법, 웹조각 만들기, 웹조각 설치, 웹조각 소스, 웹조각 적용, 웹조각 적용방법, 웹조각 적용하기, 웹조각 추가, 익스플로러8, 티스토리

티스토리 메인화면에 적용된 웹조각


웹조각은 말 그대로 인터넷상의 한 부분을 조각내어 익스플로러8의 즐겨찾기 탭에 추가해놓고
실시간으로 업데이트가 이루어지면 알 수 있도록 적용해놓은 기능입니다.
음.. 환율정보나 날씨정보, 아니면 중요한 거래나 이웃 블로그의 새글 업데이트까지 인터넷 하다가 바로 알수 있죠.


웹조각이 사용된 곳

네이버 메인 화면에 웹조각이 3군대가 있습니다. 뭐.. 익스플로러 8 쓰시는 분이라면 마우스 올려보면 다 나옵니다~
익스플로러8 웹조각 기능 Web Slice

네이버에 적용되어있는 웹조각

다음 메인화면에는 몇개가 있을까요?? 두둥~~ 답은 0개 입니다.
그럼 티스토리 메인화면에는 몇개일까요? 역시 3개 입니다.
익스플로러8 웹조각 기능 Web Slice

티스토리에 적용되어 있는 웹조각들

다음 뷰 메인화면에도 물론 3개의 웹조각이 있습니다.
많은 포털과 대형 사이트들에서 자주 업데이트 되는 정보들은 웹조각을 서비스해주고 있습니다.

그렇다면!!! 블로그에도 달 수 있지 않을까? 내 블로그에도 될까? 두둥....
네 잘 찾아오셧습니다. 싼 값에 처리해드리지요... 굽신굽신


블로그에 웹조각 달기

아시는 분은 아실테고 모르시는 분은 모르셧겠지만 제 블로그의 최신글에는 웹조각이 적용되어 있습니다.
웹조각과 RSS 가 있는 사이트에 접속하게 되면, 익스플로러8 은 알아서 체크하여 아래 이미지처럼 보여줍니다.
RSS 피드 알림 아이콘 외에도 웹조각이 있다고 알려주는 것이죠.
2proo, Blog, blog tip, Daum, IE8, IE8 Web Slice, Internet Explorer 8, It, naver, tistory, Web Slice, 네이버, 다음, 다음뷰, 블로그, 블로그 수정, 블로그 팁, 블로그에 웹조각 달기, 블로그에 웹조각 설치, 블로그에 웹조각 적용하는 법, 블로그에 웹조각 적용하는방법, 웹 조각, 웹슬라이스, 웹조각, 웹조각 기능, 웹조각 만드는방법, 웹조각 만들기, 웹조각 설치, 웹조각 소스, 웹조각 적용, 웹조각 적용방법, 웹조각 적용하기, 웹조각 추가, 익스플로러8, 티스토리

2proo.net 에 웹조각이 적용되어 있는 모습


사이드바에 Recent Articles 에 적용되어있는 웹조각입니다 ^^
블로그에 웹조각 적용하는법 - 익스플로러8 웹조각 기능 Web Slice

자... 그럼 이것을 적용하는 방법을 알려드립니다. 사실.... 아주 쉽습니다.

웹조각 소스 알려드립니다..


<!-- 웹조각 소스 -->
<div class="hslice" id="ce">
<div class="entry-title" style="display:none">2proo.net Recent Articles</div>
<div class="entry-content">
이곳에 적용할 소스.. 최근 덧글이나, 최근 글이나 최근 트랙백 같은 소스를 넣어줍니다.
</div>
</div>

위 소스에서 id="ce" 라고 있는데 이 ce 부분은 자신이 구별하기 쉽게 써넣으세요 ^^
그리고 2proo.net Recent Articles 이 부분은 실제로 웹조각이 브라우저에 추가되었을때
보여지는 항목이므로 다른 사람들도 알아보기 쉽게 편집해서 쓰시면 됩니다.
그리고 적용할 소스 부분에 웹조각을 적용시킬 항목들을 넣어주시면 됩니다.
 

잘 모르시겠다구요? 음.. 제 블로그 스킨에 실제 적용된 소스를 봅시다.
최근글을 표시해주는 소스 위와 아래로 빨간색 글씨 소스를 첨가하기만 했습니다. ^^
이렇게 보니까 훨씬 쉽죠?

<s_sidebar_element>
<!-- Recent Articles -->
<div id="recentpost">
<!-- 웹조각 소스 -->
<div class="hslice" id="ce">
<div class="entry-title" style="display:none">2proo.net Recent Articles</div>
<div class="entry-content">
<h3>Recent Articles</h3>
  <ul>
   <s_rctps_rep>
    <li>
    <a href="[#_rctps_rep_link_#]">
  [#_rctps_rep_title_#] <span class="cnt">[#_rctps_rep_rp_cnt_#]</span>
  <!-- <cite>By [#_rctps_rep_author_#]</cite> -->
    </a>
    </li>
   </s_rctps_rep>
  </ul>
</div>
</div>

</div>
</s_sidebar_element>

빨간색 줄 총 5줄이 추가되었죠? 위에 3줄, 아래에 2줄 이렇게요. <!-- 웹조각 소스 --> 이 줄은 빼도 됩니다 ^^;;


적용된 소스를 보시고 따라하시면 쉽게 웹조각을 추가하실 수 있을겁니다.
블로그에 제대로 웹조각이 적용되어 마우스를 그 위에 올리면 아래의 녹색아이콘이 나오고
클릭을 하게되면 웹조각 추가 메세지가 나옵니다.
여기까지 된다 성공입니다~ ^^ 박수박수~
2proo, Blog, blog tip, Daum, IE8, IE8 Web Slice, Internet Explorer 8, It, naver, tistory, Web Slice, 네이버, 다음, 다음뷰, 블로그, 블로그 수정, 블로그 팁, 블로그에 웹조각 달기, 블로그에 웹조각 설치, 블로그에 웹조각 적용하는 법, 블로그에 웹조각 적용하는방법, 웹 조각, 웹슬라이스, 웹조각, 웹조각 기능, 웹조각 만드는방법, 웹조각 만들기, 웹조각 설치, 웹조각 소스, 웹조각 적용, 웹조각 적용방법, 웹조각 적용하기, 웹조각 추가, 익스플로러8, 티스토리

웹 조각 추가 메세지


즐겨찾기 탭에 추가된 제 최신글의 웹조각을 눌렀을때 나오는 화면입니다.
밑에 보면 ㅡ> 이렇게 생긴 파란색 아이콘이 있는데 해당 사이트로 이동하자!!! 라는 아이콘이고
재활용 마크처럼 생긴 녀석이 새로고침 입니다.
다른 웹사이트를 보면서 새로고침 누르면 해당 웹조각의 영역만 새로 불러들입니다. 편리한 기능이지요.
블로그에 웹조각 적용하는법 - 익스플로러8 웹조각 기능 Web Slice

제대로 적용된 웹조각


추가된 웹조각의 목록중 마우스 오른쪽 버튼을 누르면 여러가지 속성을 선택해서 사용할 수 있습니다.

음... 개인적인 바램이지만 이 글이 아래에 보이는 그림처럼 다음 뷰의 웹조각에 보이면 좋겠네요.
View 베스트와 가장많이 본 글의 웹조각에 이 글이 뜬다면 그야말로 좋을텐데.. ㅋㅋㅋ
2proo, Blog, blog tip, Daum, IE8, IE8 Web Slice, Internet Explorer 8, It, naver, tistory, Web Slice, 네이버, 다음, 다음뷰, 블로그, 블로그 수정, 블로그 팁, 블로그에 웹조각 달기, 블로그에 웹조각 설치, 블로그에 웹조각 적용하는 법, 블로그에 웹조각 적용하는방법, 웹 조각, 웹슬라이스, 웹조각, 웹조각 기능, 웹조각 만드는방법, 웹조각 만들기, 웹조각 설치, 웹조각 소스, 웹조각 적용, 웹조각 적용방법, 웹조각 적용하기, 웹조각 추가, 익스플로러8, 티스토리

다음 뷰, View 베스트 웹조각

블로그에 웹조각 적용하는법 - 익스플로러8 웹조각 기능 Web Slice

다음 뷰, 가장 많이 본글 웹조각


음.. 이정도면 누구나 쉽게 자신의 블로그에 웹조각을 적용 시킬 수 있겠지요?
즐거운 하루 보내시길 바랍니다~ 저는 이만!!!

이미지 맵

'BLOG Story' 카테고리의 다른 글

글에 남긴 여러분의 의견은 30개 입니다.

    • 웹조각 기능 정말 편한 것 같아요.
      그렇다고 웹조각 때문에 익스플로러8을 설치할 수는 없어서 그림의 떡이 되었습니다.
      그런데 스킨 바뀌면서 폰트도 바뀐건가요?
      전보다 가독성이 좀 떨어지는 것 같아요.

    • ㅎㅎㅎ 이거 폰트가 나눔고딕이에요.
      설정은 바탕화면 등록정보 드가셔서 화면배색 효과 누르신후에
      화면글꼴 가장자리 다듬기 클리어타입으로 선택하시면 됩니다.
      음.. 만약 컴터에 나눔글꼴이 없다면 잘 안보이실꺼에요 ㅠㅠ
      이거 제대로만 보이면 가독성이 좋은데.. 으으으읔 ㅠㅠ

    • 호오... 이런 기능이 있었어요? 우와... 전 저넘의 버튼이 도대체 뭐에 쓰는 버튼인고 싶었습니다. ^^

      제가 2proo님 블로그에 오면 꼭 뭘 하나는 가져 간다니깐요. ^^

    • 허걱... 이미 아시고 계실거 같은데요?;;;
      전 강팀장님 블로그 가면 백개씩 줏어옵니다 ㅎㅎㅎ
      주말 잘 보내세요~ ^^

    • 웹조각이 쓸모가 있긴 하군요.
      하지만 익스에서만 쓰이는 것이라...
      오랜만에 새글이 올라 왔네요~ㅋ
      주말 잘 보내시고~다음주에 코피 사주삼~!

    • 웹조각은 뭐.. 주식이나 환율, 날씨 정보 중요하게 생각하는 분들께는
      아주 간편한 기능이지요 ^^;;
      인터넷할때 자동업데이트 뿐만 아니라 수동 업데이트도 되니까요.
      하지만 말씀대로 익스플로러8만의 전유물... ㅎㅎㅎ

      음.. 그날 친구랑 같이 가기로 되어있어서요 ㅎㅎ
      유부남 친구.. ㅎㄷㄷ 아무래도 힘들듯? ^^;;

    • 2Proo 님 때문에 좋은 정보 알아갑니다.
      포스팅도 새롭고
      정말 유익한 블로거신거 같애요 ㅎㅎ

    • 허걱... 격한 칭찬이십니다 ^^;; 송구스럽습니다;;
      에스띠안님 블로그가 엄청 깔끔하고 이쁘던데요;
      스킨 바꾸고 싶은 욕심이 또.. ㅎㅎㅎ;;
      감사합니다~~

    • 익스플로러 글은 정말 쓰기 싫더라고요~ 언넝 다른 브라우저 사용자들이 늘어나줘야 할텐데~
      그래서 무조건 IE글은 무효~ ㅎㅎ

    • 허걱.. 네네 무효 ㅎㅎㅎㅎ
      사용자들이 많아져야 공기업이나 기업들도 신경을 좀 쓸텐데..
      아직도 대세가 IE 다보니.. 어흐흑..
      파폭이나 크롬이 진짜 빠르고 편리한데말이죠;;

    • 오호~~ 제글 링크도 해주고 거기에
      진화된 사용법까지..
      저도 한수 배웠습니다.
      소스가 간단해서 누구나 쉽게 이용할 수가 있겠군요! ^^

    • 소스가 딸랑 5줄이라 간편하죠 ^^;;
      다만 익스8에서만 된다는게 좀 흠이라는..
      Kay 님의 사용법 없었으면 큰일날뻔 했어요 ^^

    • 프루님은 IT에도 일가견이 있으시군요...부럽습니다.
      그나저나 감기조심하세요. 저 ...감기걸려서...2틀동안...아니..
      지금까지 죽을것 같다는~~~~

    • 허걱... 감기!!! 혹시~~~ 신종 아니여라~? ㅎㅎㅎ
      농담입니다 ^^
      어서 빨리 훌훌 털고 일어나세요~
      요즘 감기도 엄청 독하다고 하던데.. 고생이 많으십니다 ㅠㅠ

    • 웹조각 기능 처음으로 알았네요.. 사실 저 녹색아이콘이랑 파란색 아이콘이 뜨는 거 보구서 이게 뭐지 생각은 했었는데,, 잘 이용하면 상당히 편리하겠어요 ^^

    • Kay 님 블로그에 보니까 웹조각 뿐만이 아니라 웹피트도 있더라구요.
      사용방법은 가보시면 엄청 잘 써놓으셧어요~
      주말 잘 보내세요~ ㅎㅎ

    • 초창기에 적용시켜 볼려고 했는데, 사실 크게 효용은 없어 보이기도 하고.. ㅎ
      요즘은 이런저런 기술의 발달이 참 재미 있습니다.
      잘쓰면 상당히 재밋게 쓸수 있을것 같은데, 응용하기가 머리아파요..ㅋㅋ

    • ㅎㅎㅎ 사실.. 개인 블로그에는 그닥 효용이 없는것 같아요.
      저도 꽤 오래 달아놨는데 누구하나 묻는 사람도 없고;;;
      대형 포털 사이트에서나 효용이 클 거 같아요. ㅎㅎㅎ

    • 이웃블로그 새업데이트 확인..
      이부분은 마음에 드는데요..

      그러지않아도 어여 ie6을 버려야할텐데...
      너무 적응되어서..

      요즘 이상하게 티스토리 블로그 들어오면 갑자기 창이 몇십개씩 뜨더라구요..ㅠㅠ
      ie6 골칫덩어리입니다..

    • 저도 그 IE6 창 닫거나 열때 창 무한대로 뜨는거 정말 골치더라구요.
      그래서 IE8 쓰고 있습니다.
      6버전보단 훨씬 안정적이고 좋더라구요.
      아니면 파이어폭스로 변경해보시는건? 가볍고 빠릅니다~!!

    • 익스플로러 8을 쓰면서 웹조각 아이콘이 나타나면 귀찮기만 했는데 그것이 아닌라는 것을 배웠네요. 감사합니다.

*

*

이전 글 다음 글