티스토리 블로그 Fastboot 댓글창 오류 해결 방법 (파란줄, 회색줄, 아이콘, 프로필)

2017. 5. 2. 22:17 IT, SNS/블로그


몇 주 전


티스토리 블로그 댓글창 아이콘을 카카오 프렌즈로 바꾸면서 


소스 코드를 잘못 만졌는지 댓글창이 이상하게 보였습니다. 


한동안 이상한 현상이 벌어지고 있는줄 모르다가, 


어느 땐가 방문자 분께서 제 글에 


코멘트를 달아주신 것을 보고서야 알아차린 것이었습니다.  



위와 같이 


댓글창 왼쪽 부분에 파란색 줄과 옅은 회색줄이 생기고, 


프로필 아이콘은 살짝 내려와 있었습니다.


이 오류를 해결하려고 1시간 가량 낑낑대다가 


결국 문제를 해결하고 좋아했었던 기억이 있습니다.





그런데, 


최근 다른 블로거 분들의 티스토리 블로그, 


특히 fastboot 스킨을 적용하고 계신 분들 중에 몇 몇 분이 


저와 같은 현상을 겪으시면서 오류를 해결하지 못하신 건지, 


아니면 아직 이상한 낌새를 눈치채지 못하신 건지 


그대로 놓아두고 계셨습니다.



이 문제에 대한 해결법 포스팅은 현재, 그리고 


앞으로 이런 현상으로 골치아파하실 분들을 위해 남깁니다.






해결하는 방법은 아주 간단합니다.



먼저 블로그에서 q 버튼을 눌러 관리자 화면으로 들어갑니다.




관리자 화면입니다. 


여기서 왼쪽 부분 꾸미기 아래에 있는 


HTML/CSS 편집을 누릅니다.




왼쪽에는 블로그 화면, 오른쪽에는 이렇게


HTML CSS 파일업로드 부분이 나옵니다.






여기서 HTML 부분을 클릭하고


가장 넓은 부분을 차지하고 있는 흰 바탕 부분의


아무곳이라도 좋으니 마우스로 한 번 클릭해주시고


Ctrl키와 F키를 동시에 누릅니다.



그러면, 위쪽에 검색란이 뜨는데


거기에 태그트레일이라고 적어주고 엔터를 쳐줍니다.




검색을 하면 이렇게 태그트레일이라고


노랗게 표시가 되면서 500 몇 번째 줄쯤으로 이동하게 됩니다.



자, 여기서


태그트레일 코드 바로 윗부분에


</div>


라고 쳐서 코드를 넣어줍니다.




만약 혹시라도 이미 </div> 코드가 바로 위에 있다고 하더라도


한 번 더 </div>를 입력해주셔야 합니다.



그리고나서 오른쪽 위에 있는 저장 버튼을 누르고


다시 자신의 블로그로 가서 댓글창을 확인해 주시면 


끝입니다.




</div>코드를 넣어주고 저장까지 눌러준 모습입니다.


아주 정상으로 잘 돌아와 있습니다.





fastboot 스킨을 사랑하시는 모든 분들,


댓글창 오류 때문에 머리아프셨던 분들


이번 글을 통해 모두 깔끔하게 해결되시기를 바랍니다.^^ 




티스토리 블로그 채팅창 달기(설정, 설치) 방법 2부 :: 채널 데스크 이용편

티스토리 블로그 이전 글 넣기 하는 방법

티스토리 블로그 스마트폰 최적화 - posted by 없애기

티스토리 블로그에 유튜브 동영상 쉽게 넣는 방법

티스토리 블로그 댓글 아이콘 카카오 프렌즈 이미지 넣는 방법



도움이 되셨다면, 로그인 없이 가능한


아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그

티스토리 블로그 채팅창 달기(설정, 설치) 방법 2부 :: 채널 데스크 이용편

2017. 5. 1. 19:04 IT, SNS/블로그

지난 포스팅에서는 티스토리 블로그에 가가라이브 실시간 채팅창을 사이드바에 설정하는 방법을 알아보았습니다. 하지만 사실 가가라이브 채팅창은 어도비 플래쉬 플레이어(Adobe Flash Player)를 사용하고 있기 때문에 스마트폰 상에서 활성이 되지 않습니다. 왜냐하면 보편적으로 스마트폰에서 사용하고 있는 브라우저는 플래시 플레이어 기능을 지원하고 있지 않기 때문입니다. 퍼핀(Puffin)과 같은 플래시 플레이어를 지원하는 브라우저로 접속을 한다면 괜찮지만 말입니다.


