차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판이전 판다음 판 | 이전 판 | ||
tech:tumblr [2018/02/14 22:24] – 175.223.49.124 | tech:tumblr [2019/12/06 01:13] (현재) – ↷ 링크가 이동 작업으로 인해 적응했습니다 V_L | ||
---|---|---|---|
줄 3: | 줄 3: | ||
- | {{image> | + | {{image> |
- | http://www.tumblr.com.onestore.pe.kr | + | |
+ | http:// | ||
텀블러는 소셜네트워크 서비스로 블로그 형태로 SNS 처럼 사용을 하는 마이크로 블로그 플랫폼이다. | 텀블러는 소셜네트워크 서비스로 블로그 형태로 SNS 처럼 사용을 하는 마이크로 블로그 플랫폼이다. | ||
- | 세계나라에서 약 1억만명이상이 이 서비스를 이용하고 있으며 사진.글.동영상등 공유가 쉬워서 많이들 이용하고 있다. | + | 세계나라에서 약 1억만명이상이 이 서비스를 이용하고 있으며 사진, 글, 동영상 등 공유가 쉬워서 많이들 이용하고 있다. |
블로그와 트위터의 중간 정도 개념이라고 볼수 있다. | 블로그와 트위터의 중간 정도 개념이라고 볼수 있다. | ||
줄 14: | 줄 15: | ||
- | [[마크다운]]을 잘 지원한다. | + | [[markdown]]을 잘 지원한다. |
=====성인자료문제===== | =====성인자료문제===== | ||
줄 29: | 줄 30: | ||
{{image> | {{image> | ||
- | =====템플릿 만들기===== | + | 잠금 |
- | + | ||
- | * http:// | + | |
- | + | ||
- | + | ||
- | < | + | |
- | < | + | |
- | <html xmlns=" | + | |
- | < | + | |
- | <meta http-equiv=" | + | |
- | < | + | |
- | <link rel=" | + | |
- | <link rel=" | + | |
- | {block: | + | |
- | + | ||
- | <meta name=" | + | |
- | <meta name=" | + | |
- | <meta name=" | + | |
- | <meta name=" | + | |
- | <meta name=" | + | |
- | <meta name=" | + | |
- | <meta name=" | + | |
- | <meta name=" | + | |
- | <meta name=" | + | |
- | <meta name=" | + | |
- | <meta name=" | + | |
- | <meta name=" | + | |
- | <meta name=" | + | |
- | + | ||
- | <script type=" | + | |
- | <script type=" | + | |
- | + | ||
- | <style type=" | + | |
- | @import url(http:// | + | |
- | html, body { | + | |
- | height: 100%; | + | |
- | } | + | |
- | body { | + | |
- | background: | + | |
- | {block: | + | |
- | margin: 0; | + | |
- | font-family: | + | |
- | color: {color:Body text}; | + | |
- | font-size: | + | |
- | line-height: | + | |
- | } | + | |
- | a { | + | |
- | color: inherit; | + | |
- | } | + | |
- | a img { | + | |
- | border: none; | + | |
- | } | + | |
- | blockquote { | + | |
- | margin: 0; | + | |
- | padding: 0 0 0 9px; | + | |
- | border-left: | + | |
- | } | + | |
- | header { | + | |
- | position: | + | |
- | width: 1040px; | + | |
- | margin: 50px auto 25px auto; | + | |
- | text-align: | + | |
- | } | + | |
- | header a { | + | |
- | text-decoration: | + | |
- | } | + | |
- | header img { | + | |
- | max-width: | + | |
- | } | + | |
- | header .title h1 { | + | |
- | margin: 0; | + | |
- | line-height: | + | |
- | font-family: | + | |
- | text-transform: | + | |
- | font-weight: | + | |
- | font-size: | + | |
- | color: {color:Blog title}; | + | |
- | } | + | |
- | header p { | + | |
- | margin: 5px 0; | + | |
- | } | + | |
- | header .menu_item { | + | |
- | margin: 0 5px; | + | |
- | {block: | + | |
- | font-weight: | + | |
- | } | + | |
- | {block: | + | |
- | width: 260px; | + | |
- | } | + | |
- | .no_of_columns_2 { | + | |
- | width: 520px; | + | |
- | } | + | |
- | .no_of_columns_3 { | + | |
- | width: 780px; | + | |
- | } | + | |
- | .no_of_columns_4 { | + | |
- | width: 1040px; | + | |
- | } | + | |
- | .no_of_columns_5 { | + | |
- | width: 1300px; | + | |
- | } | + | |
- | .no_of_columns_6 { | + | |
- | width: 1560px; | + | |
- | } | + | |
- | .no_of_columns_7 { | + | |
- | width: 1820px; | + | |
- | } | + | |
- | .no_of_columns_8 { | + | |
- | width: 2080px; | + | |
- | }{/ | + | |
- | .posts { | + | |
- | position: | + | |
- | margin: 25px auto; | + | |
- | {block: | + | |
- | width: 510px; | + | |
- | {/ | + | |
- | height: 105%; | + | |
- | } | + | |
- | .post { | + | |
- | float: left; | + | |
- | position: | + | |
- | margin: 5px; | + | |
- | width: {block: | + | |
- | / | + | |
- | } | + | |
- | + | ||
- | .post h2 { | + | |
- | margin: | + | |
- | font-size: | + | |
- | line-height: | + | |
- | letter-spacing: | + | |
- | font-weight: | + | |
- | } | + | |
- | .post h2.quote { | + | |
- | font-family: | + | |
- | letter-spacing: | + | |
- | font-style: | + | |
- | } | + | |
- | .post p, .post li { | + | |
- | line-height: | + | |
- | } | + | |
- | .post p { | + | |
- | margin: | + | |
- | } | + | |
- | .post ol, .post ul { | + | |
- | margin: | + | |
- | padding: | + | |
- | } | + | |
- | .post li { | + | |
- | margin: | + | |
- | } | + | |
- | {block: | + | |
- | position: | + | |
- | bottom: | + | |
- | + | ||
- | padding: | + | |
- | left: 0; | + | |
- | width: 100%; | + | |
- | text-align: | + | |
- | display: | + | |
- | } | + | |
- | .post: | + | |
- | display: | + | |
- | + | ||
- | background-color: | + | |
- | } | + | |
- | .post .controls a p {margin: | + | |
- | .post .controls .item { | + | |
- | display: | + | |
- | position: | + | |
- | vertical-align: | + | |
- | } | + | |
- | .post .controls .like { | + | |
- | background-image: | + | |
- | width: | + | |
- | height: | + | |
- | margin-right: | + | |
- | } | + | |
- | .post .controls .reblog { | + | |
- | background-image: | + | |
- | width: | + | |
- | height: | + | |
- | } | + | |
- | .post .controls .note_count { | + | |
- | background-image: | + | |
- | height: | + | |
- | color: | + | |
- | font-weight: | + | |
- | font-size: | + | |
- | padding: | + | |
- | margin-left: | + | |
- | line-height: | + | |
- | } | + | |
- | .post .controls .note_count: | + | |
- | content: | + | |
- | background-image: | + | |
- | height: | + | |
- | width: | + | |
- | position: | + | |
- | top: 0px; | + | |
- | left: | + | |
- | } | + | |
- | .post .controls .note_count: | + | |
- | content: | + | |
- | background-image: | + | |
- | height: | + | |
- | width: | + | |
- | position: | + | |
- | top: 0px; | + | |
- | right: | + | |
- | }{/ | + | |
- | .post .photo { | + | |
- | position: | + | |
- | overflow: | + | |
- | } | + | |
- | .post img { | + | |
- | max-width: | + | |
- | height: | + | |
- | } | + | |
- | .post img.main_photo { | + | |
- | width: 100%; | + | |
- | float: left; | + | |
- | } | + | |
- | .post .player { | + | |
- | padding: | + | |
- | background: | + | |
- | margin: 0; | + | |
- | } | + | |
- | .post .lines { | + | |
- | margin: 0 0 5px 0; | + | |
- | } | + | |
- | .post .lines .line { | + | |
- | padding: | + | |
- | } | + | |
- | .post .lines .even { | + | |
- | background: | + | |
- | color: {color: | + | |
- | } | + | |
- | .post .lines .even * { | + | |
- | color: | + | |
- | } | + | |
- | .post ol.notes { | + | |
- | padding: | + | |
- | list-style-type: | + | |
- | } | + | |
- | .post ol.notes li.note { | + | |
- | border-bottom: | + | |
- | padding: | + | |
- | margin: | + | |
- | } | + | |
- | .post ol.notes li.note img.avatar { | + | |
- | vertical-align: | + | |
- | margin-right: | + | |
- | width: | + | |
- | height: | + | |
- | } | + | |
- | .post ol.notes li.note .answer_content { | + | |
- | font-weight: | + | |
- | } | + | |
- | .post ol.notes li.note blockquote { | + | |
- | border-color: | + | |
- | padding: | + | |
- | margin: | + | |
- | } | + | |
- | .post ol.notes li.note blockquote a { | + | |
- | text-decoration: | + | |
- | } | + | |
- | .pagination { | + | |
- | display: none; | + | |
- | } | + | |
- | .posts h2 a { text-decoration: | + | |
- | .post h2 {margin-top: | + | |
- | .post {overflow: | + | |
- | text-shadow: | + | |
- | .test {border:1px red dotted}; | + | |
- | {CustomCSS} | + | |
- | </ | + | |
- | < | + | |
- | < | + | |
- | .posts { | + | |
- | opacity: 1 !important; | + | |
- | } | + | |
- | </ | + | |
- | </ | + | |
- | < | + | |
- | (function(i, | + | |
- | (i[r].q=i[r].q||[]).push(arguments)}, | + | |
- | m=s.getElementsByTagName(o)[0]; | + | |
- | })(window, | + | |
- | + | ||
- | ga(' | + | |
- | ga(' | + | |
- | + | ||
- | </ | + | |
- | </ | + | |
- | + | ||
- | <body class=" | + | |
- | + | ||
- | {block: | + | |
- | < | + | |
- | </ | + | |
- | + | ||
- | < | + | |
- | <a class=" | + | |
- | {block: | + | |
- | < | + | |
- | </ | + | |
- | + | ||
- | < | + | |
- | <script async src="// | + | |
- | <!-- 위키상단 --> | + | |
- | <ins class=" | + | |
- | | + | |
- | | + | |
- | | + | |
- | < | + | |
- | (adsbygoogle = window.adsbygoogle || []).push({}); | + | |
- | </ | + | |
- | + | ||
- | <div class=" | + | |
- | {block: | + | |
- | + | ||
- | <div class=" | + | |
- | + | ||
- | + | ||
- | {block: | + | |
- | + | ||
- | {/ | + | |
- | + | ||
- | {block: | + | |
- | + | ||
- | {block: | + | |
- | + | ||
- | + | ||
- | {block: | + | |
- | + | ||
- | {block: | + | |
- | + | ||
- | {block: | + | |
- | + | ||
- | {block: | + | |
- | + | ||
- | <div class=" | + | |
- | {PostSummary} | + | |
- | <a href=" | + | |
- | <a class=" | + | |
- | <a href=" | + | |
- | <a href=" | + | |
- | + | ||
- | </ | + | |
- | + | ||
- | {block: | + | |
- | {block: | + | |
- | {PostNotes} | + | |
- | </ | + | |
- | + | ||
- | {/ | + | |
- | + | ||
- | </ | + | |
- | + | ||
- | < | + | |
- | | + | |
- | streams: | + | |
- | theme: ' | + | |
- | ticker: true | + | |
- | }; | + | |
- | + | ||
- | / | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | </ | + | |
- | <script language=' | + | |
- | setTimeout(function() { | + | |
- | blogger.ui().configure().view(); | + | |
- | }, 0); | + | |
- | </ | + | |
- | {block: | + | |
- | $(function(){ | + | |
- | var $container = $(' | + | |
- | opacity: 0 | + | |
- | }); | + | |
- | $container.imagesLoaded(function(){ | + | |
- | $container.animate({ | + | |
- | opacity: | + | |
- | }); | + | |
- | $container.masonry({ | + | |
- | itemSelector: | + | |
- | columnWidth: | + | |
- | }); | + | |
- | }); | + | |
- | $container.infinitescroll({ | + | |
- | navSelector: | + | |
- | nextSelector: | + | |
- | itemSelector: | + | |
- | loading: { | + | |
- | img: ' | + | |
- | donetext: | + | |
- | } | + | |
- | }, | + | |
- | var $newElems = $( newElements ).css({ | + | |
- | opacity: | + | |
- | }); | + | |
- | $newElems.imagesLoaded(function() { | + | |
- | $newElems.animate({ | + | |
- | opacity: | + | |
- | }); | + | |
- | $container.masonry( ' | + | |
- | }); | + | |
- | }); | + | |
- | }); | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | + | ||
- | ^ 누구나 수정하실 수 있다. [[http:// | + | |
+ | 야후는 2011년 텀블러를 11억 달러(약 1조 2,800억 원)에 인수했고, | ||
+ | 페이스북, |