티스토리 다음 뷰 추천 꾸미기

최선입니까? 확실해요?  아이유 버전


드라마 시크릿 가든 안보지만 대세라고 하고

완전 레알 대세인 아이유랑 같이 만들어봄



전문적인 지식없이

티스토리에서 검색을 통해 배운 것을 응용해봅니다.







관리 > 플러그인 > 다음 뷰 > 버튼형으로 바꿔야 한다고 합니다.

기본형에서도 꾸미고 싶지만

능력도 안되고 바꿀수 있다고 검색도 안되네요







그다음

관리 > 스킨 > 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;
}


위 에 것들을 붙여줍니다.


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")

그림을 자신의 블로그에 올린 뒤 마우스 오른족 버튼 속성 주소에 있는 것을 올리는 것을 추천합니다.

제꺼 퍼갔다가 혹시나 그럴리는 없겠지만

제가 그림을 지운다면 배경은 사라집니다.




반응형