새로운 Blogger 테마를 적용하기 전에 모든 위젯 데이타를 깨끗이 삭제하는 코드 기존 테마를 백업합니다. 테마 > Html 편집에서 Ctrl + A 눌러서 선택합니다. Del 키를 눌러 모두 삭제한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <? xml version = "1.0" encoding = "UTF-8" ?> <! DOC…
Emporio 구글테마, 헤더이미지 안보이게 설정 1. blogger.com 접속 2. 테마 세팅 Theme setting > HTML 3. CTRL + F를 누르고 아래 코드를 검색한다. data:widgets.Blog.first.posts.first.featuredImage 4. 이 코드를 주석 처리를 한다. 1 2 3 4 5 6 7 8 9 10 11 12 <! -- < b :if cond = '…
Contemp 나 Notable 등의 구글 블로거 테마에서 사이드바의 라벨 등이 닫혀있어서 불편한데 그걸 편리하게 기본으로 Open(Menu 확장)하는 방법입니다.
Popular posts widget with thumbnail 블로거의 멋진 인기글 위젯 이쁜 Popular post 위젯 코드 아래 코드를 html CSS에 삽입한다. sidebar 이름이 현재 템플릿에 맞는지 확인하고, 틀리면 수정하셔야 적용됩니다. 1 .sidebar .PopularPosts ul { padding : 0 ; } .sidebar .PopularPosts ul li :first-child { max-height …
Blogspot 블로그스팟 게시물 뷰카운터 만들기 아래 사이트에 자세히 소개되어 있어요. 처음에 안되서, 이 부분을 수정하면 됩니다. https://YOUR-PROJECT-ID.firebaseio.com >>> https://YOUR-PROJECT-ID-default-rtdb.firebaseio.com/ https://blogofmygirls.blogspot.com/2019/06/create-post-view-counter-i…
맥(애플,Mac)과 윈도우 OS 에서 깔끔한 폰트 CSS 웹페이지의 웹폰트 CSS 에서 아래와 같이 지정해주면, 맥과 윈도우 모두 폰트를 깔끔하게 볼수 있다 하네요. 저도 설정해주었는데, 맥이 없어서... 당장은 확인못했습니다. 1 font-family: 'Apple SD Gothic Neo','Malgun Gothic',arial,sans-serif; cs
사이트: https://www.hownaija.com.ng/2020/09/how-to-create-responsive-sticky-sidebar-widget-on-blogger.html 기존 사이드바 Sticky 스크립트를 적용 시 위젯이 footer 까지 Overlap되는 오류가 있었는데, 이 코드는 Sticky 위젯을 특정 위젯까지 Stop 할수 있는 기능이 들어가 있어서 매우 좋습니다. -이 스크립트는 blogger 사이드바 위젯…
https://blog.irsah.com/2017/09/emporio-theme-always-show-labels-widget.html
Blogger 에 심플한 관련게시물 위젯 넣기 1. Head 코드를 찾으세요 </ head > 2. 그 위에 다음 코드를 붙여넣습니다. head 전에 붙여넣으세요. < b: if cond = 'data:blog.pageType == "item"' >< style type = 'text/css' > #relat…
contempo 테마 포스트 리스트 상단에 라벨 넣기 1. Blogger -> Html 에서 아래 코드를 찾으세요 1 < div class = 'post' > 2. 아래 코드를 붙여넣으세요 3번 참고 1 < b:include data = 'post' name = 'super.postLabels' /> 3. 코드를 붙여넣은…
Contempo template 메뉴 아이콘 모든 페이지에 Blogger > Html 설정에 들어가서, 1. 아래 코드를 찾습니다. 1 2 3 4 5 6 7 < b: if cond = 'data:view.isSingleItem' > < a class = 'return_link' expr:href = 'data:blog.homepa…
블로거를 홍보하고 검색엔진에서 사용자에게 알리는 방법 https://support.google.com/blogger/answer/41373?hl=ko
Blogger 에 나눔스퀘어 웹폰트 적용해보기 1. blogger > html 수정에서, 1 < link href = 'https://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css' rel = 'stylesheet' /> 다음에 삽입한다. 2.font 설정 1 font - family: 'N…
contempo 템플릿의 사이드바 상단 프로필 위젯 영역 없애기 왼쪽 사이드바 상단에 프로필 위젯이 있는데, 이 부분이 필요가 없다면 삭제해도 된다... 템플릿 수정에서 custom css 에 코드를 넣으면 된다. 1 2 3 aside . sidebar - container . container . sidebar - invisible { margin - top: 10 px ! important; } …
Contempo 템플릿에 Next, Prev 이전 다음글 링크 달기 아래 사이트를 참고하세요 코드 넣는 부분이 헷갈렸지만,, 해냈음 ^^ https://btf-jp.blogspot.com/2017/11/blogger-renextprev-for-2017-theme.html
Blogger 백그라운드 이미지 시차효과 (Parallax effect) 주기 Contempo 템플릿을 좀 더 고급스럽게 다음 코드를 위젯에 추가하세요 < script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></ script > < script src = 'https://cdn…
Blogger 에는 해당 포스트를 빠르고 쉽게 수정할수 있는 퀵 펜슬이라는 기능이 있습니다. 최근에 나온 Soho, Contempo 테마에는 퀵 펜슬이 설정도 안되고, 아예 없이 나와서 참 아쉬운데 쉽게 퀵 펜슬을 하는 방법이 있어 공유드립니다. (물론, 퀵 펜슬 기능이 없는 템플릿에서도 사용 가능합니다) 크롬 브라우저를 사용한다면 더 쉽습니다. 크롬 브라우저 확장 프로그램을 이용하는 건데요, chrome.goo…
Blogger 글쓰기 시 소스코드를 에러없이 이쁘게 삽입하기 http://hilite.me . 사이트를 이용하자. 사이트에 들어가면 왼쪽 패널에 소스코드를 넣고 아래에 highlight 를 클릭하면 적용됩니다. 그런 다음 오른쪽 패널에 코드를 복사하여 포스트에 붙여넣기 하면 된다.
맥 OSX(애플) 및 윈도우에서 웹 폰트(애플 고딕, 맑은 고딕) 깔끔하게 보이게 하는 방법입니다. html 에 폰트 설정부분을 다음과 같이 수정하세요 font-family: 'Apple SD Gothic Neo ',' Malgun Gothic',arial,sans-serif;