T스토리 LINK 모듈 꾸미기

오늘은 간단히 링크 모듈 꾸미기를 한번 같이 해 보실까요.

바로 이것 입니다.
이렇게 사용하면 공간 활용도 되고 훨신 효율 적으로 활용 되겠죠.
스킨 적용하는 방법도 있습니다만 저는 사이드바 설정에서 하는것이 안전하고 편하기에 사이드바 설정으로
기준하여 설명 하도록 하게습니다.

먼저 사이드바 설정에서 HTML 배너출력을 사이드바 꾸미기에 적당한 위치를 골라 추가 합니다.

편집 누르시면 위 창이 뜨지요.
이곳에서 이름은 적당히 맘에 드시는 걸로 쓰시구요.
저는 그냥 링크라고 적어 습니다.
그리고 HTML소스 란에는 아래 파일을 다운 받아 복사하여 넣으면 되는데 그전에 편집을 하면 쉽게죠.

링크편집.txt

 

링크 1

---

<select id="link_1" onchange="window.open(this.value);" style="font: 12px NanumGothic,Verdana,Helvetica,Arial,Gulim,sans-serif; background-color:#99ffcc; width: 100%;">
<option value="">-블로그 이웃 신청하세요-</option>
<option value="http://danielkig.tistory.com">즐겁게</option>
.
.
.
</select>

링크1의 내용이 하나의 창 입니다.
제 블로그 옆에 보시면 "블로그 이웃 신청하세요" 라는 칸을 가리키는 겁니다.
링크1 부분을 복사하여 </select> 다음에 붙여 넣기하면 두개의 링크 창이 되고 또 붙이면 세개가 되는 것이죠.
"<select id="link_1" onchange=" 이 부분에서 link_1을 link_2, link_3....
이런 식으로 번호만 바꿔 주시면 됩니다.
 font 사이즈도 맘에 드시는 크기로 바꾸시고 폰트도 NanumGothic,Verdana,Helvetica,Arial,Gulim,
sans-serif 이것들 중 하나를 선택 하시고 지우셔도 되고,그냥 모두 올려도  됩니다.
백그라운드 컬러는 맘에 드시는 걸로 바꾸세요.
(웹 컬러 기준은 이곳을 참조)

다음은 링크를 추가 해야죠.
바로 아래 부분 입니다.
<option value="http://danielkig.tistory.com">즐겁게</option>
제 링크도 하나 달아 주시구요^^
다시 위 부분을 복사하여 </option> 다음에 붙여 넣기 하시고 블로그 주소를 "  " 사이에 넣으시고
블로그 명을 즐겁게 대신 바꾸어 주면 됩니다.
글로 쓰려니 복잡한것 같습니다만  링크 편집.txt를 열어 보시면 바로 이해 하실 겁니다.
자~편집 끝났으면 복사하여 HTML소스란에 붙여넣기 하시고 저장하면 끝.
이~쁘게 꾸며 보세요^^