블로그 상단에 크리스마스 장식을 달아보세요!
제 블로그에 보시는것처럼 블로그 상단에 트리 장식을 할수 있습니다.

작업도 간단하고 방법도 간단 합니다.
소스 제공은 티스토리 측에서 하고 있습니다.

사실 제가 블로그를 오래 하다보니 이런것도 기억을 하고 있습니다.

2008년에 티스토리측에서 블로그에 크리스마스 분위기를 낼수 있도록 준비를 한게 있습니다.
공지사항을 보시면 되는데요

관련 글 입니다. http://notice.tistory.com/1216

블로그에 장착 하는 방법은 간단 합니다.

블로그에 적용 하는 방법

아래 <배너 다는 방법>을 참고하여 블로그 상단에 크리스마스 트리 및 방울 장식을 달아보세요. 총 3종의 장식이 준비되어 있으며, 장식 종류에 따라 가로 사이즈가 각각 다릅니다. (장식을 달 경우 장식 뒤로 가려지는 배너나 링크는 클릭이 되지 않을 수 있습니다.)

※ 배너 다는 방법 (천천히 따라해 보세요!)
1. 배너를 달고 싶은 블로그의 관리자 화면으로 간 뒤, 스킨 > HTML/CSS편으로 이동합니다.


2. 위 이미지에 보이는 것처럼 Skin.html이라고 보이는 영역에서 첫번째 <body> 아래에 
   배너의 HTML 코드를 넣어주세요!

* 예시 (빨간색이 배너가 보여지는 HTML 코드입니다.)
</head>
<body>

<style type="text/css">
#ChristmasDeco1 {
    background: url(http://cfs.tistory.com/static/sticker/s_17.png) repeat; text-indent: -1000em;
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 70px;
}
* html #ChristmasDeco1 {
    background-image: none;
    background-repeat: none;
    width: 1300px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/static/sticker/s_17.png', sizingMethod='crop');
 }
</style>
<div id="ChristmasDeco1">Merry Christmas!</div>

<s_t3>


1) 반짝반짝 별 (1300px)

<style type="text/css">
#ChristmasDeco1 {
    background: url(
http://cfs.tistory.com/static/sticker/s_17.png) repeat; text-indent: -1000em;
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 70px;
}
* html #ChristmasDeco1 {
    background-image: none;
    background-repeat: none;
    width: 1300px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/static/sticker/s_17.png', sizingMethod='crop');
 }
</style>
<div id="ChristmasDeco1">Merry Christmas!</div>

2) 컬러 방울 (1411px)

<style type="text/css">
#ChristmasDeco2 {
    background: url(
http://cfs.tistory.com/static/sticker/s_18.png) repeat; text-indent: -1000em;
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 70px;
}
* html #ChristmasDeco2 {
    background-image: none;
    background-repeat: none;
    width: 1411px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/static/sticker/s_18.png', sizingMethod='crop');
 }
</style>
<div id="ChristmasDeco2">Merry Christmas!</div>

3) 리본트리 (1447px)

<style type="text/css">
#ChristmasDeco3 {
    background: url(
http://cfs.tistory.com/static/sticker/s_19.png) repeat; text-indent: -1000em;
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 70px;
}
* html #ChristmasDeco3 {
    background-image: none;
    background-repeat: none;
    width: 1447px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/static/sticker/s_19.png', sizingMethod='crop');
 }
</style>
<div id="ChristmasDeco3">Merry Christmas!</div>



위의 방법을 이용하여 좀 더 즐거운 크리스마스 분위기를 만들어 보세요!
저작자 표시 비영리 변경 금지
신고
홈으로
공감
Post by : 재아
{ ? }※ 스팸 트랙백 차단중 ...

여러분의 소중한 댓글입니다.

  1. 이런걸 할줄 아시는 재아님이 참 부럽습니다 ㅎㅎ

  2. 크리스마스이니 한번 시도해 봐야되겠군요 ㅋ

  3. 크리스마스 분위기가 제대로 나는데요 !!

  4. 제 블로그에도 한번 달아 봐야 겠네요. ㅋ

  5. 1번 2번도 예쁘네요~ ^^

  6. 저는 달고 싶은데 지금 블로그가 너무 무거워서 뭘 추가하지 못하겠어요
    스킨을 바꾸면서 싹 정리하고 싶은데
    맘에드는 스킨이 쨘 하고 나타나지 않네요 ㅠㅠㅠㅠㅠㅠ
    요즘 이것때문에 고민이 많아요

    • 확인 해보시면 알텐데 굉장히 가벼워요^^;;

      ㅎ;;;;; 처음엔 블로그 깔끔하게 시작했다가 무거워지고 다시 깔끔하길 바라고.. 그러다 다시 무거워 지고

      마치 방안에 짐정리 하듯이 ㅋㅋ

  7. 장식?을 조금 할까 했는데 이런 자료가 있었군요.
    재아님 블로그에서도 크리스마스 기분을 낼수 있을것 같은데..
    아 솔로부대는 그져 orz...

    솔로부대 장식아이템은 없나요 ㅠㅠ

  8. 크리스 마스 분위기가 물씬 풍기겠어요.
    한 번 달아 보아야 겠어요.
    감사합니다.

  9. 살짝 포인트를 준것인데...블로그가 달라 보이는데요...ㅋㅋ
    이전에 스킨 건드렸다가 완전 꼬인적이 있어서 언제나 벌벌벌 입니다. ^^

  10. 저도 하나 붙여 볼까요? ㅎㅎㅎㅎ

  11. 얏 예뻐요 벌써 설치했답니다
    역시 재아님이세요 감사해요
    미리 크리스마스~**

  12. 오 크리스마스 분위기 좋은데요~? ㅎㅎ
    잘 보고 갑니다. 좋은 하루 보내세요~

  13. 저도 저도 바로 해보렵니다.ㅋㅋ
    감사합니다~

  14. 아.. 좋은 정보 너무 감사합니다. 전 컬러방울로 가져갈께요. ^^

  15. 흑 안 긁어져여 ㅋㅋ

  16. 작년과 달리 올해는 크리스 마스 분위기도 연말 분위기도 나질 않네요 ㅠ.ㅠ
    너무 일에 치여 살아서 그런가....@.@

    즐거운 크리스마스 보내세요 ^^

  17. 후후.. 저도 달았습니다..^^

  18. 이걸 진작에 알았어야 써먹는건데 말이죠 ㅎ 보면서 부러웠\는데.. ㅎ

    나중에 써먹어야겠습니다. ㅋ

댓글을 달아주세요!

티스토리 툴바