• 해외축구

  • 블로그 : 해외축구, 스포츠 소식 및 가십거리

'티스토리'에 해당되는 글은 3건 입니다.

  • 2015.03.27
  • 2015.03.14
  • 2015.01.17
  • 티스토리 초대장을 드려요~

     

     

     

    안녕하세요~ 해외축구 블로그 운영자입니다.^^

     

    다음에서 서비스 하는 자유도 최고의 블로그 티스토리 초대장을 나눠드리려 합니다.

     

    스팸/음란 블로그를 운영하지 않을 분만 신청해 주세요.

     

    또한 이곳에 신청하시면 ip를 볼 수 있답니다. 같은 아이피로 중복 신청하신 경우 이제부터는 모두 초대권을 나눠 드리지 않겠으니 양해하여 주시고~^^

     

    마감전에 아래 미션을 완수 하셨다면 100% 드려요~ ^^

    경기 종료 전까지 선착순 10여명~께 드립니다.

     

     

    오후 10시에 본인의 메일을 확인하세요~

     


     

    성명, 초대장 받을 이메일과 과 티스토리 운영 목적을 (요기 아래에 비밀글로-개인정보 보호) 간단히 적어주세요.
     

     

    쉬운 미션이죠?^^ 즐거운 주말 되세용~!!



    초대장 마감합니다.대상이신분 모두 보냈습니다.


    메일로 이중 신청하신 분은 제외되었습니다. 죄송합니다.

     

     


    * 본 포스팅은 기타/초대장 카테고리에 속한 글( 2015.03.27 19:01에 작성)입니다.
    1. 이전 댓글 더보기
      • 2015.03.27 19:32
      비밀댓글입니다
    2. 좋은 나눔 보기 좋습니다~^^
      즐거운 하루 되세요
      • 2015.03.27 20:12
      비밀댓글입니다
      • 2015.03.27 20:42
      비밀댓글입니다
      • 2015.03.27 20:48
      비밀댓글입니다
      • 2015.03.27 20:48
      비밀댓글입니다
      • 2015.03.27 20:48
      비밀댓글입니다
      • 2015.03.27 20:56
      비밀댓글입니다
      • 2015.03.27 20:56
      비밀댓글입니다
      • 2015.03.27 20:56
      비밀댓글입니다
      • 2015.03.27 20:56
      비밀댓글입니다
      • 2015.03.27 20:56
      비밀댓글입니다
      • 2015.03.27 21:07
      비밀댓글입니다
      • 2015.03.27 21:58
      비밀댓글입니다
    3. 초대장 마감합니다~ 감사합니다~
    4. 좋은 인연 만나시길 바랍니다
      • 2015.03.28 05:07
      비밀댓글입니다
      • 2015.03.28 22:52
      비밀댓글입니다
      • 짝꿍
      • 2015.10.25 17:37
      dlrhgns123@naver.com입니당
      • 2017.07.04 11:04
      비밀댓글입니다
    비밀댓글달기

    티스토리 반응형 홈페이지에 티에디션 rss로 적용하기

    차일피일 미루다가 작심하고 며칠걸려 저의 블로그도 티스토리 반응형 홈페이지로 변신시켰어요. 로딩을 빠르게 하고 폰트나 아이콘 등 되도록 자제하고 png 등도 압축하고~ 나름 가볍고 심플하게 제작하려고 열심히 해 봤네요. 몇가지는 귀찮아서 안했지만.. ㅎㅎ 그런데 비록 버전 0.5 정도로 완성을 한 후 어느 정도 만족감을 느꼈지만, 가만 보니 메인을 이쁘게 치장할 생각으로 티스토리 티에디션을 적용했더니, 열이 슬 나네요.. "이걸 애초부터 생각안하고 이런~!!" 하며 보기 좋게 재수정 작업에 들어가야 했네요. ㅠㅠ



    위에가 티스토리 에디션으로, 아래가 rss를 불러와 적용한 모습.


    티에디션 스타일시트 건들 생각에 머리아파 하다가 다른 분들은 어떻하나 싶어 찾아보니, 반응형 홈페이지에 일가견이 있으신 readiz님의 공개 스타일을 티에디션에 적용했네요. 하지만, 아무래도 티에디션 자체 버그 같은데... 얼마 사용하다 보면 가로 넓이나 이미지 사이즈가  변해버리는 문제가 발생하네요. 브라우저 가로 넓이 보정이 안먹힌다는 의미죠.. 그렇다고 원하지도 않는 모양새가 보기 않좋아.. 곰곰이 생각하다. "rss 피드를 데리고와 뿌려볼까?" 하는 생각까지 하게 되었네요.





    티에디션으로 넓이를 알맞게 지정해도, 얼마후 아래 이미지처럼 가로사이즈, 이미지 사이즈 축소되는 현상이 발생한다.


    일단 제목이나 내용을 불러와 뿌려주는 스크립트는 해 보았지만, 맘에 안들어 무료에다 이미지까지 뿌려주고 세세한 옵션을 제공하는 rss 제너레이터 서비스 하는 곳을 찾았답니다.


    여러군데 서핑하다 이것도 귀차니즘이 슬슬 발동할 때즘에 발견한 서비스라 이걸 적용해 보았네요. 뭐~ 이정도면 쓸만하다 싶은데요?

    저의 블로그 메인은 어떠신지요?^^


    메인 첫 두 포스팅은은 티에디션 그대로 적용했고,. 아래 부분은 오른쪽 목록에 맞게  피드 아이템 갯수를 조정했네요.



    티스토리 반응형 블로그에 티에디션 rss 적용하는 법을 포스팅해 볼게요.


    1. 일단 http://feed.mikle.com/에 접속해 자신 블로그의 rss 주소를 입력하고 세부옵션을 넣습니다.  (일본 어느 회사에서 제공하는 서비스 같은데, 무료라니 멋지네요.^^ 저작권)





    예) http://baraza.tistory.com/rss


    2. 팁을 말씀드리자면, 옵션에서 반응형을 선택하지 마시고, 스크롤 관련 사항도 선택 no, Text & Thumbnail은 선택하시구요. Advanced Settings을 눌러 자신의 기호에 맞게 설정하시면 오른편에 소스 코드가 나옵니다. 그것을 티스토리 티에디션에 붙여 넣기 하시면 됩니다.^^



    위처럼 rss 코드가 나오는데, 약간 변경과정을 거쳐야 티스토리 블로그 메인으로 사용할 수 있다.


    3. 이제는 티스토리 반응형 블로그에 맞게 몇 가지만 손봐 주면 됩니다.


    위의 2번에서 불러온 스크립트 소스 맨위와 아래에 각각

    <div style="height: auto; max-width: 800px;>와 </div>를 넣어 주시면 됩니다. (800px에는본인 블로그에 맞는 넓이 숫자를 넣으세요.)


    4. 그리고 스크립트 세부설정은 제 티스토리 블로그 기준으로 올려 볼게요.


    티스토리 블로그 메인에 rss 피드 아이템을 불러와 완성도를 높여 보자.


    rssmikle_frame_width: "99%" (티스토리가 반응형일 경우, 취향에 맞게 수정)

    rssmikle_font: "돋움,나눔고딕,NanumGothic,Arial,Helvetica, sans-serif", (자신 블로그에 맞은 폰트 설정)

    rssmikle_font_size: "100%" (티스토리 반응형 옵션)

    sort: "Rnd" (랜덤으로 함, 제 블로그 상단이 티에디션을 사용한 최신 글 2개라 아래 rss 피드는 중복으로 보이는 것을 피하기 위해 랜덤으로 했네요. - 본인이 피드아이템을 8개로 세팅했다면 그 것 중에 랜덤으로 뿌려 주어요.)

    뭐 사실 티에디션 디자인을 안하고 그냥 rss만을 사용해도 괜찮을 것 같네요.)


    rssmikle_item_title_length: "80" (이건 제목 글자수)

    rssmikle_item_description_length: "200" (이건 내용 글자수)


    그리고 마지막으로 datetime_format: "%Y.%m.%d %I" (데이터 포맷 함수 변경.. 2015.03.13 10 식으로 변경됩니다.)


    년도 월 등의 날짜가 순서가 맘에 안들고 글 쓴 초까지 나와 버려 위와 같이 변경시켰네요. 아무래도 mikle rss 서비스가 데이터 포맷 날짜 시간 타입을 제대로 모두 지원하지 않는 것 같네요.




    이 정도로 하면 아쉽지만 블로그 메인 정렬이 어느정도  이뿌게~ 될 것입니다. 이미지 크기 또한 정렬되구요. 익스플로러8은 문제없이 보이기만 하면 되기에 반응형으로 넘어 왔네요. 그리고 다음 애드핏이 전면형을 지원안하기에... 그런 이유로.. ㅎㅎ


    사실 다음 애드핏이 반응형도 지원하고 좀 살아나면 좋겠네요.


    그리고 한가지!

    혹시 애드센스 쓰시면 반응형으로 변경할 경우 문제가 되네요. 저 같은 경우도 초반 포스팅에 맨 상당 광고가 겹쳐 결국 숨김으로 했다 삭제를 하려고 하네요.  또한 336사이즈도 과감히 숨김 지정했놨구요. 반응형으로 넘어가려 하니 득도 있겠지만 실도 생기긴 하네요..^^


    그리고 꽤 접속하는 포스팅은 어쩔 수 없이 몇 개씩만 애드센스 사이즈에 맞게 수정하고 있네요.


    이상 rss를 이용해 티스토리 블로그 메인에 적용하는 법이었습니다. 물론 각 포스팅 본문 아래에도 적용해 볼 까 생각해 봤지만, 속도저하를 우려해 수정 대상에서 제외했네요.


    생각해 보면 정말 다음 티스토리 서비스가 좋다는 느낌을 지울 수 없는데요. 그런 이유로 애착이 참 많이 가는 블로그에요.^^






    * 본 포스팅은 컴퓨터/인터넷 카테고리에 속한 글( 2015.03.14 07:03에 작성)입니다.
    1. 반응형도 한번 시도해봐야겠어요.
      좋은 리뷰 잘 보고 갑니다~~
    2. 언제나 새로운 시도는 한번 해볼만 하군요..
      좋은자료 잘보고 갑니다..
    3. 정말 좋은 정보 감사합니다.
      저도 티에디션 해봐야겠네요~~^^
    비밀댓글달기

    티스토리 블로그에 파노라마 프로그램으로 만든 파노라마 사진을 올리는 법

    티스토리 블로그 팁. 티스토리에 자신이 만든  파노라마 사진을 올리는 법


    일단 파노라마 프로그램이 필요합니다. 가장 편한 방법은 사진을 여러번 찍어 자동으로 붙여 주는 프로그램보다 사진을 찍는 동시에 자동으로 한장짜리 파노라마 사진이 "짠~"하고  만들기가 되는 파노라마 프로그램이 좋습니다.   파노라마 프로그램은 직접 찾아서 쓰셔요.. 이런 무책임.. ㅎㅎ 저는 dermandar 라는 파노라마 어플을 사용했구요. 안드로이드 스마트폰용이나 아이폰용 모두 다 있네요.




    암튼 이런 저런 방법으로 파노라마 사진을 만드셨나요? 요즘 세상 참 좋아진것 같네요.. ㅎㅎ 아주 오래전에는 자바 애플릿으로 파노라마 돌리고 했는데 이제는 찍고 올리면 끝이라니.. ㅎㅎ


    자 이제~~ 파노라마 프로그램을 이용해 만든 사진을 티스토리에 올리는 방법을 소개할까 합니다.^^


    파노라마 사진 (3061×450)


    위의 사진을 보셔요.~ 이렇게 티스토리 블로그에 올리면 넓이가 초과될 경우 축소되어 원본을 볼 수 없습니다.

    짜안~~~ 하지만 아래를 보셔요.  파노라마 사진을 올린 것입니다. 제대로 보이나요?


    구글플러스를 통해 올릴 수 있지만, 티스토리 블로그의 높은 자유도를 잘 활용하면 홈페이지에서 여러가지 기능을 잘 활용할 수 있죠? ㅎㅎ 티스토리 블로그를 반응형 블로그로 만들 수 있는 것도 이처럼 js파일 등 기타 자바스크립트 파일을 올릴 수 있도록 배려한 것 때문이 아닐까 하는데요. 아마 블로그 중에서 가장 자유도가 높고, 블로거의 권한을 많이 준 블로그가 아닐까 생각이 드네요. 아이~ 티스토리 좋아 ㅎㅎㅎ



    [여주여행] - 여주 미니어처 공원 갑돌이갑순이 세트장 파노라마





    티스토리 파노라마 보기  호환성은?


    pc에서는 파노라마가 잘 보이고 작동합니다. 안드로이드 스마트폰에서도 잘 되고요, 아이패드 아이폰 계열에서 기본으로 지원되는 사파리로는 파노라마 기능이 잘 안되네요.. ㅠㅠ 아이폰용 구글 크롬에서는 잘 보입니다. pc용으로 보면 하면 잘 보여요.


    각종 pc 브라우저에서는 잘 보이는 파노라마 사진.. 스크립트를 막아두는 옵션이 있나요?

    아이폰용 사파리에서는 잘 안보임 ㅠㅠ


    블로그에 파노라마 사진 올리기


    아래처럼 번호 순서대로 따라 하시면 됩니다.


    1. 티스토리 블로그 관리자 페이지 > HTML/CSS 편집 > 파일 업로드 탭으로 이동합니다. 아래와 같이 파노라마 사진(제 파노라마 사진명은 pano.jpg)과 jquery.panorama_viewer.js, panorama_viewer.css 파일 (panorama.zip)을 올립니다.



    즉, 올린 파노라마사진 1개와 자바스크립트 파일 1개, 스타일시트(css) 파일 1개를 올려요.


    panorama.zip

    파노라마 사진 관련 파일 받기 (js, css 파일 2개의 압축파일)
    또는 http://github.com/peachananr/panorama_viewer 여기로 가셔서 파노라마 뷰어 파일을 받으세요.

     

    2.  티스토리 블로그 관리자 페이지 > HTML/CSS 편집 > skin.html 를 찾아가서 아래 처럼 입력합니다.  이것은 입력하기 번거로우니 아래 파일 받아서 필요한 곳(???) 에 자신의 블로그 번호를 넣으세요.. ( 안에 포함된 물음표 번호는 자신의 블로그 소스 보기를 하시면, 알 수있을 것이에요.)

    panoramat.txt


    위 파일의 내용을 아래처럼 파노라마 <head> 와 </head> 사이에 붙여넣기 하세요.~




    3. 포스팅 할 곳에... 파노라마 사진을 불러 오면 끝 납니다. 아래는 파노라마 사진의 경로로 포스팅 글 쓰는 곳에 붙여 넣기 하면 됩니다.  (바로 위의 panorama.txt에 아래 내용이 있으니 그것을 붙여넣기 하세요.)


      <div style="line-height: 1.8;" class="panorama">
     <img src="http://cfs.tistory.com/custom/blog/118/1185141/skin/images/pano.jpg">
    </div>


    글로 설명하자니 길지만~ 파일 2개(js. css)를 티스토리 블로그에 올리고~ 자신의 파노라마 사진을 역시 올리고.. 경로에 맞게 불러 오면 끝입니다.  (단, 자신의 파일들의 경로는 소스보기를 통해 찾아 내야 합니다... 찾기 쉬운데.. 말로 설명하자니..ㅠㅠ)


    도움이 되셨나요??? 아래 하트 꾸욱~~ ㅎㅎ


    * 본 포스팅은 사진/배경화면 카테고리에 속한 글( 2015.01.17 21:26에 작성)입니다.
    비밀댓글달기

    NEWS