또한 가가라이브는 PC 컴퓨터에서도 채팅글을 바로 볼 수 있는 것이 아니라 플래쉬 상의 재생버튼을 한번 클릭해야지만 채팅 내용을 볼 수 있고 글자를 입력할 수 있기 때문에 신속성이 떨어집니다. 게다가 특정 방문자에게 말을 걸어도 따로 알림이 가지 않기 때문에 내가 원하는 사람에게 원하는 말을 전달하기도 용이하지 못한 점도 있습니다.


티스토리 블로그 채팅창 달기(설정, 설치) 방법 1부 :: 가가라이브 채팅 이용편



가가라이브의 이러한 단점을 극복하고자 오늘은 


채널 데스크라는 위젯을 이용해서 방문자 분들과 채팅과 소통, 


질문과 답변을 할 수 있는 방법을 소개해드리겠습니다. 





아주 간단하니, 천천히 따라와주시기 바랍니다.


먼저 아래 링크를 클릭해서 채널 데스크 사이트에 들어갑니다.



channel.io



채널 데스크 사이트 메인화면입니다.


아주 심플하고 깔끔한 디자인입니다.


가운데에 있는 시작하기 버튼을 눌러줍니다.



시작하기 버튼을 누르면 이메일을 입력하는 곳이 나오는데


본인의 이메일을 입력해주고 확인을 누릅니다.



그러면 위와 같이 가입하기 화면으로 들어갑니다.


여기에 이름과 비밀번호를 입력하고 가입하기를 눌러줍니다.


휴대폰 번호는 선택사항이라고 적혀 있으니


굳이 입력하지 않아도 좋습니다.








자, 이렇게 가입이 완료 되었습니다.


이제 환영합니다! 아래에 있는


새 채널 만들기 버튼을 눌러줍니다.




채널 이름을 입력하고, 채널 웹주소를 


아무거나 마음에 드는 걸로 적어줍니다.


그리고 운영중인 사이트 주소를 적어주고


확인 버튼을 눌러줍니다.




그러면 위와 같은 화면이 나오는데


왼쪽 아래에 톱니바퀴처럼 되어 있는 설정 버튼을 누릅니다.




설정 버튼 오른쪽에 프로필 및 환경설정 창이 나오는데


여기서 아래쪽에 위치해 있는 플러그인 관리하기를 눌러줍니다.






그리고 오른쪽 위에 보이는 새 플러그인 만들기를 클릭합니다. 






새 플러그인 만들기 화면입니다.


플러그인 이름을 원하는 것으로 설정해주시고


테마 색상도 보기 좋은 색상으로 선택해줍니다.


버튼 텍스트는 기본적으로 채팅 문의라고 되어 있지만


이 또한 수정할 수 있으니 원하시는 글자를 적어주시면 됩니다.



단, 짧게밖에 쓰지 못하고 엔터를 쳐서 


두 줄로 쓸 수 없다는 점은 유의하셔야 겠습니다.



그리고 만들기 버튼을 누릅니다.



만들기 버튼을 누르면 이와 같이 방금 만든 플러그인 이름이


아래에 표시되면서 플러그인이 만들어진 것을 확인할 수 있습니다.


오른쪽에 있는 데모보기 버튼을 누르면 아래와 같은 화면이 나오지만


그냥 그렇구나 한번 감상하는 걸로 끝내시고



코드 보기를 눌러줍니다.




이런 식으로 사이트 오른쪽에 표시된다는 군요.


디자인도 보기 좋고 마음에 듭니다.




코드 보기를 눌렀을 때 나오는 화면입니다.


이 플러그인 코드를 티스토리 블로그에 넣으면 되겠구나!


생각이 드실 겁니다.


바로 클립보드 복사를 눌러 코드를 복사해줍시다.





이제 티스토리 블로그로 돌아오셔서


q 버튼을 눌러 관리자 화면으로 들어갑니다.




꾸미기 > 사이드바 > HTML 배너출력 순으로 눌러주시고


오른쪽에 HTML 배너출력이 추가가 되면 편집을 눌러줍니다.


(만약, HTML 배너출력이나 태그 입력기가 보이시지 않는다면,


플러그인 > 플러그인 설정 > 관리 및 통계 > 태그 입력기 or 배너출력


순으로 클릭해서 플러그인을 설정해주시면 됩니다.)




이름에 채널데스크 플러그인이라는 것을 딱 봐도 알아볼 수 있도록 적어주시고


HTML 소스 부분에 방금 복사해온 코드를 붙여넣어 줍니다.


그리고 확인 버튼을 눌러준 후


오른쪽 상단에 있는 저장 버튼을 눌러주시면 끝입니다.




