나의 즐겨찾기 | 블로그홈 | 바로가기 바로가기 | 로그인
FAQ에 없는 질문은 [ papablog@yahoo.co.kr ] 으로 보내주세요.
블로그  |  사진갤러리  |  동영상갤러리 방명록  |   즐겨찾기 추가
FAQ블로그 (moooogirl2003)
프로필     
전체 글보기(322)
블로그 시작하기
블로그 꾸미기
폴더 관리
게시물보호 관리
글 쓰기/수정하기
사진/음악/동영상
참조글(트랙백)
즐겨찾기/구독자/우리끼리
초대장 만들기
뉴스레터 보내기
모바일 블로그
블로그 Flickr 연동
통계/인기도/방명록
설문기능 이용법
기타
야후!블로그 활용백서
FAQ 커버 스토리
Top 100 블로그
오늘 전체
방문자 6 2491661
구독자 0 4134
댓글 0 8177
참조글 0 21781
HanRSS 로 구독하기Fish 로 구독하기
개설일 : 2003/11/10
 

안녕하세요. 블로그 운영자입니다.

블로거 여러분들의 안전한 블로깅을 위해 진행되는 태그 필터링 관련하여 안내해 드립니다.


▶ 태그 필터링이란?
스팸 게시자가 포스트 작성 시 고의로 악의적인 소스(tag)를 삽입하여 스팸글을 작성하거나, 심지어 타인의 개인 정보를 불법으로 수집하여 악용하는 경우를 막기 위하여, 포스트 등록 시 포스트에 등록된 태그를 검사하여 걸러내는 것을 말합니다.

특히, 미디어를 연결시켜 재생시키는 'embed tag'의 경우, 보안상의 위험이 없는 사이트의 경우는 허용하게 되나 (Daum TV팟, 유투브 등), 개인 사이트나 보안상 위험이 있는 것으로 간주되는 사이트 링크는 허용하지 않습니다.


▶ 태그 필터링이 진행되는 경우 나타날 수 있는 증상



태그 필터링이 진행될 경우 위와 같은 현상이 나타날 수 있습니다.

위와 같은 현상을 미리 확인하여 수정을 용이하게 할 수 있도록 포스트 작성 시 미리 보기 기능이 새로 추가되었습니다. 포스트 등록 전에 미리보기를 통해 완성된 포스트를 확인해보시는 것을 권장해드립니다.

원본 크기의 사진을 보려면 클릭하세요

야후! 블로거 여러분들께서 안전한 블로깅을 하실 수 있도록 항상 최선을 다하겠습니다.

감사합니다.

[스크랩] 야후! 블로그에서 지원하는 위키위키 (2)

2006.09.05 18:42 | 글 쓰기/수정하기 | FAQ블로그

http://kr.blog.yahoo.com/moooogirl2003/1364028 주소복사

야후! 블로그에서 지원하는 위키위키 (1) 을 올린지 시간이 꽤 되었습니다. (쥔장이 게으른 관계로..) 관심있는 사람이 전혀 없는 듯 하지만, 그래도 생각 난 김에 2편을 올려 봅니다.

그러면 이번 편에는 저번보다 약간 고급 기능들을 설명해 보기로 하겠습니다.

번호 메기기& 들여쓰기

표준 HTML에서 왕따를 당하는 테그들 중에 훌륭한 테그중에 하나인 <UL> / <OL> / <LI> 등을 위키위키로 작성하는 방법을 설명 해 볼까 합니다. 일단 다음의 예를 먼저 봐 주세요.
예1
If you indent text
  like this, then it is indented in the output
    you can have multiple levels of indent

And if you put asterisks at the start of the line
  * you get a 
  * bulleted
  * list
    * which can also be indented
      * to several levels

A numbered list, mixed with bullets:
  1. one
  1. two
    1. one
      * bullet 1
      * bullet 2
    1. two
  1. three
    * bullet
      1. one

Variations of numbered lists:
  * Lowercase roman
    i. one
    i. two
  * Uppercase roman (with start offset 42)
    I.#42 forty-two
    I. forty-three
  * Lowercase alpha
    a. one
    a. two
  * Uppercase alpha
    A. one
    A. two
결과1
If you indent text
like this, then it is indented in the output
you can have multiple levels of indent

And if you put asterisks at the start of the line
  • you get a
  • bulleted
  • list
    • which can also be indented
      • to several levels

A numbered list, mixed with bullets:
  1. one
  2. two
    1. one
      • bullet 1
      • bullet 2
    2. two
  3. three
    • bullet
      1. one

Variations of numbered lists:
  • Lowercase roman
    1. one
    2. two
  • Uppercase roman (with start offset 42)
    1. forty-two
    2. forty-three
  • Lowercase alpha
    1. one
    2. two
  • Uppercase alpha
    1. one
    2. two


