티스토리 다음 뷰 추천 꾸미기
2011. 1. 17. 14:15
티스토리 다음 뷰 추천 꾸미기
최선입니까? 확실해요? 아이유 버전
드라마 시크릿 가든 안보지만 대세라고 하고
완전 레알 대세인 아이유랑 같이 만들어봄
전문적인 지식없이
티스토리에서 검색을 통해 배운 것을 응용해봅니다.
관리 > 플러그인 > 다음 뷰 > 버튼형으로 바꿔야 한다고 합니다.
기본형에서도 꾸미고 싶지만
능력도 안되고 바꿀수 있다고 검색도 안되네요
그다음
관리 > 스킨 > HTML/CSS 편집에 들어갑니다.
왜 제일 밑에 다가 하지는 는 모릅니다.
하여튼
style.css 제일 밑에다가
div.blogger-news-widget {
background:url("https://t1.daumcdn.net/cfile/tistory/1336A84D4D33DA431E") no-repeat scroll 200px 0px transparent; clear:both; display:inline; float:right; height:200px; margin-top:10px; overflow:hidden !important;padding-top:50px;
}
background:url("https://t1.daumcdn.net/cfile/tistory/1336A84D4D33DA431E") no-repeat scroll 200px 0px transparent; clear:both; display:inline; float:right; height:200px; margin-top:10px; overflow:hidden !important;padding-top:50px;
}
위 에 것들을 붙여줍니다.
div.blogger-news-widget {} <=== 이것은 위젯 꾸미기 한다는 명령어 같습니다.
background:url("https://t1.daumcdn.net/cfile/tistory/1336A84D4D33DA431E") <==== 이것은 배경 그림 주소를 말합니다.
no-repeat scroll 200px 0px <=== 이부분은 위치 설정입니다. 200px 왼쪽에서부터 200 픽셀을 띄우고, 0px 위에서 부터 아래로 0필셀 띄운다는 의미입니다.
transparent; clear:both; display:inline; float:right; <========= 뭔지 모릅니다.
height:200px; <==== 다음 뷰 추천 버튼 배경(그림이 들어가는 공간)의 세로 크기를 말하는 것 같습니다.
margin-top:10px; <====== 본문 글과 다음 뷰 추천과의 공간을 뜻하는 것 같습니다.
overflow:hidden !important;padding-top:50px; <==========뭔지 모릅니다.
background:url("https://t1.daumcdn.net/cfile/tistory/1336A84D4D33DA431E")
그림을 자신의 블로그에 올린 뒤 마우스 오른족 버튼 속성 주소에 있는 것을 올리는 것을 추천합니다.
제꺼 퍼갔다가 혹시나 그럴리는 없겠지만
제가 그림을 지운다면 배경은 사라집니다.
반응형
'!알아두면 좋은 지식! > 컴퓨터' 카테고리의 다른 글
포토샵 스크립트 여러 DICOM파일 열기에서 JPG 확장자를 여는 법 (6) | 2022.04.10 |
---|---|
포토샵으로 움짤 만들기 (4) | 2017.03.02 |
티스토리 구글 애드박스 상단에 2개 달기 + 뷰 애드박스 달기 (2) | 2011.01.26 |
티스토리를 꾸미기 필수 HTML 기초 명령어 공부 (0) | 2011.01.25 |