티스토리 블로그 화면으로 가보니 이렇게


오른쪽 하단 부분에 채팅 문의라는 채널 데스크 아이콘이 생성되었습니다.



이제 방문자 분들이 이 채팅 문의를 눌러서


블로그 관리자에게 말을 걸 수 있게 됩니다.





블로그를 관리하시는 분은


스마트폰에서 채널 데스크 앱을 다운 받아 설치하셔서


https://play.google.com/store/apps/details?id=com.zoyi.channel.desk.android&hl=ko




실시간으로 방문자 분들이 문의를 해주실 때마다


알림이 오기 때문에 신속하게 대응해주실 수 있습니다.



참고로, 블로그 관리자가 방문자에게 말을 걸고 싶다면


채널데스크 로그인 화면에서 왼쪽 바의 실시간 방문을 클릭해주시고


실시간 방문자 목록이 뜨면 방문자의 프로필을 눌러


말을 거실 수가 있으니 한번 방문해주신 분들께 


감사의 말을 전해보는 것도 좋지 않을까 생각합니다.



.... 라고 했지만, 


실제로는 아무도 답장을 주지 않았다는 비화가... ^^





모쪼록 채널 데스크를 통해


방문자 분들과의 좋은 소통의 창을 


하나씩 더 만들어보시는 것도


좋지 않을까 생각합니다.



티스토리 블로그 채팅창 달기(설정, 설치) 방법 1부 :: 가가라이브 채팅 이용편

구글 애드센스 일치하는 콘텐츠 광고 넣기 방법

애드센스 광고 글 사이에 넣는 방법

티스토리 블로그에 유튜브 동영상 쉽게 넣는 방법

티스토리 블로그 스마트폰 최적화 - posted by 없애기




도움이 되셨다면, 로그인 없이 가능한


아래 하트♡ 공감버튼 을 꾸~욱!


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그

티스토리 블로그 채팅창 달기(설정, 설치) 방법 1부 :: 가가라이브 채팅 이용편

2017. 4. 30. 19:35 IT, SNS/블로그

오늘은 티스토리 블로그에 채팅을 할 수 있는 채팅창이나 채팅방을 달거나 설정, 설치하는 방법을 알아보도록 하겠습니다. 예전에는 티스토리 플러그인에 채팅 기능이 있었기 때문에 편리하게 블로거와 방문자 분들이 이야기를 나누고 소통할 수 있었지만, 언젠가부터 채팅 플러그인 기능이 사라졌습니다. 보통 방문자 분들과 댓글이나 방명록을 통해 소통을 할 수 있지만, 어느 때는 실시간으로 이야기를 나누고 싶어질 때도 있는 법입니다.


그런 분들을 위해서 티스토리에 채팅창을 다는 방법을 이번과 다음 포스팅을 통해 설명드리겠습니다. 10분 정도면 누구나 블로그에 채팅하는 공간을 만들 수 있으니 차근차근 봐주시기 바랍니다.



채팅 플러그인을 제공하는 곳은 여러 곳이 있지만


가장 편리하게 사용할 수 있는 곳은 


아무래도 가가라이브(gagalive)가 아닐까 생각합니다.





먼저 아래 링크를 통해 가가라이브에 들어갑니다.


http://www.gagalive.com



가가라이브 랜덤채팅 사이트 메인 화면입니다.


별도의 회원가입과 로그인 없이도 가능합니다.


상단의 가가 채팅을 누르고,


보안 채팅방 생성/관리를 누릅니다.




그러면 다음과 같은 화면이 나오는데


여기서 보안 채팅방 생성하기를 누릅니다.




채팅방 이름과 관리용 암호, 그리고 암호 확인을 넣어주시고


생성하기 버튼을 클릭합니다.





여기서 유의사항은 이미 만들어진 채팅방이 많기 때문에


조금 특이하거나 복잡하되, 반드시 기억할 수 있는


채팅방 이름을 설정해주시고


암호도 어딘가에 메모해 놓아 잊어버리지 않도록 합시다.




생성하기 버튼을 누르면 중간 부분에 HTML 코드가 나옵니다.


<embed ~~~> </embed> 부분을 복사합니다.



이제 티스토리 블로그에 이 채팅창을 넣어야 하니


티스토리 블로그에서 q 버튼을 눌러 관리자 화면으로 들어갑니다.








꾸미기 > 사이드바를 누르고 HTML 배너출력이나


태그 입력기를 누른 후 오른쪽에 모듈이 생성되면 편집을 누릅니다.


