티스토리 다음뷰 추천버튼 바꾸기 / 다음뷰 추천 버튼 배경 꾸미기 - 티스토리 팁

이런 코드를 직접 짜아내려면 정말 골치아픈 일이죠.  하지만 멋진 고수님들 덕분에 아무는 행복합니다~♡

출처: http://gurma.tistory.com/170

다음뷰 추천 버튼 배경 꾸미기 - 티스토리 팁

다음뷰 추천버튼 주위에 배경을 넣고자 하시는 분들을 위해 포스트 해봅니다.
다음뷰로 글을 송고하시는 분들이라면 누구나 다음뷰 추천버튼을 본문에 배치할 겁니다.
복잡한 걸 싫어하시는 분들이라면 별로 신경을 안 쓰시겠지만 간단한 조작으로 뷰버튼 주의를
꾸민다면 블로그가 조금은 산듯해 보이지 않을까요?

그럼 배경 꾸미는 방법에 대해 알아보도록 하겠습니다..아주 간단합니다..쉽게 하실 수 있을겁니다.

 다음뷰 추천위젯 버튼형으로 만들기

관리자 페이지 > 플러그인 > 글보내기 > Daum view > 버튼형

                                             다음뷰 추천 버튼 배경 꾸미기 - 티스토리 팁

 CSS코드(배경코드)를 복사한뒤 style.css 맨하단에 붙여넣기

관리자 페이지 > 스킨 > HTML/CSS 편집 > style.css 하단에 붙여넣기

                                                                  다음뷰 추천 버튼 배경 꾸미기 - 티스토리 팁

 다음뷰 추천 버튼 배경코드 

이 소스코드는 씨디맨님이 배포하신 코드입니다..소중한 정보를 공유해 주신 씨디맨님께
감사드립니다.^^

div.blogger-news-widget {
    background: url(https://t1.daumcdn.net/cfile/tistory/135F530E4AB8E06F57) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.blogger-news-widget {
    background: url(https://t1.daumcdn.net/cfile/tistory/15105D0E4AB8E06F03) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.blogger-news-widget {
    background: url(https://t1.daumcdn.net/cfile/tistory/175C580E4AB8E06F40) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.blogger-news-widget {
    background: url(https://t1.daumcdn.net/cfile/tistory/124AB20E4AB8E06F7B) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.blogger-news-widget {
    background: url(https://t1.daumcdn.net/cfile/tistory/134A090E4AB8E06F8C) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.blogger-news-widget {
    background: url(https://t1.daumcdn.net/cfile/tistory/185B030E4AB8E07052) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.blogger-news-widget {
    background: url(https://t1.daumcdn.net/cfile/tistory/1941270E4AB8E070A3) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.blogger-news-widget {
    background: url(https://t1.daumcdn.net/cfile/tistory/125B2F0E4AB8E07046) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.blogger-news-widget {
    background: url(https://t1.daumcdn.net/cfile/tistory/2054D80E4AB8E0707E) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.blogger-news-widget {
    background: url(https://t1.daumcdn.net/cfile/tistory/12588C0E4AB8E0715E) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.blogger-news-widget {
    background: url(https://t1.daumcdn.net/cfile/tistory/200CF1284BE2D0ED4C) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.blogger-news-widget  {
background:url("https://t1.daumcdn.net/cfile/tistory/130BF5154BDD21D602") no-repeat scroll 85px -36px transparent; clear:both; display:inline; float:right; height:175px; margin-top:40px; overflow:hidden !important; padding-top:35px;
}

div.blogger-news-widget  {
background:url("https://t1.daumcdn.net/cfile/tistory/112597154BDD21D7B3") no-repeat scroll 85px -36px transparent; clear:both; display:inline; float:right; height:290px; margin-top:40px; overflow:hidden !important; padding-top:16px;
}

div.blogger-news-widget  {
background:url("https://t1.daumcdn.net/cfile/tistory/130DE4154BDD21D701") no-repeat scroll 85px -36px transparent; clear:both; display:inline; float:right; height:140px; margin-top:40px; overflow:hidden !important; padding-top:49px;
}

마음에 드시는 배경을 선택하셔서 코드 복사 하신후 style.css 맨 하단에 붙여 넣으시면
됩니다. 블로그 꾸미기에 관심이 있으신 분들은 해보시기 바랍니다..
그리고 포스트를 할 수 있게 허락해 주신 씨디맨님께 다시 한번 감사드립니다.
씨디맨님 블로그 구경하기 ☞ http://cdmanii.com/1440