Home

'티스토리'에 해당되는 글 38건

CSS 텍스트 첫글, 첫줄 강조하기 블로그나 사이트를 운영하면서 제목이나 본문의 첫 글자 또는 첫 줄에 별도의 속성을 부여하여 강조나 디자인적인 효과를 낼 수 있는데요. 웹문서를 작성하면서 해당 문서의 글 색상, 크기 등의 설정을 변경하여 문서 특성을 살릴 수도 있지만 CSS 적용하여 일괄적으로 효과 적용이 가능합니다. :first-line { 속성값 } 글 중에서 첫 글에 별도로 속성을 부여할 수 있습니다.
티스토리의 경우 본문 첫 글자를 강조한 싶으면 스킨마다 다르지만 본문 내용 치환자를 감싸는 태그 클래스가 article일 경우 CSS에 .article:first-line { 속성값 }을 적용하여 첫 글을 강조할 수 있습니다. 첫글 강조하기
첫글.. 블로그&인터넷/CSS 2018.12.31 22:20
티스토리 공유 버튼 만들기 티스토리에서 제공하는 포트폴리오 스킨에 SNS 글 보내기 코드를 이용하여 사용 중인 스킨에 적용해 봤습니다. 이미지 처럼 페이스북, 트위터, 카카오 스토리, 카카오톡 공유버튼 만들기가 가능합니다. 공유 버튼 기능에 필수적으로 들어가는 코드들인듯한 것만 추려 봤는데, 적용하는 방법으로는 두 가지가 있는데 기본적으로 스킨의 각 위치에 삽입하는 방법과 티스토리 플러그인을 이용하는 방법입니다. 스킨을 수정하여 적용하는 방법 외부 문서를 불러오는 링크 태그는 HTML 사이에 넣어줍니다. icomoon.css의.. 블로그&인터넷/티스토리 2018.12.30 02:49
티스토리 Portfolio 스킨 SNS 공유버튼 만들기 티스토리가 제공하는 방응형 포트폴리오 스킨 본문 하단에 SNS 공유 버튼을 타 사이트나 블로그의 등에서 소스코드를 받아 복사할 필요 없이 HTML 편집만 조금 해주면 생성할 수 있습니다.관리 > 꾸미기 > 스킨 편집 모드에서 상단 오른쪽 프리뷰 이미지 아래 'HTML 편집'을 눌러 코드를 수정할 수 있습니다. HTML 편집 모드에서 'Ctrl + F' 기능으로 'list_share' 문구를 이용하여 찾을 수 있으며 449 라인부터 454 라인까지 공유 코드로 주석 처리되어 있어 기본적으로는 노출이 되지 않습니다.
티스토리 사이드바 인기글 목록 추가하기 티스토리 블로그 사이드바에 조회 수 높은 순으로 글 목록을 적용할 수 있는 치환자가 추가되었습니다. 적용 방식은 최신 글 목록과 동일한 방식으로 전용 치환자를 사용하여 줍니다. : 인기글을 반복 출력합니다 : 글 주소 : 글 제목 : 글 댓글 갯수 : 작성자 이름 (*팀블로그용 치환자) : 글 발행시간 : 대표 이미지가 있는 경우 치환 : 대표 이미지 : 카테고리 이름 : 카테고리 리스트 url 인기글에 사용할 수 있는 치환자 목록입니다. 썸네일 치환자가 추가되면서 인기글에서도 썸네일 노출이 가능합니다.

.. 블로그&인터넷/티스토리 2018.12.21 06:10

티스토리 블로그 사이드바 썸네일 치환자 적용 티스토리가 개편을 하면서 다양한 스킨과 추가적으로 사용가는 한 치환자들이 많이 추가되었는데요. 요즘은 사이드바를 사용하지 않는 1단 형 모바일 최적화된 신규 스킨들이 많이 사용하는데 개인적으로 PC 환경에서는 사이드바를 추구하는 편이라 고수하고 있는데 치환자를 지원하지 않을 때에도 스크립트를 추가하는 방법 등으로 적용은 가능하였지만 자체적으로 최근 글 목록에 섬네일을 사용할 수 있는 치환자가 추가되어 간편하게 적용을 할 수 있게 되었네요.

