티스토리 덧글 창 위에 다음 View 인기글/최신글 넣기!

 

다음 View, 덧글 창 위에 다음뷰 인기글 넣기, 덧글 창 위에 다음뷰 최신글 넣기, 덧글 창 위에 다음뷰 넣기,
덧글 창 위에 다음뷰 최신글,인기글 넣기, 다음뷰,  다음View, 티스토리, 티스토리 html, style.html, style.css

---

다른 블로그 포스팅 하는 것들을 보면서 정보를 얻다가 이런 모습을 보게 되었습니다.

쿨펀치의 세상리뷰 - http://coolpunch.tistory.com/

.
.

좋은 아이디어다 싶어서 저도 한 번 따라해봤습니다 ^^
( 쿨펀치님 감사드려요 ! )
 

사툰s - http://rfv1479.tistory.com/ 
 




.
.

이제 따라해 봤으니 방법을 알려드릴까요?! 


[순서]

1. 다음 View에 접속해 놓는다. ( 없을경우 회원가입 - https://user.daum.net/joinuser/welcome.do?t__nil_loginbox=registration )

2. My View 퍼가기에 들어가서 소스를 퍼간다.

 - 소스를 퍼갈 것을 정하고 (인기 글, 내가 추천한 글, 최신 글 中) 소스를 저장해 둔다.
( 메모장에 복사하기 , 스티커 메모장에 복사하기 등 ) 



3. 관리 - HTML/CSS 편집에 들어간다.

       

- HTML/CSS 에 들어가서 <div class="author">를 찾는다.
그리고 그 밑에 미리 복사해 두었던 소스를 붙여 놓기 하면 된다.

하지만, 이렇게 한 상태에서 미리보기를 하면 이렇게 된다.
 

 
뭔가 약간 어색하고 밖으로 나가 버리는 현상도 생깁니다. 
그래서 table을 사용합니다.
( table을 쓰는 이유는 좀 더 깔끔하게 보이기 위해서 이죠. )
인기 글 / 최신 글 / 추천한 글 中 1가지만 사용하실 경우 이 걸 하실 필요는 없습니다.
단, 2개 이상 하시는 분들께는 이것을 하시면 좀 더 깔끔해 집니다.

- 2가지를 사용하시는 분들
<table width="100%" border="0" cellspacing="1" cellpadding="1"><tr><td width="50%" align="center">복사해 놓은 소스1</td>

    <td width="50%" align="center" height="270">복사해 놓은 소스2</td> </tr></table>

2가지.txt

-3가지를 사용하시는 분들

<table width="99%" border="0" cellspacing="1" cellpadding="1"><tr><td width="33%" align="center">복사해 놓은 소스1</td>

    <td width="33%" align="center" height="270">복사해 놓은 소스2</td><td width="33%" align="center" height="270">복사해 놓은 소스3</td></tr></table>

 

3가지.txt

 

.
.

여기서 Tip을 하나 주자면, 3가지를 하시면 본문의 넓이가 넓어야 하고 여러가지 오류들이 많이 일어나니 2가지 하실 것을 추천!
 


4. 완료 및 수정

- 이제 미리보기를 해서 잘 되었으면 저장,
잘 되지 않았으면 댓글로 알려주시면 친절히 알려드리겠습니다.


( 응용을 하면 어디든지 저 다음뷰를 놓을 수가 있습니다. )

사툰 , 사툰s , Wise사툰 , 와이즈사툰