블로그 스팟을 꾸미는데 도움이 되는 것들을 모은 글.

구글 블로그 운영 및 장식하는데 도움되라는 글...


1.

블로그스팟은 아무래도 회사가 외국이기 때문에 폰트가 죄다 구리다...

한국어 폰트 변경은

https://gaselectronics.blogspot.com/2019/01/blog-font.html?m=1

이글 참조.



2.

구글에서 제공하는 기본 서치박스(검색창)은 구리다...많이

자바스크립트/html 가젯을 추가해서 코드를 복붙하면 원하는 위치에 추가할수있다.

https://www.codiblog.com/2016/01/blogger-search-box.html?m=1


https://www.howbloggerz.com/2016/02/stylish-search-boxes-blogger.html?m=1

이글 참고.

다만 검색창 내 글씨 색깔은 본문 텍스트 색을 따르기 때문에 본문텍스트가 하얀색일 경우 하얀바탕의 서치박스에서는 글씨가 안보인다.



3.

블로그스팟에 위로가기버튼 따위는 없다...

따로 만들어야한다.....ㅎ


https://kimchul.tistory.com/234

이글이 많이 도움되었다.

이외에도 구글링하면 다른 방식도 있다.



4.

상단 메뉴바는 레이아웃에서 페이지 가젯을 추가해 노가다해주면 된다.

간단하다. 메뉴로 만들고 싶은 것에 해당되는 태그의 주소를(태그 클릭한 후 나오는 페이지를 이용하면됨) 복붙하고 제목을 지어주는 짓을 반복한 다음 상단바에 가젯을 위치 시키면 된다.

'홈'이라고 써있는 건 전체글보기에 해당되는데 전체글이라고 이름을 바꾸거나 그냥 없애는 방법도 있다.




5

사이드바 카테고리 만들기도 직접 만들어줘야한다.

http://cremazer.blogspot.com/2013/08/blogger-category.html?m=1

☞라벨(태그)을 이용한 노가다


https://kinanadel.blogspot.com/2017/09/blogger-category.html?m=1

☞html 코드로 직접만들기


https://wildcatsy.blogspot.com/2017/03/blogspot.html?m=1

☞카테고리 정리


6.

블로그스팟 기본 문의도 구리다.


https://www.mkcgi.net/2017/10/blog-post_16.html?m=1


직접 만들어주자....


7.

공감/좋아요 버튼 달기.

귀찮아서 안했지만 관심있으면

http://sesangsari.blogspot.com/2017/07/blog-post.html?m=1


8.

사이드바에 랜덤하게 게시글 보여주기


https://pastimelife.com/m/1311


9.

스포일러와 같이 글을 숨길 때 필요한 html

이곳에는 숨겨진 글 윗쪽에 보여지는 글
<br />
<div id="spoiler" style="display: none;">
숨겨진 글
</div>
<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Click to 보기/숨기기 content" type="button">보기/숨기기</button>

<br />

이건 직접 게시물 작성할때 넣어야한다.

숨겨진 글이라고 써있는 부분에 숨길 글을 적으면 된다. 버튼 클릭시 보여지는 부분.
보기/숨기기 ←이부분은 수정가능하다. 예를들어 Spoiler로 적어도 무방하다.
참고로 <br /> 이건 엔터다.

다만, 썸네일로 숨겨진 글이 보이니 어느정도 밑에다가 넣어주자.




10.


블로그스팟에 파일을 첨부는 불가능하다.

그러므로 구글드라이브 공유링크를 이용하자.

이건 쉬우니깐 생략. 구글링하면 엄청 나옴.



11.

소셜 북마크 얻는 법


http://junom.blogspot.com/2011/02/adthis.html?m=1



12.


페이지 숫자 및 네비게이터 다는 법.


https://www.megaupdate24.com/2014/12/page-number-navigation-blogger-blog.html?m=1

어렵진않다.


테마☞html편집☞컨트롤+F로 ]]></b:skin> 찾기☞원하는 코드를 복사해서 아까 찾은 코드 위에 붙여넣기.


링크타고 가서 원하는 디자인 코드를 복사하면 된다.

13.

http://ielselog.blogspot.com/p/blogger_29.html?m=1

그외에 기타등등 도움이 되는 블로그.


14.

트위터의 트윗을 트위터 카드 형태로 가지고 올수있다.

https://publish.twitter.com/

이곳에서 원하는 트윗의 url을 넣고 확인을 누르면 그때 나오는 소스를 복사한 뒤에 글쓰기에서 html로 변환후 넣으면 된다.



15.

게시물 내 모든 링크를 새창에서 열게 하기.

테마의 html 편집에서 </head>를 찾은 후에
바로 위에 다음 아래의 코드를 복사붙이기한다.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> $(document).ready(function() { $("a[href^='http://']").each( function(){ if(this.href.indexOf(location.hostname) == -1) { $(this).attr('target', '_blank'); } } ); $("a[href^='https://']").each( function(){ if(this.href.indexOf(location.hostname) == -1) { $(this).attr('target', '_blank'); } } ); }); </script>



16.

시계 위젯넣기

https://www.clocklink.com/


위의 사이트에 들어가서 마음에 드는 걸 고른 후 색깔등 커스터마이즈를 마친후 아래의 코드를 복사해서 레이아웃의 자바스크립트/html 가젯을 추가해 붙이기만 하면 된다.


암튼 이정도....


html이나 css 건들다가 개망할수있으니깐 테마 꼭 백업한 후에 편집해야한다.

테스트용 블로그를 하나더 개설하는것도 좋은 방법이다.

---

다른 말이지만

지금 이 블로그가 갖고 있는 문제는

◎ 헤더폰트가 지멋대로하는 점☞폰트바꿀때 헤더폰트는 그대로 두고싶어 css에 헤더부분 지웠는데 난리났다...ㅎ

◎ 댓글에 '게시' 폰트색을 바꾸고싶은데 모르겠다는 점...(코드 문외한이라..)

◎ 좀 다르지만 서치박스 디자인을 그럴듯한걸 못찾은것...초록으로 빛나는게 너무 구리다


당장은 이정도

차차 개선할 계획이다.