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

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


아래 이미지와 같이 예전에(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=본인 블로그 주소 입력"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. 추천 권유 문구 추가된 최종 완성

 

참고포스트

MissFlash님 -> [팁] 티스토리에서 믹시&블로거뉴스 추천 위젯, 카테고리 글 더보기 위치 설정하기
verus님 -> 다음뷰 추천버튼과 믹시 추천을 테이블안에 깔끔하게 넣기
로그웨이님 -> [블로그튜닝] 다음뷰&믹시 추천버튼 본문 하단에 심플하게 정리해보자
구르마님 -> 카테고리 다른글 위치 조정하기 - 티스토리 팁
꼬마낙타님 -> [블로그 팁] 블로그 하단 추천 위젯 깔끔하게 정리하기
MastmanBAN님 -> 티스토리 ViewOn, 믹시 추천 버튼 옆에 광고달기
믹스업 위젯 코드 설치방법 (티스토리,이글루스,blogger,한경블로그 외)
토나님 -> 다음뷰, 믹시 추천위젯 위치에 관한 설명-권유 문구 포함