최근에 올라온 글

티스토리 애드센스 광고 언어 설정 구글 애드센스를 적용 중인 블로그를 운영하면서 영어로 된 광고가 간간이 나오는데 추가 코드를 삽입하여 한글로 된 광고가 노출되도록 설정해줄 수 있습니다. 두 개의 광고가 모두 영어로 나오고 있는데 방문자로 하여금 관심을 끌기 힘들어 보이고 영어를 잘 아는 한국인이라고 하여 저 광고가 관심이 생길까라는 의문이 듭니다. 블로그&인터넷/티스토리 2018.08.06 16:39
티스토리 블로그 애드센스 플러그인 사용할 때 주의할 점 티스토리는 애드센스 광고 코드를 삽입하기 편하게 플러그인을 제공하고 있습니다. 이는 스킨에 직접 적용하지 않기 때문에 스킨을 잘못 건드리는 일이 없을뿐더러 스킨을 변경하여도 자동적으로 적용이 되는 등의 적용법을 잘 모르더라도 어려움 없이 사용할 수 있는 편리함을 주는데요.반응형 코드를 적용할 때 지동으로 적용하지 않고 사이즈별로 크기를 지정하는 스타일 코드를 같이 삽입 하였을 때 코드가 RSS 피드에 그대로 노출이 되는 문제 발생합니다.RSS 받아보면 내용보다는 상단 플러그인에 적용된 미디어 쿼리가 노출되어 본문은 전혀 보여주지 못하고 오른쪽 앱의 경우에는 일부 애드센스 코드까지 포함되어 보이고 있네요.왼쪽 이미지를 보면 반응형 코드를 모두 제거하고 광고 코드만을 적용하였는데도 일부 코드가 노출되고 있는.. 블로그&인터넷/티스토리 2018.07.31 22:08
티스토리 블로그 이름 변경 티스토리에서 블로그를 개설해서 하다 말다 운영을 반복하면서 6년 정도 지난듯합니다. 처음에 이름도 대충 만들었고 분위기도 바꿀 겸 블로그 이름을 변경하려니 여러 검색, 포털 사이트에 노출에 영향이 있지 않을까 하여 검색을 해봤는데 관련 내용을 찾기 힘들더군요. 어렵게 검색한 몇 안 되는 내용에는 웬만하면 손대지 마라가 대부분이 더라고요.스킨만 바뀌어도 노출에 영향을 줄 수 있다는 말을 많이 들어 블로그 이름도 스킨에서 정보를 주는듯한데 그나마 오던 방문자 유입도 안될까 겁이 나서 살짝 망설였는데 뭐 일 방문자가 많은 것도 아니고 변경해보기로 했습니다.티스토리는 PC든 모바일 앱이든 간단하게 이미지, 이름, 정보 변경이 가능하도록 되어 있습니다. 블로그 제목을 변경을 한 후 내용이 적용이 되는 데는 하루 .. 블로그&인터넷/티스토리 2018.07.19 03:26
티스토리 반응형 스킨 이미지 가로로 나열하기 티스토리 반응형 스킨을 사용하는 블로그에서 이미지 2장 또는 3장을 나란히 배열하는 방법입니다. 잘 만들어진 스킨에서는 자동으로 조절이 될 수도 있으나 스킨에서는 사이즈를 자동 조절해 주지 못하는 경우에 나름 유용할 것 같네요.HTML 모드에서 수정이 필요하기 때문에 이방법을 사용하기 위해서는 약간의 HTML을 사용할 줄 알아야만 적용이 가능합니다.티스토리에 이미지를 등록하고 HTML 모드로 확인 해보면 [＃＃_1N|cfile7.uf@992E1C425A843D3C3DEB4q.jpg|width="226" height="127" filename="DSCF2490.jpg" filemime="image/jpeg"|_＃＃] 이런 치환자가 생성 되는데 이를 수정하거나 부모 태그 등을 수정하여야 합니다.티스토리 글쓰.. 블로그&인터넷/티스토리 2018.02.15 02:03
티스토리 블로그 사이드바에 추천글 목록 추가하기 티스토리 블로그에서 특정 글을 사이드바에 최신 글 목록이 아닌 공지사항처럼 별도로 뽑아서 따로 분리하여 넣는 간단한 방법입니다. 사이드 바 최신 글 목록은 시간이 지나고 글 수가 많아지면서 자연스레 묻히게 되는데 인기글이나 추천하고 싶은 글을 간단하게 따로 모아서 사이드바에 목록을 만드는 방법으로 스킨 수정이 가능하다며 직접 스킨에다가 삽입을 해도 되는데 스킨수정없이 좀 더 간단하게 사이드바 모듈을 이용해서 만드는 방법입니다.사이드 바 구글 검색 창 아래에 추천글 바로 가기를 만들어 넣으려고 합니다.글쓰기로 들어와서 적당한 글 박스를 고르고 박스 안에다가 글 제목을 입력합니다. 새 탭을 띄워 추천할 글의 주소를 복사합니다. 글 주소를 알고 있으며 직접 작성이 가능하다면 이과정은 패스합니다.제목을 드래그하.. 블로그&인터넷/티스토리 2018.02.08 01:32
티스트로 블로그 멀웨어 또는 악성코드로 인한 유해한 사이트 언제부터인가 크롬에서 첨부한 파일을 다운로드하려면 멀웨어 또는 악성코드 어쩌고 하면서 시뻘건 배경이 나오면서 위험한 사이트라더군요..티스토리 몇몇 블로그 및 제 블로그가 크롬에서 접속도 못하는 상태가 잠깐 있기도 하였기에 작은 오해 이거니 하며 자연스레 해결될 줄 알고 그간 방치했는데 파이어 폭스에서도 같은 현상이길래 심각성을 깨닫고 불야불야 문제 해결에 나섰네요...검색해보면 '올블릿'이나 '플러그인' 또는 기타 광고로 인한문제로 저는 해당사항이 없습니다.몇몇 프로그램 빼고는 레인미터 스킨 및 대부분의 파일을 위와 같은 경고를 하며 다운로드하지 말라고 합니다.구글 웹마스터(https://www.google.com/webmasters/tools/home?hl=ko) 도구도 오래전부터 사용 중이고 보안 경.. 블로그&인터넷/티스토리 2017.01.06 01:06
티스토리 Callback 플러그인 오류 얼마 전 다른 분의 스킨이 폭은 문제가 없는데 가로 스크롤이 자꾸 생겨 고생 끝에 콜백 플러그인을 해제하고 해결됐다는 말을 듣고 스킨과의 충돌 때문인 줄 알았는데 그게 아이었던 모양입니다.파이어 폭스로 스킨에 문제가 없는지 확인 중 모든 글에 일정한 길이의 세로줄이 생겨 한참 해 멨는데 콜백 플러그인과 Flash Player 간의 문제였나 봅니다. 위처럼 본문 우측에 시커먼 세로줄이 생깁니다.
티스토리 블로그 꾸미기 (사이드바 모듈 접기,펼치기 제이쿼리) 블로그를 하면서 글 작성 시 내용을 그리 길게 적기 않기에 본문에 비해 사이드바가 상당히 길어 사이드 바를 깔끔하게 보고자 오랜 시행착오 끝에 제이쿼리를 이용해 제목을 클릭 해면 열리고 그 외 다른 모듈들은 닫히는 방식으로 완성한 소스를 공유합니다.정식으로 배운 적이 없기에 여러 메뉴를 만들어 주는 사이트나 지식을 공유하는 블로그 등지를 돌아 봤지만 티스토리 사이드바와 비슷한 환경의 소스가 없어 매우 고생하며 만들었네요..