(만약, HTML 배너출력이나 태그 입력기가 보이시지 않는다면,


플러그인 > 플러그인 설정 > 관리 및 통계 > 태그 입력기 or 배너출력


순으로 클릭해서 플러그인을 설정해주시면 됩니다.)




편집을 누르면 이름을 적는 란이 있고


아래에 태그를 넣는 공간이 있습니다.


이름에는 딱 봐도 채팅창이라고 알아볼 수 있게끔 적어주시고


HTML 소스 부분에 방금 복사한 <embed~~> </embed> 


를 붙여넣기 해주시면 됩니다.





여기까지 되면 확인을 누릅니다.





그러면 위와 같이 채팅창이 달리는 것을 확인할 수 있습니다.


다음 포스팅에서는 파란색 부분처럼 


문의를 하는 버튼을 생성하는 방법에 대해 알아보겠습니다.



티스토리 블로그 채팅창 달기(설정, 설치) 방법 2부 :: 채널 데스크 이용편

티스토리 블로그 본문 글씨 크기 바꾸는 방법

티스토리 블로그 이전 글 넣기 하는 방법

티스토리 블로그에 유튜브 동영상 쉽게 넣는 방법

티스토리 블로그 스마트폰 최적화 - posted by 없애기


도움이 되셨다면, 로그인 없이 가능한


아래 하트♥ 공감버튼 을 꾸~욱!


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그

구글 애드센스 핀(PIN) 번호 편지 우편 도착, 입력 및 주소 인증 방법

2017. 4. 29. 19:15 IT, SNS/블로그

구글 애드센스를 승인 받고 18일 후 10달러를 달성했습니다. 구글 애드센스에서는 광고 수익이 10달러를 넘게 되면, 자동으로 해당 계정의 본인이 맞는지 확인하고자 우편으로 편지를 통해 직접 블로그 사이트 운영자의 집으로 비밀번호인 핀번호(PIN번호)를 보냅니다. 그때부터 구글 애드센스 사이트에 접속을 하게 되면 상단에 빨간 색으로 주소를 확인하지 않아 지급이 보류중입니다 라는 메시지가 뜹니다.


빠르면 2주 느리면 4주 정도 후에 구글 핀번호가 도착한다고 하여 2주가 지날 때부터 구글에서 핀번호가 왔는지 우편함을 매번 주의깊게 확인하고는 했습니다. 정말 구글 애드센스는 상대방을 목빠지게 기다리게 하는데 선수인 것 같습니다. 



애드센스 승인 신청을 하고 승인 받기까지가 


가장 많은 기다림을 필요로 했고, 


그 다음은 개개인의 몫이지만 


10달러 수익을 달성하는데도 기다림이 필요했고, 


핀(PIN) 번호를 받아 주소인증을 하는 데도 


몇 주간의 기다림이 필요했습니다.





그렇게 또 하염없이 기다리면서 


꿈에 구글에서 핀번호가 오는 꿈을 꾸기까지 했습니다.


그런데 바로 그 꿈을 꾼 날


우편함을 확인해보니 아기다리 고기다리던


구글 핀번호 편지가 온 것입니다!




양쪽 모서리 부분을 먼저 제거해 주십시오.


라는 부분을 꾹꾹 눌러서 잘 뜯어지도록 작업을 해준 후


아주 조심스레 세 부분을 뜯어주었습니다.



뜯어서 펼쳐 안을 들여다 보면


왼쪽에 이런 모습의 종이가 있습니다.


이게 뭔가 하면서 잘 들여다 보니


회색 글씨로 Google Google Google 이라고 적어놓았네요.






오른쪽 면은 이와 같이 


Goolgle 애드센스 PIN 번호 등록에 대한 안내 글이 적혀있고


오른쪽에는 핀(PIN) 번호가 적혀있습니다.




왜 이리 늦게 왔는고 하니


서울 강남 파이낸스 빌딩에 구글 한국 지사가 있음에도 불구하고


굳이 구글 필리핀 지사에서 보내왔네요.


거의 3주 정도 후에 도착한 걸 보면 분명 배편으로 보냈을 것이야!


라고 생각했는데 웬걸, Airmail 항공편으로 보냈네요.


얼마나 싸게 보냈으면 이렇게 늦게 올까 싶었습니다.





아무튼 구글의 안내대로 PIN 번호를 구글 애드센스 사이트에 입력해보도록 하겠습니다.


 구글 애드센스 핀(PIN)번호 입력하는


먼저 구글 애드센스 사이트에 접속합니다.


핀번호를 입력하는 방법은 크게 2가지 입니다.



첫번째는 사이트에 접속했을 때 보이는 빨간띠 오른쪽에서 작업 버튼을 누르는 것입니다.




