본문 바로가기

스킨14

티스토리 모바일 페이지 리뷰 완벽판 좋은점 아쉬운점 티스토리 모바일 페이지란? 티스토리는 테터툴즈를 기반으로 한 블로그 서비스 입니다. 무제한의 용량과 무제한의 트래픽, 그리고 XHTML,CSS 를 모두 수정 할 수 있도록 개방한것이 티스토리만의 장점입니다. 또한 티스토리는 컴퓨터 웹브라우저로 접속은 물론 스마트폰으로 접속시 모바일 페이지를 지원하여 1천만 스마트폰 시대에 발맞춰서 빠른 서비스를 지원중입니다. 모바일 페이지는 모바일기기에서 접속 시 모바일기기의 화면해상도에 맞도록 미리 제작된 페이지를 말합니다.스마트폰으로 접속하거나 태블랫PC 등으로 접속 시 모바일 페이지로 뜨도록 해서 상대적으로 성능이 낮은 모바일기기에서도 좀 더 빠른 속도로 블로깅을 즐길 수 있고 화면해상도에 맞게 뜨도록 해서 글자를 읽기 편하게 해줍니다. 왼쪽은 스마트폰에서 풀브라우.. 2011. 3. 29.
삼성 복합기 CLX-3185WK 리뷰 움짤 만들기 활용 삼성 복합기 움짤 만들어보기 삼성 복합기 CLX-3185WK 활용기를 적어볼 시간이네요. 이번시간에는 움직이는 움짤 이미지를 삼성 복합기 CLX-3185WK 를 이용해서 찍어볼겁니다. 예전에도 비슷한 움직이는 이미지를 만든적이 있는데요. 그때는 프린터가 없었기에 뭔가 진짜같은 이미지 사진이 필요했었는데 그걸 못했었죠. 이번에 삼성 복합기 CLX-3185WK 가 생겼으니 좀 더 정밀한 사진을 찍어서 실제 사물과 출력물과 혼동되도록 해서 멋진 움짤을 만들어봤습니다. 동영상으로 물론 찍어도 되지만 스틸샷처럼 이미지를 하나씩 이어 붙여서 만들어두면 또 색다른 맛이 납니다. 우선 무엇을 찍을까 고민을 하다가 갤럭시 플레이어 리뷰도 해야하고 해서 이걸 잘 찍어서 사진과 혼동되도록 하기로 생각했습니다. 우선 갤럭시 .. 2011. 3. 17.
복합기 추천 삼성 레이저프린터 복합기 CLX-3185WK 모바일 네트워크 연결 삼성 복합기 CLX-3185WK 편리한점들 복합기 추천 제품인 삼성 레이저프린터 겸 복합기 CLX-3185WK 는 무선으로 연결해서 사용이 가능하고 스캐너, 복사, 프린터가 되며 모바일로도 출력이 가능한 만능 복합기 입니다. 제가 CLX-3185WK 복합기 추천하는 이유는 분명있겠죠? 복합기를 처음에 설치할 때 옛날같으면 USB 로 또는 랜선으로 컴퓨터에 로컬로 우선 연결 해 놓은 뒤 해당 컴퓨터에서 드라이버를 설치를 하고 다른컴퓨터에서도 다시 드라이버를 설치하는 등 여러단계의 절차를 거치지만 삼성복합기 CLX-3185WK 는 W 는 Wireless 로 선없이 연결 할 수 있음을 뜻합니다. 무선으로 유무선공유기에 직접 연결되어서 네트워크 복합기 역할을 할 수 있다는 뜻이죠. 무선으로 연결되면 여러가지 장.. 2011. 3. 8.
복합기 추천 삼성복합기 CLX-3185WK 리뷰 컬러레이저 삼성 복합기 개봉기 삼성 컬러레이저 복합기 사용 복합기 추천 제품으로 삼성복합기 컬러레이저 CLX-3185WK 리뷰를 작성해 봅니다. 듬직한 외형에서도 느낄 수 있지만 컬러레이저 복합기로 복사기 프린터 스캐너의 역할을 한꺼번에 수행하는 복합기 추천 제품입니다. 컬러레이저 삼성복합기 CLX-3185WK는 모델명에 W 가 있듯 Wireless 를 지원하므로 즉 유선랜선을 연결해놓지 않고도 무선으로 통신하면서 사용이 가능합니다. 당연히 USB 연결로도 CLX-3185WK를 사용할수 있습니다. 무선으로 사용하는 컬러레이저 삼성복합기 CLX-3185WK의 장점이라면 컴퓨터와 가까운곳에 설치한다면 USB로 연결하거나 네트워크로 연결해서 공용으로 쓰려면 유선랜선으로 연결하면 되겠지만 만약 컴퓨터와의 거리가 멀거나 항상 켜져 있는 컴퓨터.. 2011. 3. 1.
이미지 다운로드 사이트 추천 블로그에서 사용할 이미지 다운로드 이미지 다운로드 사이트로 iconfinder.com 추천합니다. 블로그를 하다보면 이미지 다운로드를 많이 하게 되는데 쓸만한 이미지를 구해야하고 그리고 라이센스 문제도 없는 이미지 다운로드를 하려면 생각보다 찾기가 힘든데 아이콘파인더 사이트를 이용하면 꽤 괜찮은 품질의 이미지 다운로드를 쉽게 할 수 있습니다. 사이즈별로 나뉘어서 이미지가 올라오기도 하고 검색을 해보면 꽤 많은 이미지가 다운로드 되는걸 볼 수 있습니다. 제 경우에 블로그 스킨에 사용할 이미지를 구할 때 이 사이트를 자주 참조합니다. 오늘은 크리스마스라서 스킨을 살짝 수정해볼까 해서 크리스마스에 맞는 이미지를 구해서 스킨에 적용시켜봤네요. 이미지가 적용이 안된분들은 Ctrl + F5 를 눌러봐주세요. 소제목.. 2010. 12. 25.
블로그 상단 간결하게 유지하라 블로그 팁 블로그 상단 심플해야 블로그가 산다 블로그 팁 아닌 팁을 적어볼까 합니다. 블로그 상단이 심플해야 주목을 받는 다는 내용입니다. 블로그 상단은 블로그가 처음 뜰때 제일 먼저 눈에 들어오는 부분입니다. 그 뒤 전체적인 문양과 느낌을 눈에 담게 되고 다음은 좌우로 훝어서 내려가게 되죠. 스킨에 대한 부분은 여러가지 의견이 나뉘겠지만, 너무 많은것을 담으려고 하면 부족한만 못하다는 내용과 같이 하는 부분이 있죠. 예전에 봤던 CF 광고에 대한 어떤 카피라이터의 설명이 떠 오릅니다. 광고를 맡긴 사장은 광고제작자에게 이것저것 많은걸 요구했습니다. 그랬더니 광고제작자가 공을 여러개 들고 사장 앞으로 가서 공을 다 받아보라고 한 뒤, 공을 여러개를 동시에 던졌습니다. 당연 사장은 공을 하나도 재대로 못받았죠. 클릭.. 2010. 6. 18.
티스토리 본문 넓이 넓히기 방법 설명 #content 블로그의 본문폭을 넓혀보자 블로그 본문폭을 넓히는 방법에 대해서 설명합니다. 티스토리 블로그는 XHTML + CSS 구조로 되어있습니다. CSS 를 조절하면 본문의 넓이 및 높이등도 조절이 가능합니다. 의외로 쉽게 조절이 가능하죠. 보통 스킨을 만들때 이름을 비슷하게 만듭니다. 본문의 경우는 id 를 사용해서 #content 로 보통 쓰죠. 이 부분에 대한 CSS 를 조절하면 본문의 넓이를 넓히거나 줄일 수 있습니다. 예전에 젤리빈님 블로그 본문 넓히는 것에 대해서 설명해주겠다고 했었는데 이번에야 글을 정리해서 올리네요. 동영상도 만든건 좀 되었는데 이제야 공개합니다. 파이어폭스의 부가 기능중 하나인 파이어버그를 이용하면 미리 스킨을 제어해서 수정해 볼 수 있습니다. style.css 에서 #conten.. 2010. 5. 8.
블로그 초보팁 - 블로그 목록 갯수 정하기 블로그 초보 팁입니다. 처음 티스토리를 개설 하면 기본적으로 한 페이지에 글이 3개씩 나오도록 되어있습니다. 글을 길게 적는 분은 글이 3개나 한페이지에 나오기에 블로그가 느려질 수 있습니다. 티스토리 관리자페이지 > 스킨 > 화면출력 설정 글 1개 : 한 페이지에 보여질 글 수. 방명록 10개 : 방명록에 보여질 목록 수. 글 목록 30개, 목록만 : 카테고리 리스트를 눌렀을때 보여질 글 수. 방명록의 글 목록 수 는 임의로 더 줄여도 더 늘려도 좋습니다. 다만 한페이지에 글 수 가 1개인것이 좋을 것 같네요. 그러면 블로그에 글을 보는사람이 좀 더 집중을 할 수 있고 페이지도 더 빨리 뜨기 때문입니다. 앞으로 블로그 팁을 자주 올려볼께요 (시간이 나는대로) 2010. 2. 9.
블로그 광고 수익 모델-구글 애드센스 본문 상단 2개 넣는 방법 본문 상단에 2단의 광고 어떻게 넣어야할까? 구글 애드센스 광고를 티스토리 블로그 상단에 넣는 방법은 많이 공개 되어있죠. 다만 구조와 스타일을 분리해서 티스토리 블로그에 넣는 방법에 대해서 소개를 해볼까 합니다. 제 티스토리 블로그의 본문 상단의 구글 애드센스 광고도 이렇게 구조와 스타일이 분리되어 적용되어 있습니다. 본문 상단에 구글 애드센스 광고를 넣은 블로거들의 블로그를 보면 상당수는 를 썻거나 또는 스타일(style) 를 분리를 안해둔 경우가 많네요. 구조와 스타일을 분리를 해서 올바르게 넣는 방법 및 설정을 하는 방법에 대해서 설명합니다. 블로그 상단에 구글애드센스를 2단으로 넣어둔 모습입니다. 파란색박스 부분은 구글애드센스 부분이며, 아래의 노란색부분은 구글애드센스를 묶고있는 박스의 하단여백.. 2010. 1. 1.
컴퓨터 끄고 덮기만 해도 오래 써요 컴퓨터를 끄고 나서 덮개로 모니터나 키보드를 덮으시나요? 귀찮은 일이지만, 컴퓨터를 끄고 난뒤 덮개로 덮어주는게 좋습니다. 모니터나 기타 장치들에 먼지가 유입되는걸 막을 수 있기 때문이죠. 어렵지 않습니다. 컴퓨터가 쉬고 있을때 덮개로 덮어 봅시다 어릴때 어머니가 식탁보라는걸 보여줬습니다. 식탁처럼 큰 탁상에 놓는 천일텐데, 아까워서 쓰지 못하고 있었죠. 그때 이걸 어머니께 받아다가 컴퓨터를 덮는 목적으로 사용했습니다 원래는 크기가 더 컸지만, 적당한 크기로 잘랐죠. 지금은 동생도 같은 식탁보로 덮어서 사용중입니다. 꼭 식탁보가 아니여도 넓은 천이나 먼지를 막을 수 있는 가벼운 재질이면 좋을것같습니다. 덮으면 뭐가 좋아지나요? 컴퓨터를 끄고 모니터를 덮어두면 모니터 틈사이로 들어가는 먼지나 모니터에 먼지.. 2009. 11. 26.
티스토리 카테고리 글 더 보기 배경 꾸미기 - 블로그팁 카테고리 글 더 보기 이렇게 꾸며 보자 제 블로그 하단을 보면 카테고리의 다른 글 보기 부분이 조금 다를겁니다. 오른쪽에는 배경이 들어가있고, 기본적으로 나오는 날짜는 나오지 않고 있습니다. CSS 에 맞추어서 카테고리 다른 글 보기 꾸미는 블로그팁에 대해서 소개 합니다. 급하신 분은 붉은색 글자만 읽어보세요 ^^ 카테고리 글 더 보기 꾸미기 절차 1. 플러그인 > 꾸미기 > "카테고리 글 더 보기" 활성화 티스토리관리자 페이지의 플러그인 설정에는, 카테고리 글 더 보기 라는 설정이 있습니다. 이 옵션을 활성화 해 줍니다. 2. 카테고리 글 더 보기의 여백부분에 넣을 그림을 선택 후, 자신의 스킨에 업로드 합니다. 무료 아이콘 좋은곳이 많군요 관련된곳을 엮어봤습니다. Bloggertip.com (제트님).. 2009. 9. 28.
파이어버그로 티스토리 스킨 미리 수정하기 블로그 스킨을 수정해주는 작업을 최근에 하고 있습니다. 그런데 어떤식으로 미리 확인을 해보는지 궁금해하는 분들이 계셔서 간략하게 글을 적어볼까 합니다. Firefox 는 현재 세계적으로 점유율 2위의 많은 부가기능과 강력한 기능으로 사랑받는 인터넷 브라우저 중 하나입니다. Firefox 의 부가기능 중 하나인 Firebug 를 이용해서 스킨을 미리 고쳐보는 방법에 대해서 소개해보겠습니다. Firebug 설치 제가 Firebug 를 알게된것은 윤초딩님이 소개해준 Firefox의 부가기능 Firebug 에서 입니다. Firefox 를 설치 또는 무설치판을 이용해서 켠 뒤, 윤초딩님의 파이어폭스 확장기능 웹개발자필수 firebug 편 을 확인하셔서 설치합니다. Firebug 의 원리는 ? Firebug 의 원.. 2009. 9. 20.
피부를 되돌리는 SK-II skin signature 프레스블로그에서 SK-II 화장품을 받았습니다.. 광고를 한참 많이 하는 화장품으로 알고 있는데 이렇게 샘플을 받았네요. 저말고도 꾀 많은 분들이 받았죠. 샘플인지라 크기는 그렇게 많이 크진 않습니다. 딱 500원짜리 동전만하네요. 크기는 작지만 원래 상품의 샘플인만큼 어떤 매력을 발산하여줄지 기대가 됩니다. 프레스블로그에서 준다는 안내 설명서가 있네요. SK-II 는 생각나는건 광고뿐이었네요. 30대를 겨냥한것으로 알고있는데, 피부를 되돌린다는데 느낌이 궁금했습니다. 요즘 안티에이징에 관심이 많았는데 딱 맞는걸 받았네요. 종이에 프린터된 그림은 너무 이쁜데 샘플은 불투명케이스입니다 ^^ 크기도 사진보단 작네요. 그래도 양이 아주 작지는 않아서 여러번 발라볼 수 있더군요. 정품은 크기가 생각보다는 크더군.. 2009. 9. 10.
티스토리 블로그 스킨 분석해보자 - 처음편 * 개요 티스토리 스킨에 대해서 분석해보면서 자신의 블로그도 스킨을 수정할 수 있는 기술을 배워보도록 하겠습니다. 그 첫번째 시간으로 스킨을 수정할때 주의해야할 점과, 관리 , 수정하는 방법들을 설명합니다. [잘못 쓰여진 글이 있거나 기술적으로 문제가 있는부분은 테클을 걸어주시면 감사하겠습니다. 수정을 받아들여 수정하겠습니다] * 파일설명 티스토리 스킨은 테터툴즈에서 따온것이기 때문에 일정한 규격에 맞추어서 만들어져 있습니다. skin.html - 뼈 골조가 되는 스킨파일 style.css - 살을 붙여주는 부분 * 스킨수정시 주의할 사항 티스토리 스킨 관리를 보면 Skin.html 과 Sytle.css 를 수정할 수 있습니다. (티스토리 > 관리자 > 스킨 > HTML/CSS 편집) 보통의 경우 이 편.. 2009. 4. 21.