Google Adsense



티스토리 본문 하단에 미디어로그 추가하기


티스토리 본문 하단에 미디어로그 추가하기

 


티스토리 분문 하단에 미디어로그 추가하기


미디어로그에 나오는 썸네일 이미지들을 포스트 본문 하단에 출력하는 방법을 알아보겠습니다.


먼저 미디어로그 페이지에서 오른쪽 클릭으로 소스 보기를 합니다. 그리고 검색으로 카테고리나 파일종류를 찾아서 미디어로그 출력 부분 소스만 복사합니다.


 

티스토리 본문 하단에 미디어로그 추가하기


젤 위에 있는 <div id="mediaLogNest".... 부터 아래에 있는 <b class="rbottom"> 위에 </script></div> 까지 복사합니다.


 

티스토리 본문 하단에 미디어로그 추가하기


개인적으로 포스트 하단에 간단하게 넣으려는 방법이기 때문에 카테고리나 파일종류별로 보기 리스트는 삭제하겠습니다. 위와 같이 블록 설정한 부분만 간단하게 삭제하면 됩니다.


그리고 사이즈를 설정해야 하는데 미디어로그는 가로세로 사이즈에 맞춰서 자동으로 썸네일 이미지 개수가 표시되는데 <div id="mediaLogNest" style="width:100%; height:700px"> 이부분은 미디어로그 외부사이즈를 조절할 때 수정하고 <div id="mediaLogContent" style="width:100%; height:640px;"> 이부분은 미디어로그 내부사이즈를 조절할 때 수정하고 여기서 미디어로그 가로세로 출력 개수를 정하게 됩니다.


가로 사이즈는 100%라서 출력 개수는 블로그 본문 사이즈에 따라 고정적이고 세로 사이즈 370 이상은 2줄 510 이상은 3줄 655 이상은 4줄 이런 식으로 약 140픽셀 정도에서 1줄씩 추가 최고 내부사이즈를 정하게 되면 mediaLogNest에서 적당히 외부 세로사이즈를 조절해 주면 됩니다.


 

티스토리 본문 하단에 미디어로그 추가하기


위 이미지는 본문 하단에 미디어로그가 적용된 모습입니다.