두번째는 왼쪽 부분의 설정 > 계정 > 계정 정보를 순서대로 클릭한 후


주소 확인 부분에 나와있는 주소 인증 버튼을 클릭해주시는 방법입니다.



어느 방법으로든 해서 PIN 입력란으로 들어가면 됩니다.



핀번호 입력하는 화면입니다.


아래 부분에 PIN 입력 오른쪽에 숫자를 입력할 수 있는 부분이 보입니다.


편지에 적힌 숫자를 적어주시고


아래에 있는 PIN 제출 버튼을 눌러주시면 모든 작업이 완료됩니다.






주소인증을 완료하면 이제 아까 보이던 빨간색 주소인증하라는 창이 보이지 않습니다.



계정 정보에 들어가도 주소 인증 버튼이 사라진 것을 확인하실 수 있습니다.




자, 이제 남은 것은 지급 기준액인 100달러를 넘는 것입니다.


100달러 수익이 넘게 되면 설정 > 지급에 들어갔을 때


오른쪽 하단에 있는 지급 받는 방법에서


결제 수단 추가 버튼이 활성화 되는 듯 합니다.





아마 5월 초 쯤 100달러를 넘기지 않을까 예상해봅니다.


그때 결제 수단 추가와 관련한 


최신 구글 애드센스 정보를 알려드리도록 하겠으니


그때까지 기다려주시기 바랍니다.^^



구글 애드센스 일치하는 콘텐츠 광고 넣기 방법

애드센스 광고 글 사이에 넣는 방법

구글 애드센스 최종 승인 받는 방법


도움이 되셨다면, 로그인 없이 가능한


아래 하트♥ 공감버튼 을 꾸~욱 !


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그

초대장 배포합니다(총 2장)

2017. 4. 28. 22:02 IT, SNS/블로그



티스토리 블로그 초대장 7장을 배포합니다.

신용대출

티스토리를 통해 여러 사람들에게 도움이 되는 정보를 알려드리고자 하시는 분들을 위해 초대장을 


나눠 드리고자 합니다. 지금까지 7명에게 초대장을 보내드렸지만, 제대로 운영중이신 분은 2명밖에 없으시고

직장인대출

5명은 블로그 개설은 했으나 아예 활동을 안 하시는 분들이었습니다.





부디 블로그 활동을 매일 하지는 못하시더라도 

무직자 대출상담

꾸준히 알찬 정보를 공유해주실 분들만 

공무원 대출금리

댓글을 달아주시기를 간곡히 부탁드립니다. 




초대장을 원하시는 분들은


아래 댓글에 



1. 블로그를 운영하려고 하는 주제와 목적


2. 이메일주소



를 적어주시기 바랍니다.



목적이 뚜렷하신 분들을 기준으로 


초대장을 보내드리겠습니다.



도움이 되셨다면, 로그인 없이 가능한


아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그

티스토리 블로그 화면에 글 1개만 보이게 하는 방법

2017. 4. 25. 21:56 IT, SNS/블로그


티스토리 블로그를 시작하고 포스팅 수가 많아지다보면, 


한 페이지, 한 화면에 글이 쫘르륵 


길게 늘어지게 되는 경우가 있을 수 있습니다. 


포스팅에 글자만 있으면 모르겠지만, 


일반적으로 글의 이해를 돕기 위해 그림이나 영상을 삽입하기도 합니다. 


이럴 경우 한 화면에 글, 그림, 영상 등등을 모두 띄우기 위해 


시간이 꽤 소요가 될 수 있습니다. 


블로거 본인도 그렇고, 블로그에 방문해주신 분들도 


스크롤 압박은 모두 좋아하지 않을 겁니다. 





도대체 어떻게 하면 


한 화면에 글이 여러개 보이지 않도록 할 수 있을까 


고민하시는 분들을 위해 


그 해결법을 간단하게 알려드리고자 합니다. 



컴퓨터에 익숙하거나 호기심이 많은 사람이라면 


굳이 이 글을 보지 않더라도 스스로 찾으실 수 있겠지만, 


그렇지 않은 분들도 많기 때문입니다.




위와 같이 여러 글이 한 화면에 보이게 된다면,


보고 싶지 않은 글들도 노출이 되게 되고,


더구나 스마트폰의 경우, 와이파이로 인터넷을 하면 괜찮지만


밖에서 데이터로 블로그에 접속한다면


많은 양의 데이터를 소비하게 되기 때문에 들어가고 싶다가도


바로 나가버리고 싶은 마음이 앞서게 되는 것이 사실입니다.





방문자의 데이터를 아껴주고,


