3월, 2017의 게시물 표시

구글 블로그 ( blogspot ) 라벨 위젯 을 카테고리 처럼 만들기

이미지
기본라벨 위젯은 태그가 나열되면서 이렇게 출력 된다 태그1(3), 태그2(10), 태그3(6) 아래 코드를 CSS 에추가 해주면 나열되지 않고 밑으로 배열하고 "," 를 지워주고 버튼 처럼 만들어 준다. /* ### my style ### */ .widget.Label li { display:block; margin:0 !important; } .widget.Label li a{ display:block;         border-radius: 5px;         padding: 3px; transition: all 0.2s; } .widget.Label li:not(:last-child):after { content:''; } .widget.Label li a:hover{ background-color: #555555;  /* 버튼 배경 색상 */ } /* ############# */ ----------- 스크린샷 ----------------- 기본 라벨 위젯 테마 > HTML 편집 CSS 코드 추가 버튼처럼 변경 됨