2012. 1. 11. 14:08

티스토리 하단 추천위젯 정리(다음뷰,믹시업)

블로그를 운영하다보면 믹시업이나 다음뷰같은 추천위젯들을 사용하실텐데..
너무 많거나, 중구난방이 되다보면 지저분하게 보이게 되서 블로그에 찾아오는 사람이나 운영하는 사람 서로 짜증이 날 수 있습니다.

정리를 하면 꽤 깔끔하게 사용할 수 있습니다. 이번 시간해 해볼것을 완성하게 되면 아래와같이 정리가 된답니다.



자~! 정리해볼까요?


1. 먼저 티스토리 관리자화면으로 들어가서 다음뷰와 믹시업 추천위젯을 활성화 합니다.
 - 그림의 순서대로 클릭하면 하단에 다음뷰와 믹시 메뉴가 보이죠?

2. 다음뷰와 믹시 플러그인을 활성화 해보겠습니다.


3. HTML편집
 - 아래와 같이 HTML/CSS 편집화면으로 진입하세요.
그리고 Ctrl+F로 ##_article_rep_desc_## 부분을 찾으세요. ##_article_rep_desc_## 아랫쪽에 삽입하면 본문 글 하단에 위치가 되게 되고, 위에 코드를 삽입하면 본문 상단에 위치하게 됩니다.
여러분은 하단에 추천위젯을 정리하게 될 테니가 위 치환자 아랫쪽에 코드를 삽입하시면 됩니다.


<!--- 하단 추천 테이블 시작 -->
<fieldset style="border:3px solid #a1b0db;text-align:center;width:650px;height:250px;padding:0;margin:0 auto;position:relative;">
<legend align="center" style="margin:0 0 0 10px;padding:0 3px; border:1px;color:#3A5FCD">

<a href="http://skymir0714.tistory.com/" target="_new" onfocus="this.blur()" style="background-color:blue;color:white;padding:5 5 5 5;margin:5 5 5 5"> 제 블로그글이 마음에 드신다면 추천을 눌러주세요</a><br /></font>

</legend>
<table width="650" border="0" cellpadding="2" cellspacing="3"  valign="bottom" style="background-color:#FFFFFF">
<tr>
         <td align="center" width="220" height="210" rowspan="2" style="background-color:#FFFFFF">

               이 부분이 여러분이 활용할 공간입니다. 이미지 또는 광고를 삽입하세요.

         </td>
  <td align=left style="background-color:#FFFFFF">
<!-- 다음뷰 추천 위젯 삽입 start-->
<object type="application/x-shockwave-flash" data="
<param name="movie" value="   </td>
  </tr>
<tr>
  <td alig=center style="background-color:#FFFFFF">
<!--믹시업 추천 위젯 삽입 start -->
          <center><div id="MissFlash_Div">     
 <div class="MF_Left_Float" style="height:89px; margin-left:0;">
믹시업 위젯의 코드를 붙여넣습니다.. 믹시업 코드가져오는 방법은 하단참조
            </center></div>
</div>
<!-- 믹시 추천 위젯 삽입 end -->
  </td>
</tr>
</table>
<!--- 하단 추천 테이블 끝 -->


빨갛게 강조되어 있는 링크주소를 여러분의 블로그 주소로 바꾸세요.
아래는 위젯정리 소스입니다. 다운받아 사용하세요.


하단추천위젯정리소스.txt


4.믹시업코드가져오기


붙여넣기 후 미리보기를 통해서 예쁘게 적용되어지는지 보고 확인하세요.

깔끔해지셨나요? ^^ 이쁜 블로그 만드세요.. 참 블로그는 걷모습보다는 알찬내용이랍니다.

다음시간에 봐요. 바이바이