페이지 로딩 시간도 절약해줄 수 있는


방문자 친화적인 블로그 페이지 화면을 만드는 방법은 매우 간단합니다.



먼저 자신의 블로그 화면에서 q 버튼을 눌러


관리자 화면으로 들어갑니다.





관리자 화면 왼쪽 중간 아래 부분에 있는


꾸미기, 화면설정을 누릅니다.


화면설정을 누르면 티에디션이 먼저 보이게 되는데


여기서 상단 오른쪽 부분에 있는 화면출력을 클릭합니다.



그러면 블로그 화면과 사이드바 항목이 나옵니다.


여기서 설정해주어야 할 것은 딱 두 가지 입니다.


먼저 기본화면의 글 부분은 1개로 설정해주고,


그 밑에 있는 선택화면은 글 목록은 본인이 원하는 대로 선택해주시고


그 오른쪽은 목록만을 선택해주시면 됩니다.





만약 기본화면의 글 부분을 여러개로 정하거나


선택화면을 본문이 보이도록, 또는 목록과 본문이 함께 보이도록 설정을 하면


보고 싶지 않은 글까지 띄워지게 되고


스마트폰 데이터도 갉아먹게 되니



반드시 1개, 목록만으로 설정하시기를 바랍니다.




티스토리 블로그 본문 글씨 크기 바꾸는 방법

티스토리 블로그 이전 글 넣기 하는 방법

티스토리 블로그에 유튜브 동영상 쉽게 넣는 방법

티스토리 블로그 머리말 디자인 바꾸는 방법

티스토리 블로그 댓글 아이콘 카카오 프렌즈 이미지 넣는 방법


도움이 되셨다면, 로그인 없이 가능한


아래 하트♥ 공감버튼 을 꾸~욱!


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그

구글 애드센스 일치하는 콘텐츠 광고 넣기 방법

2017. 4. 21. 23:32 IT, SNS/블로그



인터넷 서핑을 하다보면 많은 홈페이지를 볼 수가 있습니다. 때로는 CNN이나 뉴욕타임즈 같은 미국 신문 방송 홈페이지에 가서 기사도 읽고, 학교 게시판을 둘러보면서 정보도 얻고, 생활하다가 궁금한 것이 있어서 검색을 해서 티스토리 블로그나 기타 블로그나 홈페이지에 들어가면 아래와 같은 모습을 본 적이 있습니다. 광고와 글들이 섞여 있어 재미있다고 생각했습니다. 그러면서 저건 어떻게 단 것인지 부러운 마음도 있었습니다.



이번 포스팅에서는 구글 애드센스를 이용해서 


위와 같은 재미있는 공간을 만드는 법을 소개해드리겠습니다.



단, 주의할 점은 구글 애드센스를 이용하셔서 


약 10달러의 수익을 달성하신 경우에만 해당이 됩니다.





이제 막 애드센스 승인을 받으셔서 10달러 미만의 수익을 올리신 경우라면,


먼저 10달러를 달성하시면 이 방법을 이용하실 수 있습니다.



먼저 구글 애드센스 홈페이지에 로그인을 합니다.





내광고, 광고 단위, 새 광고 단위 순으로 클릭합니다.




그러면, 예전에는 바로 광고를 만들 수 있는 페이지가 떴지만,


이제는 텍스트 및 디스플레이 광고와 일치하는 콘텐츠 중에 


선택할 수 있는 페이지가 뜨는 것을 확인하실 수 있습니다.





다시 말하면, 예전에는 오로지 텍스트 및 디스플레이 광고만


이용할 수 있었지만, 이제는 일치하는 콘텐츠 광고도 이용할 수 있게 된 것입니다.



일치하는 컨텐츠 밑에 있는 선택을 클릭 해줍니다.




광고 단위 이름을 적고,


스타일을 자신의 입 맛에 맞게 설정합니다.


크기는 반응형과 맞춤 두 가지가 있는데 반응형을 선택하면


PC 컴퓨터나 모바일에서 창 크기에 맞도록 자동으로 반응해서


광고의 크기가 조절되는 기능입니다.




맞춤 크기를 선택하면 너비와 높이를 선택할 수 있게 됩니다.


둘 중에 원하는 것을 선택한 후 


아래에 있는 저장 및 코드 생성 버튼을 눌러줍니다.







그러면, 일치하는 콘텐츠 단위 삽입 게재위치 관련 팁이 나옵니다.


블로그 홈페이지의 사이드나 게시물 바로 아래에 삽입하는 것을


권장한다는 팁입니다.




코드 스니펫 복사를 눌러 코드를 복사해서 메모장 같은 곳에 저장해둔 뒤


