티스토리 블로그박스,다음뷰,믹시 추천위젯,카테고리 글 더보기 위치 변경하기(하단정리)
블로그 하단 정리하기
블로그박스,다음뷰,믹시 추천위젯,카테고리 글 더보기 위치 변경하기
아래 이미지와 같이 예전에(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<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_# #]를 찾아서
아래부분에 "추천버튼 코드 수정" 소스를 수정후 붙여넣기 (수정 필요)
☞ 블로그박스(광고)는?
☞ 블로그로 돈벌기 - 클릭박스,블로그박스(클릭당 커미션 지급/링크프라이스)
소스: 추천버튼 코드 수정 소스 (수정필요)
<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=본인 블로그 주소 입력/m/261"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
<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_# #]를 찾아서
아래부분에 "추천 권유 문구 소스" 를 수정후 붙여넣기 (수정 필요)
추천 권유 문구 소스
빨갛게 표시된
http://v.daum.net/my/infomoa? 은 자신의 다음뷰 주소로 수정
http://infomoa.kr 이 부분은 자신의 블로그 주소로 수정
<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,한경블로그 외)
토나님 -> 다음뷰, 믹시 추천위젯 위치에 관한 설명-권유 문구 포함