글쓴이가 아주 게으르다는 이유로, 그냥 위키위키의 HELP페이지를 슬쩍 복사해서 붙였습니다~.~ 하지만 위의 예1과 결과1을 보시면 대강 어떤 기능을 하는지는 짐작하셨으리라고 생각합니다. 또한 눈치가 빠르신 분들은 문단 시작의 가장 첫번째 칸에 공백문자(스페이스바)를 한개씩 넣으면 해당 단락이 오른쪽으로 일정 공간씩 이동하게 되는것도 짐작 하셨을 것 같습니다. 그럼 공백문자를 이용하여 들여쓰기를 하는 간단한 예를 하나 더 들어보고 이번 섹션을 마치기로 하겠습니다.

예2

 들여쓰기 테스트중이지요.

들여쓰기..

 들여쓰기
  들여쓰기
  들여쓰기이이이이
   들여쓰기

결과 2
들여쓰기 테스트중이지요.

들여쓰기..

들여쓰기
들여쓰기
들여쓰기이이이이
들여쓰기

인용문/ 소스코드/ 테이블

이번에는 인용문/소스코드/테이블 등을 입력하는 방법을 알아보겠습니다. 블로그를 쓰다보면 뉴스 기사나 다른이의 글, 유명한 격언이나 일화 등등을 인용해와야 할 일이 많습니다. 이럴때 해당하는 출처를 밝히는 것이 가장큰 예의이겠습니다만, 해당 내용이 인용되었음을 확실히 나타내어 주는것 또한 예의가 아닐까 생각됩니다. 이럴때 다음의 예제와 같이 실제 본문과 차별되게 보여진다면 좀 더 좋겠지요?

예3 인용하기
{{{:
나는 생각한다 고로 존재한다
'''''-르네 데카르트'''''
}}}

