블로그스팟 이미지 클릭 시 새창, 팝업창 안 뜨게 하는 방법

 

구글블로그인 블로그스팟에서 글을 읽다가 본문에 있는 사진 이미지를 실수로 클릭할 경우, 이미지가 팝업으로, 또는 새창에서 열어져 다시 되돌아가야 하는 불편한 일이 발생할 수 있습니다. 이번 내용은 이미지를 클릭해도 아무 반응이 없도록 하는 방법 소개입니다.

 

🥕광고 차단 프로그램을 OFF 하여 주시면 좋은 콘텐츠를 제작하는 데 있어 많은 힘이 됩니다.

 

안녕하세요, Masup 입니다 ~ ^ ^

 

 

 

블로그스팟 이미지 클릭 시 새창, 팝업창 안 뜨게하는 방법

 

구글의 블로그스팟에서 본문 작성은 웬만하면 html로 작성하는 것을 추천합니다. 그렇다고 html 모드에서 글쓰기를 하라는 의미는 아닙니다. 이 부분은 나중에 어떻게 작성하면 편한지 따로 콘텐츠를 만들도록 하겠습니다. 그만큼 블로그스팟에서 포스팅을 할 경우, 많이 불편합니다.

 

 블로그스팟에서 글을 읽다 보면 방문자도 모르게 사진 이미지를 클릭하거나, 모바일 화면에 미스 터치를 할 경우가 종종 있습니다. 스크롤한다는 것이 손 터치가 될 경우도 있으니까요. 그렇게 되면 잘 보고 있던 글 위로 사진 이미지 파일이 확대되면서 팝업창이나 새창으로 펼쳐지곤 합니다. 그러다가 뒤로 가기를 누르면 본문 글에서 완전히 빠져나가는 일도 있고, 상당히 불편합니다.

 

 

 위 샘플 이미지를 한번 클릭해 보면 새창에서 이미지가 다시 나타나는 것을 확인할 수 있습니다.

 

 

 이런 불편함을 방지하기 위해서 이미지 파일을 업로드한 다음, html 코드를 조금 만져주는 것이 좋습니다.  매우 쉬우니 순서대로 따라 하시기 바랍니다.

 

 

1. 블로그스팟에서 작성한 글 또는 작성 중인 글의 수정 화면으로 들어갑니다.

 

 

2. 상단 좌측 탭에 있는 < > ▼를 클릭한 다음, < > HTML 보기를 선택합니다.

 

 

3. html 모드에서 업로드된 이미지 파일 코드를 찾습니다. 또는 상단 메뉴에 있는 '이미지 삽입' 아이콘을 눌러 이미지 파일을 업로드합니다.

 

 

4. 아래의 캡처에서 표시된 것과 같이, 이미지의 코드 중에서 <a href="https://blogger.googoe.....png" ..... center; "> 부분을 찾아 삭제합니다. 참고로 <img alt=  앞에 있는 코드까지 삭제를 하는 것입니다.

 

 

 

5. 다음의 캡처 표시와 같이, 마지막에 있는 </a></div> 부분에서 </a>를 삭제합니다.

 

 

 

6. 마지막으로 검색 seo(최적화)를 위하여 <img alt="" 코드의 따옴표 안에다 alt 태그 속성을 적어 넣습니다.

 

👉 예시: <img alt="마숲의 블로그스팟 설명을 위한 이미지입니다" 

 

 

 이렇게 하고 글을 발행하면, 본문 내용에 있는 이미지를 클릭하여도 아무 반응이 없게 됩니다. 생각보다 매우 쉽죠?

 

 

 위 샘플 이미지는 클릭하여도 아무런 반응이 없습니다.

 

앞으로 종종 티스토리 블로그인 '마녀의 숲속'과 블로그스팟 블로그인 'Masup'을 통해서 블로그스팟과 관련된 유익한 정보를 다룬 내용을 올리도록 하겠습니다. 그럼, 블로그스팟에 있는 '읽기 목록' 메뉴에 두 곳의 블로그 모두 'RSS 구독 설정'하시는 것 잊지 마세요.

 

 

 

블로그스팟 읽기 목록 활용하여 구독하는 방법