블로그 하단 정리하기
블로그박스,다음뷰,믹시 추천위젯,카테고리 글 더보기 위치 변경하기


아래 이미지와 같이 예전에(http://infomoa.kr/171) 정리했던것이 무슨 이유인지 엉망이 됨.
블로그박스가 카테고리 글 더보기 아래로 가고.....
다시 수정.....


1. 믹시 설치코드
      믹시홈페이지(http://mixsh.com/)  -> 마이믹시 -> 믹스업위젯 -> 설치코드생성해서 복사







2. DAUM view,믹시,카테고리글더보기 플로그인 수정 
      블로그 관리자 -> 플로그인 -> 플로그인설정 -> 다음뷰,믹시 아래 이미지 처럼 수정
 






3. HTML/CSS 편집  
  3-1 카테고리 글 더보기 위치 변경 소스1 추가

         스킨 -> HTML/CSS 편집 
              -> skin.html 에서 [# #_page_title_# #]</title>를 찾아서(Ctrl+F)  
         아래부분에
"카테고리 글 더보기 위치 변경 소스1" 붙여넣기 (수정할 필요없음)



 소스: 카테고리 글 더보기 위치 변경 소스1 (수정할 필요없음)

카테고리 글 더보기 위치 변경 소스1.txt


<!-- 카테고리 글 더보기 위치 변경 소스1 start -->
<script type="text/javascript" language="javascript">
var MissFlash_Div_Num = 1;
</script>

<script type="text/javascript" language="javascript">
function getElementsByClass(MissFlash_Div_Num,searchClass,node,tag){
    // JavaScript function was developed by MissFlash (http://blog.missflash.com)
    var classElements = new Array();
    if(node == null) node = document;
    if(tag == null) tag = '*';
    var els = node.getElementsByTagName(tag);
    var elsLen = els.length;
    var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
    var j = 0;
    var MissFlash_Check = 1;
    var MissFlash_ID = "MF_Reference" + MissFlash_Div_Num;
    for(i=0; i<elsLen; i++){
        if(pattern.test(els[i].className)){
            classElements[j] = els[i];
            j++;
            if(els[i].id.indexOf("MF_Reference") == -1){
                var result = els[i].innerHTML;
                els[i].style.display = "none";
            }
        }
    }
    return result;
}
</script>
<!-- 카테고리 글 더보기 위치 변경 소스1 end -->



 3-2  다음뷰,믹시 추천버튼 코드 수정 소스 추가
         스킨-> HTML/CSS 편집 -> skin.html에서 문자열 [# #_article_rep_desc_# #]를 찾아서 
              아래부분에 
"추천버튼 코드 수정" 소스를 수정후 붙여넣기 (수정 필요)

            ☞ 블로그박스(광고)는?
               ☞ 블로그로 돈벌기 - 클릭박스,블로그박스(클릭당 커미션 지급/링크프라이스)
 


 소스: 추천버튼 코드 수정 소스 (수정필요)

추천버튼 코드수정.txt

 

<!-- 추천버튼 코드수정 start-->
<table width="100%" style="border-collapse:collapse; border:1px #E5E5E5 solid;">
<tr height="100"><td width="20" rowspan="2"></td><td width="150" rowspan="2">
구글광고,블로그박스 광고 주소 등 넣을위치
</td><td align=center valign=bottom>
<embed src="http://api.v.daum.net/static/recombox1.s wf?nurl=본인 블로그 주소 입력[##_article_rep_link_##]"quality="high" bgcolor="#ffffff" width="400" height="80"  type="application/x-shockwave-flash"></embed>
</td></tr>
<tr><td>
본인의 믹시 코드주소
</td></tr>
</table>
<!-- 추천버튼 코드수정 end -->



 3-2  카테고리 글 더보기 위치 변경 소스2 추가
         스킨 -> HTML/CSS 편집 -> skin.html 에서 문자열 [# #_article_rep_desc_# #]를 찾아서 
          아래부분에 
"카테고리 글 더보기 위치 변경 소스2" 를  붙여넣기
             
           글 색상이 기본 그레이로 되어있으니 두번째 코드  gray 부분을 원하는색으로 수정

             (플러그인에서 변경 불가능)
             이곳에서는 추천버튼 아래에 카테고리 글 더보기가 위치하므로
            "추천버튼 코드 수정" 아래에  
"카테고리 글 더보기 위치 변경 소스2" 추가



 소스: 카테고리 글 더보기 위치 변경 소스2

카테고리 글 더보기 위치 변경 소스2.txt

 

<!-- 카테고리 글 더보기 위치 변경 소스2 start -->
<div id="MF_Reference" class="another_category another_category_color_gray"></div>
<script type="text/javascript">
//<![CDATA[
// Created by MissFlash(http://blog.missflash.com)
var MF_Reference = document.getElementById('MF_Reference');
MF_Reference.setAttribute("id", "MF_Reference" + MissFlash_Div_Num);
MF_Reference.className = "another_category another_category_color_gray";
var ref_source = getElementsByClass(MissFlash_Div_Num,"another_category");
MF_Reference.innerHTML = ref_source;
MissFlash_Div_Num += 1;
//]]>
</script>
<!-- 카테고리 글 더보기 위치 변경 소스2 end  -->



4. 완성 
          완성된 모습



5. 추천 권유 문구 추가 
      추천버튼 위 "글이 맘에 드시면 손가락 꾹 눌러주시고..구독+하시는 센스까지.." 문구넣기
         스킨 -> HTML/CSS 편집 -> skin.html 에서 문자열 [# #_article_rep_desc_# #]를 찾아서 
         아래부분에
"추천 권유 문구 소스" 를 수정후 붙여넣기 (수정 필요)


 추천 권유 문구 소스

추천 권유 문구 소스.txt


빨갛게 표시된
http://v.daum.net/my/infomoa? 은 자신의 다음뷰 주소로 수정
http://infomoa.kr  이 부분은 자신의 블로그 주소로 수정

<div style="text-align: center;">
<a style="padding: 5px; background-color: #4169e1; font-family: Dotum; color: white; font-size: 10pt; text-decoration: none;" href="http://v.daum.net/my/infomoa? blogurl=http://infomoa.kr" target="_blank">글이 맘에 드시면 손가락 꾹 눌러주시고.. <span style="color: yellow; font-weight: bold; text-decoration: underline;">구독+ </span>하시는 센스까지.. ^^</a></div>



6. 추천 권유 문구 추가된 최종 완성

 

 

 

댓글을 달아 주세요

  1. 미휴 2011.05.17 18:04  댓글주소  수정/삭제  댓글쓰기

    이쁘게 배치가 되었습니다.
    감사합니다.
    근데~~ 다음뷰 위젯이 일시적인 시스템 장애라고 뜨는데 어떻게 해야하나요?

  2. 비톤 2011.07.17 02:37  댓글주소  수정/삭제  댓글쓰기

    밑에 배치가 잘안돼서 계속 고민하고 있었는데~~
    정말 감사합니다~~

  3. 나쁜늑대 2011.08.15 14:59  댓글주소  수정/삭제  댓글쓰기

    음.. 전왜 다음뷰가 일시적인 오류가 났따고 뜨죠?,,,

  4. 킹피쉬 2011.10.09 18:15  댓글주소  수정/삭제  댓글쓰기

    많은 도움이 되었습니다. 감사합니다.
    다음뷰가 일시적인 오류로 나오는데 시간이 지나면 해결 되는지 아니면
    제 블로그 주소에 http://plunger.tistory.com/로 썼는데 주소 형식이 잘 못된 건지 알려주세요
    감사합니다.

  5. 공기가방 2011.10.17 17:43 신고  댓글주소  수정/삭제  댓글쓰기

    도움이 많이 되었습니다 감사합니다~

  6. DD 2011.10.22 13:56  댓글주소  수정/삭제  댓글쓰기

    카테고리 글 더보기 안해도 되져?
    그냥 다음뷰 믹시업만 해도 되는건가요?

  7. 몽상가 2011.12.01 15:35  댓글주소  수정/삭제  댓글쓰기

    덕분에 추천 박스 정리 잘 했습니다..ㅎㅎ 근데 카테고리 글 보기 위치 옮기는 건 안되서
    포기했어요.ㅠㅠ

  8. 강건 2012.01.24 21:35  댓글주소  수정/삭제  댓글쓰기

    정말 감사합니다 덕분에 제 홈피가 이쁘게 되었어요 ^^

  9. 2012.04.28 22:10  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  10. 애니코리아 2012.04.28 22:12  댓글주소  수정/삭제  댓글쓰기

    헉 비밀글 남긴것을 읽을수가 없네요.
    티스토리 로그인하구 글 만겼는데..-.-

  11. 컴터맨 2012.05.26 14:58  댓글주소  수정/삭제  댓글쓰기

    저는 희안하게도 다음뷰 버튼에 장애라고 계속 나오네요ㅠㅠ 테스트용으로 하나의 포스팅에 같이 붙여 놓은, 원래의 다음뷰는 정상적으로 표시되는데, 새로 붙여놓은 코드는 아무리 확인을 해도 원인을 찾을 수가 없었습니다.

    한참을 헤매다가 MissFlash님의 코드는 작동을 하는 것을 발견하고 결국은 MissFlash님의 방식을 사용했습니다. (잘은 모르지만) 코드를 읽어보면 크게 문제될 것은 없는 것 같은데, 도대체 안되는 이유가 뭔지...지금도 알쏭달쏭하네요.

    어쨌든, 덕분에 새로운 것을 배워가네요. 감사합니다~

  12. 리뷰걸이 말한다 2013.10.13 03:42 신고  댓글주소  수정/삭제  댓글쓰기

    정말 도움 됐습니다. 이제 말끔하게 고쳐놨습니다. 감사합니다.