완료 버튼을 누릅니다.


그 후에는 티스토리 블로그 관리자 모드로 들어가서


사이드바나 HTML/CSS 부분으로 들어가


원하는 위치에 광고코드 스니펫을 삽입해주시면 되겠습니다.





위 화면은 글 바로 아래에 코드를 삽입한 모습입니다.


광고가 섞여서 뜰 줄 알았지만, 아쉽게도 제가 작성했던 글들만 보입니다.




사이드바에 코드를 삽입한 모습입니다.


역시나 광고는 보이지 않고 예전에 썼던 글들만 보입니다.


일치하는 콘텐츠 광고가 흥미로운 것은 분명하고,


이 기능을 통해 블로그에 방문해주신 분들께 관심있는 글들을 


안내해줄 수 있다는 것은 분명 좋은 기능이지만,



광고주와 티스토리 블로거들을 위해서는


관련된 광고와 내가 작성했던 글들이 함께 보이도록 하는 것이


좀더 좋지 않을까 하는 아쉬움도 남는 기능이 아닌가 싶습니다.


티스토리 블로그 본문 글씨 크기 바꾸는 방법

티스토리 블로그 이전 글 넣기 하는 방법

티스토리 블로그에 유튜브 동영상 쉽게 넣는 방법

애드센스 광고 글 사이에 넣는 방법

구글 애드센스 최종 승인 받는 방법


도움이 되셨다면, 로그인 없이 가능한


아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그

티스토리 블로그 본문 글씨 크기 바꾸는 방법

2017. 4. 17. 22:25 IT, SNS/블로그


티스토리 블로그를 통해 글을 쓸 때, 글쓰기를 누르면 윗부분에 글씨 폰트를 설정할 수 있는 부분이 있습니다. 이 기능을 이용해 글씨 크기를 변경할 수 있습니다. 하지만, 글을 쓸 때마다 매번 내가 원하는 글자 크기를 고르는 것은 여간 귀찮은 일이 아닙니다. 블로그 스킨에 따라서는 내가 원하는 크기의 글자를 선택했다고 해도 막상 글을 다 쓰고 발행을 눌러서 글을 확인해보면, 내가 원하던 크기보다 작거나 크게 보이는 경우도 있습니다.  


▲ 글쓰기 상단 글씨 크기 선택 화면


그럴 때마다 수정하기 버튼을 눌러서 글자 크기를 다시 설정하는 것도 귀찮은 일입니다. 






위와 같이 관리자 화면에서 글 설정을 누르고 글쓰기 환경으로 들어가, 


에디터 기본 글씨 크기를 설정하는 부분에서 


내가 원하는 글씨 크기를 선택할 수 있도록 배려해놓았지만, 


본문 글씨 크기에는 별 영향이 없는 듯합니다. 



원하는 크기가 설정되는 스킨이 있다고 하더라도 


9, 10, 11, 12, 14pt 총 다섯 가지 선택지밖에 없기 때문에 


선택에는 제한사항이 따르게 됩니다.



이러한 불편한 점 때문에 고민이신 분들을 위해서 해결책을 알려드리고자 합니다.




먼저, 블로그에서 q버튼을 눌러 관리자 모드로 들어갑니다. 




관리자 모드에서 꾸미기 아래에 있는 HTML/CSS를 눌러줍시다.




HTML/CSS를 누르면 기본적으로 HTML란이 보이게 되는데 


상단의 CSS를 눌러 CSS로 들어갑니다.


그리고 Ctrl 키와 F 키를 눌러 검색을 할 수 있도록 해준 후, 


검색 창에 post-body-font-size라고 쓴 후 엔터를 눌러줍니다.