결과3 인용하기
나는 생각한다 고로 존재한다
-르네 데카르트

  • 재미있는 점은 인용시에 대괄호 안에서 한정된 위키용 코드를 사용할 수 있다는 점인데, 다음 소개할 소스코드 보여주기 부분과 비교가 되는 점 중에 하나라고 할 수 있습니다.

    예4 소스코드 보여주기(자유입력)
    {{{
    HTML에 <PRE> 테그가 있는것 처럼 위키위키에서도 형식에 구애 받지 않고 입력하고 싶을때가 있
    습니다. 예를 들어 소스 코드라던가, 지금처럼 위키위키 테그를 설명하고 싶다던가, 이럴때는
    지금과 같은 방법으로 자유 입력을 할 수 가 있습니다.
    
    '''굵은 글씨로 나올까??'''
    }}}
    

    HTML에 <PRE> 테그가 있는것 처럼 위키위키에서도 형식에 구애 받지 않고 입력하고 싶을때가 있
    습니다. 예를 들어 소스 코드라던가, 지금처럼 위키위키 테그를 설명하고 싶다던가, 이럴때는
    지금과 같은 방법으로 자유 입력을 할 수 가 있습니다.
    
    '''굵은 글씨로 나올까??'''
    

    {{{#!c++
    /* C++ 등과 같은 소스코드를 넣고 싶을때는 좀더 특화된 문법을 이용해서 
        Syntax Highlight 기능도 사용이 가능합니다. 
    */
    #include <bliss.h>
    
    int main(void) {
       char atssa;
       int merong;
    
       cout << "안녕하세요? 블리스 입니다." << endl;
    }
    //    앞으로는 다양한 언어의 Highlight를 지원할 예정이라고 합니다.
    }}}
    

    /* C++ 등과 같은 소스코드를 넣고 싶을때는 좀더 특화된 문법을 이용해서 
        Syntax Highlight 기능도 사용이 가능합니다. 
    */

    #include <bliss.h>

    int main(void) {
       char atssa;
       int merong;

       cout << "안녕하세요? 블리스 입니다." << endl;
    }
    //    앞으로는 다양한 언어의 Highlight를 지원할 예정이라고 합니다.

    예4 테이블
    ||||||'''Heading'''||
    ||cell 1||cell2||cell 3||
    ||cell 1||||spanning 2 columns||

    ||||'''Hybrid table'''||
    ||<|21||1-1||
    ||1-2||

    ||||||'''BG Color'''||
    ||<#fcfcfc>cell 1||cell2||cell 3||

  • Heading
    cell 1cell2cell 3
    cell 1spanning 2 columns

    Hybrid table
    11-1
    1-2

    BG Color
    cell 1cell2cell 3

    아~ 점점 게을러지다 보니 복잡해 보이는 테이블 넣기는 대충 무성의 하게 예제만 딸랑...


    이것으로 썰렁한 2편도 마쳐야 할 시간이 돌아왔습니다. (글쓰다가 벌써 지쳤네요 ~.~ )
    다음편에는 첨부 이미지를 다양하게 보여주는 방법과, URL링크 하기, IMG 링크하기 등등에 대해서 알아 보겠습니다.

    [스크랩] 야후! 블로그에서 지원하는 위키위키 (1)

    2006.09.05 18:42 | 글 쓰기/수정하기 | FAQ블로그

    http://kr.blog.yahoo.com/moooogirl2003/1364027 주소복사

    비록 진짜 위키위키+블로그 형태가 되지 못해서 무척이나 아쉽지만 야후! 블로그에 위키위키 형식으로 글을 에디트 할 수 있게 된것은 개인적으로 참 마음에 드는 부분입니다.

    혹시 위키위키에 관심있는 분들을 위해서 위키위키로 글 쓰는 법을 약간 적어 볼까 합니다.
    (먼저 야후에서 쓰는 위키위키 입력 방식은 위키위키의 파이선 클론인 모인모인의 룰을 따른다는 것을
    먼저 참고 해야 할 것 같습니다.)

    기본 문법

    글씨 꾸미기

    기울인 글씨 : ''기울인 글씨가 잘 나오나???''
    굵은 글씨 : '''굵은 글씨로 쓰기'''
    기울임+굵은 글씨 : '''''굵은 기울여진 글씨랍니다.'''''
    
    이것 저것 섞어서 : ''기울인 글씨에서 '''굵은 기울인 글씨로 바꾼뒤''' 기울인 글씨로 전환'''
    하이라이트 : {{{하이라이트된 문장}}}
    **원래 {{{단어}}} 형태로 둘러싸면 monospace 폰트로 폰트를 적용하는 룰이지만 
    야후! 블로그에서는 하이라이트로 처리가 됩니다.
    
    실제로 적용하면...
    기울인 글씨 : 기울인 글씨가 잘 나오나???
    굵은 글씨 : 굵은 글씨로 쓰기
    기울임+굵은 글씨 : 굵은 기울여진 글씨랍니다.

    이것 저것 섞어서 : 기울인 글씨에서 굵은 기울인 글씨로 바꾼뒤 기울인 글씨로 전환'
    하이라이트 : 하이라이트된 문장
    제목 쓰기
    HTML 표준에서 문서에 제목을 넣을때 <H[1-5]></H[1-5]> 테그를 사용하지만 요새는 HTML을 개념 없이 만들기 때문에 제대로 사용하지 않는 경우가 많습니다만, 위키위키로 문서를 작성할때는 이 제목용 테그를 자주 활용하게 된답니다. 사용 법은 아주 간단 합니다.

    큰제목 <H1> : = 제목 1 =
    조금 작은 제목 <H2> : == 제목 2 ==
    좀더 작은 제목 <H3> : === 제목 3 ===
    더더 작은 제목 <H4> : ==== 제목 4 ====
    제일 작은 제목 <H5> : ===== 제목 5 =====
    
    실제로는 이렇게 나오겠죠?


    제목 1

    제목 2

    제목 3

    제목 4

    제목 5


    가로 줄 넣기

    위에 예제에서 사용된 가로줄로 위 아래를 나누고 싶을때는 다음과 같이 합니다.

     ----
    원래는 - 의 갯수에 따라서 가로줄의 사이즈가 조절이 되어야 하는데 야후! 블로그는 지원이 안되는듯 합니다.



    오늘은 여기까지.. 원래 설명에는 재주가 없는데 일일히 쓰려니 힘드네요. 얼마나 썼다고-_-
    다음 2편을 기대해 주세요.


    1)블로그 글쓰기 방법


    블로그에 글을 쓰는 가장 쉬운 방법은
    자신의 블로그에 로그인 한 뒤, "글쓰기" 버튼을 눌러 쓰는 방법입니다.









    2)블로그 글쓰기 화면

    글쓰기 화면에 많은 기능이 있지만, 처음엔 간단한 기능만 이용하여 
    쉽게 글을 작성해 보고, 차근차근 나머지 기능을 익히도록 합니다.

        1) 글 제목을 적고 -> 저장될 폴더를 선택 -> 
        2) 본문 적는곳에 쓰고싶은 이야기를 적은 뒤, ->
        3) 공개/비공개 여부를 지정해서 -> 저장합니다.



    작성된 글은 즉시 블로그에 기록되며 공개글 인 경우,
    야후! 블로그 홈이나, 자신을 즐겨찾기해준 다른사람의 블로그에,
    그리고 RSS 기능을 통해서 인터넷상으로도 즉시 노출 됩니다.
    야후! 검색에서도 물론 보여지는데, 검색쪽은 다소 시간이 소요됩니다.








    3) 작성된 글의 수정

    본인이 작성한 글 아래쪽에 있는,
    수정 버튼을 누르면 언제든지 작성된 내용을 수정할 수 있으며,
    수정된 내용은 그 즉시 반영 되게 됩니다.


    블로그는 작성된 시간순으로 글이 저장되며,
    보여질 때는 가장 최근의 글부터 순서대로 보여지게 됩니다.
    그리고 작성날짜와 시간 , 글의 순서를 바꿀수는 없습니다.









    4) 그외 글작성 방법 과 입력방식

    그외에도 글을 작성할 수 있는 방법으로는,
    - 다른사람 블로그의 글을 "스크랩" 하여 저장하는 방법으로 작성하기
    - 트랙백 ( Track-Back ) 글 붙이기로 작성하는 방법 등이 가능하며,



    글을 입력할 때 사용할 수 있는 입력방식으로는,

    - 직접입력 하는 방식
    - 직접입력( 위키위키문법 )을 사용하는 방식
    - 야후! 편집기를 사용하는 방식
    - 그림판을  사용하는 방식
    - 플래시를  사용하는 방식 등

    다양한 방식중 편한 방식을 선택해서 작성하실 수 있습니다.
    이것은 글쓰기 할 때 본문칸 바로 위쪽에서 선택할 수 있습니다.




    본문 중에, 마우스를 가져가면 손가락 모양이 나오고,
    그것을 마우스로 클릭하면 다른 홈페이지 등으로 연결되는 "링크(하이퍼링크)"
    를 넣어 글을 쓰는 방법입니다.

    예제 : [
    마우스를 이쪽으로 가져와서 클릭해보세요


    예제쪽에 마우스를 가져가면, 마우스 화살표 모양이 바뀌고,
    그것을 클릭하면 다른곳으로 넘어가죠? 이런것을 하이퍼링크( 줄여서 "링크" )
    라고 합니다.







    글 작성중에 하이퍼링크 넣는법

    하이퍼링크를 넣어서, 소개하고싶은,  해당 인터넷 내용이 있을 것입니다.
    예를 들어, 야후! 홈페이지를 링크하는 경우를 살펴 보겠습니다.









     1 .먼저  해당 홈페이지 또는 해당 인터넷 화면의 
      "URL 주소"를 알아둡니다.


    연결하고자 하는 URL 주소를 먼저 알아두어야 하는데,
    위 그림과 같이 인터넷창 상단에 나오는 것이 URL 주소입니다.
    저 주소를 보고 직접 키보드로 쳐 넣어도 되겠지만,
    주소를 간단히 복사 - 붙여넣기 해서 사용하는게 훨씬 편하겠죠?







     2 . URL 주소 복사하기

    사용하려고 하는 주소부분을  마우스 왼쪽 버튼을 누른채,
    파랗게 범위를 지정해준 뒤, 마우스 버튼을 살짝 놓으면
    이런 모양으로 "범위 선택" 됩니다.








     3 . 선택된 영역 위에서 오른쪽 버튼을 눌러,
        URL 주소 "복사"하기

    URL 주소가 파랗게 선택되어 있는 상태일 때,
    그 바로 위에서 이번엔 마우스 오른쪽 버튼을 누르면 복사 메뉴가 나옵니다.
    복사 메뉴를 선택해 주소를 복사해 둡니다.








     4 . 글을 작성할 때, 복사해둔 주소 붙여넣기

    글을 작성하다가 필요한 곳에서, 다시 마우스 오른쪽 버튼을 눌러,
    붙여넣기 메뉴를 선택해 주면 그 주소가 본문 중에 들어가게 됩니다.


    나머지 글을 다 작성한 뒤, 글을 저장하면 끝입니다.
    글이 저장되는 순간, 
    마우스를 가져가면 손가락 모양이 나오는
    "하이퍼링크" 형태로 자동변환 되어
    저장되게 됩니다.









     ☆ .주소는 보이지 않게 연결하는 법
    위와 같은 방식이지만, 주소가 아주 길거나 복잡하여 보기가 흉할때,
    주소가 보이지 않게 연결하려면 이렇게 하세요.
    ( 필요한 URL 주소를 복사해 놓는 것은 위의 경우와 같습니다.
    붙여넣을 때만 아래와 같이 조금 다른 방식으로 해 주면 됩니다
    )




    글이 보여질 때 하이퍼링크로 연결되어 보여질 내용을 먼저 작성해 놓고,
    그 부분을 위 그림처럼 마우스로 선택해서
     편집기의 "하이퍼링크 삽입"
    아이콘을 누릅니다.




    그런 후, 아래그림처럼 하이퍼 링크 등록정보 란에
    마우스 오른쪽 버튼을 눌러, 복사해 놓았던 주소를 붙여 넣으면 됩니다.


    이렇게 작성된 내용은, 나중에 글을 수정할 때도,
    같은 방법으로 "하이퍼링크 삽입" 아이콘을 눌러 고칠수 있습니다.