Copyleft symbol 만들기

Copyright에 대항하는 Copyleft symbol을 만드는 방법입니다. 1 이 블로그는 다음과 같이 만들었습니다. CSS .copyleft { position: relative; vertical-align: middle; display: inline-block; transform: rotate(180deg); } HTML <span class="copyleft">©</span> 연도를 나타내는 자바스크립트는 다음과 같습니다. 2 <script>document.write(new Date().getFullYear());</script> Copyleft symbol Shortest way to print current year in a website

위첨자(sup)와 아래첨자(sub) 쓸 때 줄간격 조정하기

위첨자(sup)와 아래첨자(sub) 기본 속성은 다음과 같습니다. sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; font-size: smaller; } 위첨자나 아래첨자가 들어간 문장은 줄간격(행간, line-height)이 조금 커집니다. 다음과 같은 속성을 추가하면 줄간격이 같아집니다. 1 sup { line-height: 1em; } sub { line-height: 1em; } 위첨자나 아래첨자 높낮이를 바꾸려면 다음과 같이 하면 됩니다. sup { line-height: 1em; position: relative; top: -2px; sub { line-height: 1em; position: relative; top: 2px; } 이 블로그는 위첨자 색깔을 지정하고, 특별한 수식이 아니면 아래첨자는 문장 기준선에 맞췄습니다. sup { color: #cc0000; line-height: 1em; } sub { vertical-align: baseline; line-height: 1em; } 주석 기능(Footnote)을 쓸 때 본문 줄간격 고르게 맞추기

구글서치콘솔(Google Search Console)에 URL 등록하기

블로그 URL 제목을 달기도 귀찮아 발행 날짜로 했더니 구글서치콘솔(Google Search Console)에 블로그 제목이 짧다고 URL 등록이 되지 않는 문제가 있더군요. 현재 발견된 페이지는 921개이지만 페이지 색인이 생성되지 않는 이유로 250여개가 등록이 되지 않습니다. URL 검사에서 하나씩 실제 URL 테스트(TEST LIVE URL)를 한 후 색인 생성 요청을 했지만 250여 개를 포함해서 절반 이상이 등록되질 않더군요. 페이지 색인이 생성되지 않는 250여 페이지를 하나씩 실제 URL 테스트를 한 후 색인 생성 요청도 했지만 소용없었습니다. 해결 방법을 검색했지만 유용한 방법은 찾질 못했습니다. 그러던 차에 모바일 주소(?m=1)로 시도했더니 등록이 잘 됐습니다. 모든 URL을 등록했더니 약 80%가 원활하게 페이지 색인 요청됐습니다. 등록이 되지 않은 페이지는 다시 실제 URL 테스트를 해서 색인 생성 요청을 하고 했습니다. 이 블로그처럼 제목이 영어가 아닌 숫자이거나 짧다면 모바일 주소로 색인 생성을 시도해 보시기 바랍니다. 팁1 페이지 색인 생성이 되지 않는 경우에는 모바일 주소로 등록해 보세요. 구글 블로그 모바일 주소 : https://MYBLOG.blogspot.com/2023/12/XX.html ?m=1 팁2 페이지 색인 생성 요청은 하루에 10회 정도 할 수 있지만, 1회 등록(URL 검사〉실제 URL 테스트〉색인 생성 요청) 후 약 1분 뒤 다시 요청하면 하루에 100개를 등록 요청(혹은 URL 검사)할 수 있습니다. (단, 일일 할당량은 구글 맘대로여서 그때그때 다릅니다.) 팁3 모바일로 볼 경우 모바일 주소( https://MYBLOG.blogspot.com/2023/12/XX.html?m=1)로 표시되는 걸 방지하려면 아래 코드를 </body> 전 에 붙여넣으면 됩니다. (출처 : stack overflow , Narendra Dwivedi ) <!--...

구글 블로그 최근 댓글 표시하기

구글 블로그(Blogger, Blogspot)에 최근 댓글을 표시하는 팁(recent comment widget)입니다. 가장 일반적인 방법입니다. 로그인〉레이아웃〉가젯 추가〉피드〉피드 구성 피드 URL에 댓글 피드 주소를 입력 https:// MYBLOG.blogspot.com /feeds/comments/default (또는 /default?alt=rss) ( MYBLOG.blogspot.com 을 자신의 블로그 주소로 바꿈) 제목과 댓글 표시 조건을 설정 후 저장 이 피드 URL로 실행하면 삭제한 댓글이 일정 기간 1 표시됩니다. 피드 URL을 아래와 같이 변경해도 됩니다. https:// MYBLOG.blogspot.com /feeds/comments/full (또는 /summary) 역시 삭제한 댓글이 즉시 없어지거나 최신 댓글이 바로 표시되지 않습니다. 피드 URL 방식은 실시간으로 댓글이 표시되지 않는 단점이 있습니다. 또한 표시할 최대 댓글 항목수는 5개이며 문자 수를 지정할 수 없습니다. 원하는 댓글 수와 문자 수로 댓글을 표시하는 방법은 다음과 같습니다. 로그인〉레이아웃〉가젯 추가〉HTML/자바스크립트 구성〉콘텐츠 콘텐츠에 recent comments.js 를 복사하여 붙여넣기 2 30행 블로그 주소를 자신의 블로그 주소로 바꾸고, 2, 3행에서 표시할 댓글 수와 문자 수를 설정 후 저장 피드 URL 방식과 HTML/자바스크립트 방식에 따라 장단점이 있습니다. 자신이 원하는 방법 3 으로 댓글을 표시하시기 바랍니다. 일정 기간은 구글 마음대로 하는 것으로 측정이 불가합니다. kuzuro 최근 댓글 표시하기 를 참조하세요. 검색 하면 댓글 작성자, 댓글 작성일, 아바타 등을 표시하는 다양한 방법이 있습니다. 이 블로그는 Smart Tech Mukesh 블로그의 Recent Comments Widget 을 튜닝하여 사용하고 있습니다. 가젯 코드는 다음 과 같습니다. <script type=...

구글 블로그 댓글 닉네임을 새 탭으로 열기

구글 블로그(Blogger, Blogspot)에 댓글을 단 작성자(comment user) 닉네임을 클릭하면 새 탭(new tab)으로 프로필이 열리는 팁입니다. 1. 테마〉맞춤설정〉백업 2. 맞춤설정〉HTML 편집 3. 아래 코드를 </body> 전 에 붙이고 저장 <!-- Open comment user in new tab --> <script type='text/javascript'> jQuery(document).ready(function($) { $(".user a").attr('target', '_blank'); }); </script>

구글 블로그 맞춤 도메인 연결하기

도메인을 사서 구글 도메인이 아닌 다른 도메인(non-Google domain)에 연결하기를 시도했지만, 구매한 도메인이 무한루프를 반복했습니다. 연결을 포기하고 도메인 전달(Forwarding URL)만 설정하여 사용했습니다. 한동안 손을 놓고 있다가 다시 시도했지만 실패하여 아예 도메인을 구글로 이전했습니다. 구글 도메인(Google Domain)으로 연결하기를 설정해도 동일한 현상이 나타났습니다. 구글에 몇 차례 문의했지만 답은 없었습니다. 이리저리 궁리하며 도움말(Blogger Help)에 문의 도 했으나 뾰족한 답은 얻을 수 없었습니다. 블로그를 삭제하고 새로 만들려는 극단적 생각(?)을 하면서 도움말을 검색하던 중 우연히 아래와 같은 스크립트 때문에 무한루프를 반복한다는 답변 을 찾았습니다. <script type="text/javascript"> var blog = document.location.href.toLowerCase(); if (!blog.match(/\.blogspot\.com/)) { blog = blog.replace(/\.blogspot\..*?\//, ".blogspot.com/ncr/"); window.location.replace(blog); } </script> 위 스크립트는 블로그를 방문하는 국가로 도메인이 변하는 것을 .com으로 고정하는 스크립트 입니다. 템플릿(테마 → HTML 편집)에서 스크립트를 제거하니 마침내 맞춤 도메인으로 연결이 됐습니다. 문외한이 추측건대 구매한 도메인과 국가 도메인 스크립트가 충돌하며 무한루프를 반복한 것 같습니다. 혹시 맞춤 도메인을 연결할 때 동일한 현상이 있다면 참고하시기 바랍니다. 구글 블로그(Blogger)에 맞춤 도메인(Custom domain)을 연결하는 방법은 도움말을 참조하면 쉽게 설정할 수 있습니다. 구글에서 구매한 도메인(Google Domain)이라면 블로그의 기...