구글 블로그 ( 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 코드 추가

버튼처럼 변경 됨