그러면 .article { 이라고 되어 있는 아래 아래 줄에


 font-size:/*@post-body-font-size*/12px/*@*/; 


라고 되어 있는 부분이 보일 것입니다


여기서 숫자 부분을 수정하고 저장을 눌러주시면 됩니다.





저장을 누른 후에는 반드시, 글쓰기를 눌러 아무 글자나 쳐보고 


미리보기를 눌러 내가 원하는 글자 사이즈가 맞는지를 확인해주어야 합니다.


몇 번의 테스트를 거친 후 딱 보기 좋은 글씨 크기다 싶었을 때, 


최종 저장을 해주시면 되겠습니다.



이 글을 통해 앞으로는 더 이상 티스토리 블로그 본문 글씨 때문에 


번거롭거나 시간을 소비하는 일이 없으시기를 하는 바람입니다.




티스토리 블로그 이전 글 넣기 하는 방법

티스토리 블로그 대표이미지 썸네일 설정, 지정하는 방법

티스토리 블로그에 유튜브 동영상 쉽게 넣는 방법

티스토리 블로그 스마트폰 최적화 - posted by 없애기

티스토리 블로그 댓글 아이콘 카카오 프렌즈 이미지 넣는 방법

티스토리 블로그 머리말 디자인 바꾸는 방법



도움이 되셨다면, 로그인 없이 가능한


아래 하트♥ 공감버튼 을 꾸~욱!


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그

초대장 드립니다(총 2장/마감)

2017. 4. 13. 23:25 IT, SNS/블로그


안녕하세요! 


2017년 4월 티스토리 블로그 초대장 2장을 배포해드립니다.


티스토리를 통해 개인의 일상이나 하나의 노트, 기록으로 사용하시고자 하는 분들보다는


가급적 여러 사람들에게 도움이 되는 정보를 알려드리고자 하시는 분들을 위해 초대장을 


나눠 드리고자 하니 이 점 유의해주시기 바랍니다.




초대장을 원하시는 분들은


아래 댓글에 



1. 블로그를 운영하려고 하는 주제와 목적


2. 이메일주소



를 적어주시기 바랍니다.






목적이 뚜렷하신 분들을 기준으로 


초대장을 보내드리겠습니다.




도움이 되셨다면, 로그인 없이 가능한


아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그

티스토리 블로그 이전 글 넣기 하는 방법

2017. 4. 12. 01:00 IT, SNS/블로그


이번에는 티스토리 블로그에 이전에 썼던 글의 링크를 아주 쉽고 간단하게 넣는 방법에 대해서 알아보도록 하겠습니다. 티스토리에는 글의 마지막에 카테고리의 다른 글이 있긴 하지만, 포스팅의 수가 많아지다보면, 내가 쓰는 글과 밀접하게 관련되거나 사람들이 궁금해할만한 글은 뒤쪽으로 많이 밀려 있을 수도 있습니다. 그렇기 때문에 직접 사람들에게 도움이 될만한 글들을 모아서 보여주는 것이 이전 글 넣기라는 기능입니다.


이전 글 링크 기능을 사용함으로써 블로그에 방문하신 분들께 더 유익한 정보를 바로바로 제공할 수 있도록 할 수가 있는 것입니다.





이전 글에 링크를 넣는 방법은 직접 제목을 쓰고 거기에 URL을 넣어서 해당 주소를 넣을 수도 있지만, 정말 손이 많이 가고 귀찮은 작업이 아닐 수가 없습니다. 하지만, 티스토리의 이전 글 링크 삽입 플러그인을 이용하면 단 몇 번의 클릭만으로도 내가 원하는 글을 링크가 된 상태로 불러들여올 수 있기 때문에 작업이 몇 십 배는 더 편해집니다.


이런 기능을 사용하기 위해서는 먼저 관리자 모드로 진입하기 위해 q 버튼을 눌러줍시다.



관리자 모드에서 왼쪽 하단에 있는 플러그인 항목에서 플러그인 설정을 누릅니다.


여러 플러그인 중에서 글쓰기6 항목을 클릭하고, ohyung에서 제공하는 이전 글 링크 삽입 플러그인에 체크 표시(v)를 해줍니다. 그리고 오른쪽에 톱니바퀴처럼 보이는 아이콘을 눌러 세부설정으로 들어갑니다. 삽입 형태가 여러가지가 있는 것을 볼 수 있는데, 연, 월, 일, 날짜 - 제목이라는 형태도 있지만, 없음이라고 선택하면 제목만 보이기 때문에 깔끔합니다.


그래서 저는 없음으로 선택한 후 저장을 눌러보았습니다.




이제, 글쓰기 버튼을 눌러 이전 글 링크 플러그인을 사용해 봅시다.  





오른쪽 하단에 플러그인 항목이 있습니다. 그걸 펼쳐주면 이전 글 넣기가 생긴 것을 확인할 수 있습니다.


이전 글 넣기를 눌러주면 창이 하나 뜹니다. 이전 글 검색을 통해 내가 원하는 글을 검색할 수가 있습니다. 


링크를 넣고 싶은 제목을 선택해주면 글쓰기 란에 제목이 하나 하나 생깁니다.


물론 하이퍼링크가 걸려져서 말이죠.





이제 미리보기를 눌러서 정말 링크가 걸려 있는지를 확인해보고 마음에 들면 발행을 해주시면 되겠습니다.^^




도움이 되셨다면, 로그인 없이 가능한


아래 하트♥ 공감버튼 을 꾸~!


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그