포스트에 태그를 달아보아요!

와~ 드디어 진보 블로그에도 태그 달기 기능이 생겼습니다.

태그(Tag)가 뭐냐구요?
음  말그대로 꼬리표 같은건데요, 다른말로 하면 주제어? 키워드? 씨앗말? 정도가 될거 같아요.
글의 내용을 짐작할수 있을 만한 주제어를 글에 붙여두고 찾기 쉽게 하는거죠. 카테고리보다 좀더 자유로운 분류방법이랄까요?

진보블로그에서 태그를 달려면,
일단 현재 쓰고 계신 스킨을 재적용 하셔야합니다. 일딴 따라서 한번 해보세요.

1. 블로그 관리화면으로 갑니다

2. 블로그에서 제공하는 기본 스킨을 사용하고 계신분은
스킨 관리 메뉴로 들어가서, 지금 현재 쓰고 있는 스킨을 찾아 적용버튼을 눌러줍니다.
(직접 스킨을 만들어 쓰고 계신분들은 이글 맨 아래 더보기를 클릭해서 봐주세요)



3. 메뉴관리 화면에서 태그 구름의 위치를 조정해 줍니다.



4. 이제 글쓰기 화면에서 태그를 붙여 봅니다.



글쓰기 화면에 들어가면 본문 입력창 아래에 위와 같이 태그 입력칸이 나옵니다.
태그는 저 입력칸안에 들어간것을 하나의 태그로 간주합니다. 띄어쓰기를 하면 띄어쓰기도 포함된 태그가 되죠. 두번째 태그를 넣고 싶으면 태그를 입력한 상태에서 엔터 키를 누르면 됩니다.

엔터키를 치면 아래 처럼 바로 옆에 입력창이 저절로 생기지요.



태그를 수정하거나 삭제하고 싶으면 그 태그를 클릭해보세요 그럼 입력창으로 변합니다.
그 입력창에 있는 글씨를 다 지우면 삭제가 되지요.


그럼 태그 한번 달아보세요 :) 나중에 글 찾기가 수월해 질꺼에요.



 기본 스킨이 아니라 , 직접 수정해서 쓰고 계신분의 경우 그 스킨을 계속 쓰고 싶으시다면 아래와 같이
스킨편집 화면에서 코드를 넣어줍니다.



블로그 관리 화면에 스킨편집|제작 메뉴에 들어가서 현재 자신의 스킨의 HTML파일 편집창을 엽니다.
아래 코드를 복사해 붙인후 자신의 스킨 스타일에 맞게 CSS파일에서 수정을 합니다.

1) 글 내용아래 태그가 보이는 부분

HTML수정화면에서 아래 부분을 찾습니다.

     
     

       


그리고 바로 밑에 아래 코드를 추가 합니다.

       


이외 HTML코드는 수정가능합니다.




2) 메뉴부분에서 태그구름이 보이게 하는 부분

   
         

       
월별 글 목록

       
     

   

위에 부분을 찾아 바로 아래 다음 코드를 추가합니다. (빨간색 표시한 코드 외에 HTML태그들은 임의로 변경할수 있음

    
     

       
[%태그%]

       

       
          
       
       

     

     



3) 태그 목록 전체를 보여주는 화면

HTML맨 하단 태그 위에 아래를 추가 합니다.(빨간색 표시한 코드 외에 HTML태그들은 임의로 변경할수 있음)

     
       
       

            태그 전체 목록


           
       

       





추가가 끝났으면 CSS 편집창을 열어 아래를 붙여넣고 원하는대로 수정을 합니다.
자세한것은 아래 주석 참고. 빨간색으로 표기한것은 스타일 이름 바꿀수 없음.

/*메뉴 쪽 태그 클라우드 */
.tag_cloud {
    padding:5px 0;
    line-height:140%;
}
 
.tag_cloud a {font-size:11px;color:#333;text-decoration:none;}
.tag_cloud a:hover { background:#eee;}

/*숫자가 커질수록 관련글이 많은 태그:2단계로 나눠서 스타일을 줄수 있음 */     
.tag_cloud a.tag_1{ color:#333;font-size:11px;}
.tag_cloud a.tag_2{ color:#333;font:bold 14px 굴림;}

/* 태그 전체 목록 */
#taglist a{
    color:#666;                
    text-decoration:none;          
    font-family:verdana 돋움;          
}   
/*숫자가 커질수록 관련글이 많은 태그: 4단계로 나눠서 스타일을 줄수 있음 */                             
#taglist a.tag_1{font-size:12px;}
#taglist a.tag_2{font-size:14px;}  
#taglist a.tag_3{font-size:16px;font-weight:bold;}
#taglist a.tag_4{font-size:20px;font-weight:bold;}

/* 글아래 붙는 태그 목록*/
.post_content .post_tag{
    margin:30px 0 0 0 ;
    text-align:right;
    font-size:11px;
    color:#666;
}
.post_content .post_tag a{
    border:0;
    background:none;
    font-size:11px;
    color:#666;
}
 
.post_content .post_tag a:hover {
    color:#666;
    border-bottom: 1px dotted #333333;
}

"알림" 분류의 다른 글

🎈✨🎈✨🎈 진.보.넷.이.2.2.주.년.을. 맞.았.습.니.다! 🎈✨🎈✨🎈 (1)2020/12/01
스팸 댓글은 운영진이 삭제/대응하고 있습니다. (1)2018/10/24
이용약관 변경 알림 (1)2016/09/13
블로그 서버 업데이트로 인한 버그 신고 받습니다. (1)2015/09/21
블로그 서버 업그레이드 공지 (10)2014/12/05
진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기딜리셔스에 북마크

최근 트랙백 목록

  1. 트랙백 테스팅
    재성잉
    2016
  2. ㅅㄷ
    test
    2015
  3. 트랙백?
    일상의 기록, 기억 해내기
    2015
  4. 트랙백이란?
    Progrimang
    2015
  5. 트랙백 테스트
    talecue1님의 블로그
    2015

저자 목록