2013년 4월 11일 목요일

구글 블로그 동적뷰에서 특정 뷰 제거하기



동적뷰에서는 7가지 뷰가 제공이 되고 블로그 운영자는 이중 한가지를 기본 뷰로 설정할 수 있습니다. 문제는 방문자가 방문 후 다른 6가지 뷰를 선택하여 블로그의 외관을 변경할 수 있다는 점인데요. 편리한 기능입니다만, 한편으로는 다음과 같은 단점들도 있습니다.

1. 블로그를 어떻게 운영하느냐에 따라서 일부 뷰들은 자신의 블로그 컨셉과 맞지 않을 수 있다.
2. 방문자가 뷰를 마음대로 변경함으로써 블로그의 일관성이 훼손될 수 있다.

이런 단점들을 없애기 위해 방문자로 하여금 특정뷰를 선택할 수 없게 하거나 또는 전혀 선택할 수 없게 하려면 아래의 코드를 이용하시면 됩니다.

※ 코드 삽입 위치는 "대쉬보드→템플릿→맞춤설정→고급→CSS추가"

1단계 :

 #Classic.ss, #views ul li:first-child ,   
 #Flipcard.ss, #views ul li:nth-child(2),  
 #Magazine.ss, #views ul li:nth-child(3),   
 #Mosaic.ss, #views ul li:nth-child(4),   
 #Sidebar.ss, #views ul li:nth-child(5),   
 #Snapsnot.ss, #views ul li:nth-child(6),   
 #Timeslide.ss, #views ul li:nth-child(7)  
 {  
 display: none !important;  
 }  

이 코드는 기본 코드입니다. 이 코드를 삽입하면 방문자가 뷰를 전혀 선택할 수 없습니다. 그림에서 "코드 적용 후 ②"의 모습처럼 됩니다.

2 단계 :

 #Classic.ss, #views ul li:first-child ,   
   
 #Magazine.ss, #views ul li:nth-child(3),   
   
   
 #Snapsnot.ss, #views ul li:nth-child(6),   
 #Timeslide.ss, #views ul li:nth-child(7)  
 {  
 display: none !important;  
 }  

특정뷰만을 보이게 하고 싶다면, 1단계의 코드에서 보이고자 하는 뷰만 삭제합니다. 예를 들어, 방문자로 하여금 Flipcard, Mosaic, Sidebar 뷰만을 선택할 수 있게 하고 싶다면, Flipcard, Mosaic, Sidebar를 나타내는 2행과 4행 5행을 삭제한 후 나머지 코드를 복사해서 삽입합니다. 이 때 중요한 것은 마지막 행이 콤마(,) 없이 끝나야 한다는 것입니다.

예를 한번 더 들어보겠습니다. Timeslide 뷰만 보이게 하고 싶다면, 코드의 모습은 아래와 같을 것입니다.

 #Classic.ss, #views ul li:first-child ,   
 #Flipcard.ss, #views ul li:nth-child(2),  
 #Magazine.ss, #views ul li:nth-child(3),   
 #Mosaic.ss, #views ul li:nth-child(4),   
 #Sidebar.ss, #views ul li:nth-child(5),   
 #Snapsnot.ss, #views ul li:nth-child(6)  
   
 {  
 display: none !important;  
 }  

※ 우클릭/드래그 방지 때문에 코드 복사가 안되는 분들은 출처 사이트, 또는 구글Docs에서 코드를 복사하시기 바랍니다.

댓글 3개:

  1. 안녕하세요
    혹시 동작뷰에서 타이틀에 이미지삽입을 할려면 어떻게 해야 하는지 알수 있을까요??

    답글삭제
  2. 오홋! 이런 방법이... 감사합니다.

    답글삭제
  3. 없애는 코드를 넣었는데, 아직도 보이는데, 저한테는 계속 보이고 방문자들한테는 안보이는건가요?

    답글삭제