소스 삽입은 관리자 페이지 → HTML/CSS 편집 → skin.html에서 [샵#_article_rep_desc_##]를 검색으로 찾아서 소스 아래쪽으로 적당하게 배치해 주면 되고 윗부분에 넣으면 포스트 본문 상단에 나오기 때문에 개인적으로 추천하고 싶진 않습니다.


 

 

티스토리 본문 하단에 미디어로그 추가하기


그런데 익스플로러에서 위와 같이 오류가 생기는 문제가 발생하였습니다. 이걸 깔끔하게 보일 수 있도록 간단한 소스를 만들어 줍니다.


<div>
<embed width="100%" height="365" wmode="transparent" allowscriptaccess="always" menu="false" salign="lt" id="mediaLog" src="http://cfs.tistory.com/blog/script/medialog/main.swf?seed=6004" flashvars="path=http://ssacur.tistory.com/media/data" type="application/x-shockwave-flash">
</div>


기존 소스를 지우고 위 소스를 수정해서 넣어주면 오류가 수정되고 깔끔하게 보여집니다. 사이즈 수정은 위와 비슷합니다.^^


독학으로 뒤져가면서 꾸미려 했으나 헛고생만 하게 된 상황이네요.;; 이렇게 간단한 방법이 있었는데.ㅠㅠ

 

티스토리 본문 하단에 미디어로그 추가하기


[파일 다운로드]

ml.txt

 

Google Adsense Daum view 구독 추천/구독  
tv팟 구독 tv팟 구독 올포스트 구독하기





치토스 박스 2 티에디션
1호, 2호, 3호, 4호, 5호, 6호, 7호, 8호, 9호, 10호,
11호, 12호, 13호, 14호, 15호, 16호, 17호, 18호, 19호

Tag , , , , , , , , , , , , , , , , , , , , , , , ,
댓글 - 여러분의 소중한 댓글이 저에게는 큰 힘이 됩니다.^^









■ : 일반글
■ : 운영자글

댓글을 달아 주세요

  1. BlogIcon 귀여운걸
    2012.04.30 10:02 신고
     댓글주소  수정/삭제  댓글쓰기

    어머~ 요렇게도 가능하군요..
    덕분에 잘 배워갑니다^^
    좋은 정보 감사드려요ㅎㅎ

  2. 알 수 없는 사용자
    2012.04.30 10:10
     댓글주소  수정/삭제  댓글쓰기

    어렵네요.
    공부좀 해서 만들어보겠습니다.

  3. BlogIcon 퍼피용
    2012.04.30 22:32 신고
     댓글주소  수정/삭제  댓글쓰기

    좋은 저녁 보내셨나요? ㅎㅎ
    건강 조심하시고, 즐거운 화요일 맞이하시길 바랍니다. ^^

  4. BlogIcon aeei
    2012.05.02 23:02 신고
     댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다~

  5. BlogIcon WHADAM
    2012.06.09 10:21 신고
     댓글주소  수정/삭제  댓글쓰기

    치토스님은 정말 실력자십니다~^^

    정말 깔끔하게 소스를 만드셨군요

    치토스님 덕분에 많은걸 배우게 됩니다

    • BlogIcon chitos7
      2012.06.09 11:35 신고
       댓글주소  수정/삭제

    • 다 제머리에서 나온건 아니기 때문에 실력자 까진 아니에요.ㅎㅎㅎ
      저두 배우는 수준이라 서로서로 도와가면서 사는 거죠.ㅎ

  6. BlogIcon WHADAM
    2012.06.13 00:07 신고
     댓글주소  수정/삭제  댓글쓰기

    치토스님 근데 이거 원하는 카테고리만 나오게 할 수 도 있을까요?

    방법좀 가르쳐주세요~

    • BlogIcon chitos7
      2012.06.13 00:49 신고
       댓글주소  수정/삭제

    • 댓글을 잘 못 봐서 다시 답변드립니다.^^;
      위 미디어로그추출은 저기까지만 해보고는 포기해버린 방법이라서 다른 방법은 몰라서
      저두 검색해 보니까 불가능한 거 같네요.;;;

    • BlogIcon WHADAM
      2012.06.13 00:59 신고
       댓글주소  수정/삭제

    • 음 치토스님이 불가능하다면 방법이 없겠죠~^^

      여러가지 잡다한게 다나오니
      한 가지 카테고리만 나오게 하면좋을텐데
      아쉽내요~^^

    • BlogIcon chitos7
      2012.06.13 01:04 신고
       댓글주소  수정/삭제

    • 개인적으로 써본바로는 일단 페이지 로딩에 걸림돌이 되구요.
      작은이미지(찌그러진)만 뜨는 링크형식이라 클릭율이 그리 좋은지 모르겠습니다.ㅎ

    • BlogIcon WHADAM
      2012.06.13 08:27 신고
       댓글주소  수정/삭제

    • 티에디션이나 태터데스크 같은게 맘에 안들어
      치토스님의 미디어로그소스로 어떻게 해볼까했는데

      특정카테고리만은 안나오니 저도 땔까 붙일까 생각중이에요
      그런데다 로딩까지 영향을 주신다고하니..
      음.... 고민되내요~^^

    • BlogIcon chitos7
      2012.06.13 11:29 신고
       댓글주소  수정/삭제

    • 알다싶이 티스토리에서는 수정할 수 있는 부분이 제한적이라서 너무 복잡한 스킨변경은 하지마세요.ㅎㅎ
      나중에 골치아파요.ㅋㅋ

  7. BlogIcon 컴터맨
    2012.06.14 10:24 신고
     댓글주소  수정/삭제  댓글쓰기

    화담님 블로그에서 좌표 받고 왔습니다. 살포시 추천 눌러드리고 갑니다~^^

  8. BlogIcon raeddo
    2012.10.21 22:41 신고
     댓글주소  수정/삭제  댓글쓰기

    성공 감사합니당

  9. BlogIcon Park zzi
    2013.04.03 02:00 신고
     댓글주소  수정/삭제  댓글쓰기

    원하던 거였는데 너무 감사드립니다~
    저는 기존의 linkwithin 이걸로 하다가 애를 먹고 있었는데...
    가뿐하게 해결했네요^^;

    그나저나 정말로 해당 카테고리만 나오게 된다면 정말좋은데..
    저도 아무리해봐도 안되네요 ㅠ

    • BlogIcon chitos7
      2013.04.03 02:44 신고
       댓글주소  수정/삭제

    • 티에디션에서 사용되는 구문을 추출하면 될 것도 같은데 그게 쉽지 않더라구요.^^
      부족하지만 많은 도움이 됐으면 좋겠네요..ㅎ

  10. BlogIcon 점프캣
    2013.07.25 06:44 신고
     댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다~
    적용 성공했어요ㅋㅋ
    보기는 좋은데 로딩에 영향이 있다니 좀더 사용해 보고
    유지할지 어떨지 고민해야 겠네요ㅎㅎ
    좋은 하루 되세요

  11. BlogIcon 코버
    2013.11.30 21:30 신고
     댓글주소  수정/삭제  댓글쓰기

    글을 보고 하루종일 끙끙대면서 여러가지 조합으로 시도를 해봤는데

    역시나 플래시 기반이라 그런지 계륵같은 존재네요 ㅎㅎ

    익스플로러에서 특히나 심한데 메모리 점유현상이 너무 심각하더군요.

    컴퓨터가 좋아서 로딩은 크게 못느끼겠는데, 블로그에서 대여섯번만 이동하니 메모리를 30만 가까이 잡아먹길래 큰맘먹고 포기했습니다 ㅠㅠ

    당분간은 linkwithin에 의존해야 할듯 싶네요..

    • BlogIcon chitos7
      2013.11.30 23:35 신고
       댓글주소  수정/삭제

    • 저도 초기에 이걸 쓰면서 느낀 거지만 블로그 페이지마다 로딩속도가 너무 느려서 얼마 못 쓰고 버린 놈이죠.^^