안녕하세요, TISTORY입니다.
정말 숨가쁘게 달려온 한 해, 어느덧 2008의 마지막을 바로 눈 앞에 두고 있습니다. 티스토리 블로거 여러분들의 올 한 해는 어떠셨나요? 블로그에서 또는 블로그 밖에서 어떤 일들이 있으셨나요? 즐거웠던 기억은 즐거웠던 대로, 아쉬웠던 기억은 다음을 기약하며 잘 마무리하고 새로운 마음으로 새해를 맞이하셨으면 좋겠습니다.
이런 바람을 담아 티스토리에서 크리스마스 및 연말 기념 3종 세트(트리장식 3종, 위젯 2종, 서식2종)를 준비하였습니다. 예쁜 트리 장식과 위젯으로 블로그에 크리스마스 분위기도 내어보시고, 방문하신 분들께 따뜻한 마음도 전해보세요! :)
★ 크리스마스 위젯으로 마음을 전하세요!
블로그를 방문해주신 분들께 크리스마스 및 연말 인사와 감사의 마음을 전할 수 있도록 간단한 카드 서식과 위젯 2종을 준비하였습니다. 평소엔 쑥스러워서 차마 하지 못했던 감사의 인사들을 담아 전해보면 어떨까요? ^^ 크리스마스 위젯은 위젯 뱅크에서 블로그로 퍼갈 수 있습니다.
★ 크리스마스 카드 & 연말결산 서식을 활용해보세요!
블로그를 방문한 분들께 긴 메시지로 안부를 전하고 싶다면 크리스마스 카드 서식을 활용해보세요! 빨간색의 깔끔한 카드 안에 마음을 담아 전할 수 있습니다. ^^ 또한 블로그에 있었던 일을 정리할 수 있는 연말결산 서식도 함께 준비하였으니, 1년간 블로그에 있었던 일들을 정리해보세요~
 크리스마스 카드 서식 |  블로그 연말결산 서식 |
< 서식 활용하는 법 >
1. 로그인 후 글쓰기 화면으로 이동합니다.
2. 에디터 오른쪽 서식 상자에서 '크리스마스 카드'를 클릭한 후 서식을 불러옵니다.
3. 서식을 원하는 대로 편집한 후 저장합니다.
※ 크리스마스 카드서식의 가로폭은 500px로 고정되어 있으며, 높이는 본문에 따라 늘어납니다.
※ 연말결산 서식을 활용하여 '내 블로그 추천'이벤트 참여하고 뱃지 받아가세요! (☞ 이벤트 보기)
글을 저장할 때 태그만 입력하면 쉽게 참여하실 수 있습니다.
★ 크리스마스 트리 장식을 블로그에 달아보세요!
아래 <배너 다는 방법>을 참고하여 블로그 상단에 크리스마스 트리 및 방울 장식을 달아보세요. 총 3종의 장식이 준비되어 있으며, 장식 종류에 따라 가로 사이즈가 각각 다릅니다. (장식을 달 경우 장식 뒤로 가려지는 배너나 링크는 클릭이 되지 않을 수 있습니다.)
▶ 배너 다는 방법
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>
#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>
#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>
#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>
즐거운 날에는 언제나 티스토리와 함께!
티스토리 블로거 여러분 모두 행복한 크리스마스, 연말 보내세요!♥
감사합니다.
컬러방울 트리 1024px로 조정하여 달았읍니다!
각자의 블로그 스킨크기에 사이즈를 맞추어 달아야 할것 같읍니다.
모두들 즐거운 성탄 맞이 하세요!
가로스크롤이 생기시는 분들은
style.css 파일에
html{overflow-x:hidden;}
한 줄 추가해주시면 된답니다 ㅎㅎ
저는 두 번째꺼 달았는데 너무 예쁜거 같아요~ 크리스마스 분위기도 나고 ㅎㅎ
덕분에 클스마스 분위기 한창 내고 있답니당!! ^ ____ ^
저도 두 번째 걸로 달았는데 예뻐요! 알록달록한 게 꼭 달콤한 알사탕 같네요.
크리스마스 지나도 계속 달고 있을 수 있나요? 후후.
감사합니다. 즐거운 성탄절 보내세요! :D
저도 두번째걸로 달았어요 :-)
배경도 많이 가리지 않고 크리스마스 분위기 나는게 참 예뻐요!
뒤늑게 달게된 크리스마스 트리..
정말 맘에 듭니다.. ^^
비밀댓글입니다
너무 예뻐요...^^
덕분에 크리스마스 분위기 나네요...감사...
장식!!! 퍼갑니다~!!! >>ㅑ
방울 달린 모양을 블로그 상단에 적용하고 나니 그것만으로도 성탄 분위기 물씬 납니다^^ 감사합니다~
안그래도 스킨을 바꾸어볼까 생각중이었는데 장식들이 너무 이쁘네요.
잘 사용하겠습니다.^^
가로 스크롤은 가로 픽셀에서 100%로 변경하여 고쳤는데요.
블로그는 계속 왼쪽으로 쏠려 있습니다.
또 3단 스킨은 사용할 경우에는 제일 왼쪽의 바가 맨 밑으로 이동하여 스크롤 이동없이는 확인할 수
없게 됩니다.
이것은 어떻게 고쳐야 하는지요?
블로그 소스를 보니 장식 코드를 <body> 아래가 아니라 맨 위에 넣으셨네요.
감사합니다, 복구되었네요.
^_^ 3개 모두를 한꺼번에 적용하실 줄은 몰랐는데, 어색할 줄 알았는데 멋지네요.
ㅎㅎㅎ 덕분에 블로그가 살짝 크리스마스 분위기를 낼 수 있게 되었어요~
너무 이뻐요~~^^ 블로그도 즐거운 크리스마스~~ㅎ
저도 방금 적용했답니다~~ㅋ
트랙백 남기고 가요~~
크리스마스 카드 서식을 왼쪽 정렬로 하려면 어떻게 해야하죠? -..-;;
서식을 일단 불러오신다음에 html보기를 하시면 조금 헷갈리시겠지만 div의 첫번째 시작되는 스타일의 첫줄을 보시면 margin: 0pt auto; 하고 되어있는데요. auto;로 두면 가운데 정렬이 되는데요. 이걸 살짝 0pt라고 바꾸어보세요. 좌측으로 쫙 붙는답니다. ^_^
헛, 친절한 설명 감사드립니다! 좋은 하루 되세요~>.<
저도 적용을 해봤습니다. 산뜻하고 분위기 좋네요. ^^
따뜻하고 멋진 느낌의 위젯! 눈까지 오네요^^ 너무 예뻐요. 감사히 쓸게요!
달고 보니까 너무 이뻐요 근데 블로그아이콘은 어떻게 달아요?
티스토리 가이드를 참고하세요.
http://guide.tistory.com/42
후여훋쟈루랴
예쁘네요. 바로 적용했습니다^^