반응형



티스토리 블로그를 이용하실 분은 댓글을 남겨주세요 

5분께 티스토리 초대장을 보내드립니다. 좋은 블로그를 운영해주실 분들을 찾습니다. 


초대권을 원하시는 분은 댓글에 이메일 주소를 남겨주세요 

5분께 초대권을 보내드립니다. 


 


반응형
반응형



티스티로 초대장을 드립니다. 

모두 좋은 블로그 활동 하시고 좋은 인연이 되었으면 합니다. ^^


초대장이 얼마 없네요 총7분 선착순으로 보내드립니다. 가급적인 다른분들을 위해서 꼭 하실분들만 신청바랍니다.











반응형
반응형

게시물 상단

상단으로 이동 | 하단으로 이동 | 이미지로 이동 



블로그를 운영하면서 생기는 고민 중 한가지... 내가 작성한 게시물에서 핵심내용, 즉 전달하고자 하는 부분을 좀더 많은 분들이 봤으면 하는 생각이 들게 됩니다. 지금 알려드릴 방법은 다음과 같은 상황에서 활용하시면 좋은 팁이 될 수 있으니 적절한 곳에서 활용해 보시기 바랍니다. 


앵커(Anchor) 활용 방법

 - 게시물 내에서 원하는 위치로 바로 이동 (링크를 통해서 다른 게시물로 이동과는 다름)

 - 게시물의 흐름을 조절 할 수 있음 (1번, 2번, 3번 원하는 곳으로 이동)

 - 가장 하단에서 블로그 최상단으로 이동 (스크롤을 귀찮아 하시는 분들을 위한 친절한(?) 서비스 ^^)




사용법은 Anchor라는 태그를 활용하여 원하는 위치에 이름을 부여하고 해당 위치로 이동하게 하는 방법입니다. 링크를 통해서 다른 게시물로 이동하는게 아니라 본인의 게시물 내에서 원하는 위치로 이동하게 하는 방법입니다. 


이 방법은 HTML로 입력해야하기 때문에 본문 작성시에는 HTML모드로 변경하거나 블로그 전체에 적용할때에는 꾸미기>HTML/CSS 편집에서 입력해야 합니다. 


사용법#1 : 이동할 위치를 지정

이동하려는 블로그 위치에 이름을 지정해 줍니다. 


<div id="goto01"></div>    // goto01이 고유한 이름이 됩니다.


사용법#2 : 지정된 위치로 이동이 가능한 링크 만들기

링크할곳에 고유한 이름으로 이동하는 이름으로 링크를 생성합니다. 


<a herf="#goto01">상단으로 이동</a>  // a href는 링크로 이동하라는 html이며 #고유한 이름으로 입력해 주시면 됩니다. html에서 저렇게 입력하시면 실제 게시물에서는 링크가 걸린 상단으로 이동이라는 내용이 보이게 됩니다.



그럼 지금 게시물에 앵커를 삽입해서 게시물 상단, 하단, 싸이 뮤비 이미지로 이동하는 링크를 만들어 보겠습니다. 



싸이 뮤비 이미지

상단으로 이동 | 하단으로 이동 | 이미지로 이동 




실전 적용방법

아래 내용을 게시물 최상단, 하단, 싸이 뮤비 이미지에 삽입했습니다. 위에서 부터 순서대로 상단, 하단, 이미지가 있는 각각 위치에 삽입해 주시기 바랍니다. 반드시 HTML상태에서 입력해야 합니다. 


<div id="PostTop"></div>    

<div id="PostBottom"></div>

<div id="PostImage"></div>




그리고 각 위치로 이동하는 링크를 포함한 텍스트가 있습니다. 파란색 텍스트만 실제 게시물에서 보이게 됩니다.


<a href="#PostTop">상단으로 이</a> | <a href="#PostBottom">하단으로 이동</a> | <a href="#PostImage" target="_top">이미지로 이동</a>



이렇게 입력하게 되면 상단, 하단, 그밖에 특정 위치로 자유롭게 이동이 가능하기 때문에 본인의 작성한 게시물 중 핵심내용으로 방문자를 좀더 쉽게 유도할 수 있습니다. 


제 블로가 하단에 있는 블로그 메뉴로 이동도 이 방법을 통해서 구현된 내용입니다. 








게시물 하단

상단으로 이동 | 하단으로 이동 | 이미지로 이동

반응형
반응형



티스토리 블로그 초대장 5장 남았네요. 

댓글로 남겨주시면 발송해 드립니다. 

모두 좋은 블로그 만드세요. ^^

반응형
반응형

구글애드센스를 블로그에 광고로 달았을때 문맥에 맞는 광고를 가져오게 됩니다. 만약 금융 관련 게시물이라면 문맥을 구글 애드센스가 확인하고 상황에 제일 맞는 광고를 찾아서 띄워주게 됩니다. 가끔 게시물에 영어가 섞여 있다면 의도하지 않게 영어로 된 광고가 나올때가 있는데요. 국내 방문자를 대상으로 했을 경우 해외 광고가 나온다면 클릭률에 도움이 안될것입니다. 





오늘은 구글 애드센스에서 한글 광고만 노출하는 방법을 알아보겠습니다. 


보통 구글 애드센스 광고는 아래와 같습니다. 

<script type="text/javascript"><!--

google_ad_client = "ca-pub-0000000000000000001";

/* xxxxxxxxxxxxxxxxxxxxxx */

google_ad_slot = "111111111111111";

google_ad_width = 336;

google_ad_height = 280;

google_language = "ko";

//-->

</script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>


위에 보시면 언어 설정에 ko라고 추가된 부분이 있습니다. 일반적인 광고라면 저 문구가 없을텐데요. 한글 광고만 원하신다면 위의 내용을 추가해 주시면 됩니다. 매우 간단한게 설정할 수 있습니다. 


블로그에 광고를 달았다면 수익을 위한것이고 국내 사용자를 위한 한글 블로그에서 영어로 된 광고를 원치 않으신다면 위의 문구를 추가해 주시면 됩니다. 


모두 블로그에서 좋은 결과가 있으셨으면 합니다. 항상 추천은 사양하지 않습니다. ^^ 쿡!!!

반응형
반응형

티스토리 블로그를 사용하시면서 이것저것 만져보기도 하고 다양한 설정으로 나만의 멋진 블로그를 만들고 계실텐데요. 점점 자신만의 블로그가 만들어지면서 흐믓해 하실텐데요. ^^ 저만 그런가요? ㅋㅋ 

오늘은 블로그에서 사이드바의 넓이를 손쉽게 변경하는 방법을 소개해 드릴려고 합니다. 



티스토리 블로그 사이드바


본문의 내용과 그 옆에있는 부분이 사이드바라고 합니다. 제 블로그는 우측에 있는 2단형 블로그이며 좌측에 있거나 3단형으로 양쪽에 있을 수도 있습니다. 본인의 블로그 스킨에 따라 차이가 있습니다. 


저는 개인적으로 사이드바가 넓은게 시원해 보여서 원래 스킨에서 넓게 수정해서 사용하고 있습니다. 제가 사용하는 티스토리 블로그 사이드바는 300px입니다. 


티스토리 블로그 꾸미기 - 사이드바 넓이 조정


사이드바 넓이를 변경하는 방법은 티스토리 블로그 설정에 나와있지 않기때문에 HTML/CSS편집으로 직접 변경을 해줘야 합니다. 

변경하는 방법은 티스토리 블로그의 사이드바 넓이를 변경해주고 그만큼 전체 블로그의 넓이를 변경해 주시면 됩니다. 


1. 먼저 sidebar를 찾습니다. 

sidebar를 찾습니다. 스킨에 따라서 사이드바, side 등으로 나오기도 합니다. 아래에 있는 style.css에서 찾아야 합니다. 저는 side로 되어 있지만 대부분의 스킨들이 sidebar로 많이 되어 있을겁니다.



width:300px 이부분이 사이드바의 넓이값인데요. 처음에는 200정도 되었을겁니다. 예를들어 200px이고 300px로 수정을 한다면 전체적으로 블로그의 넓이가 100px이 넓어지게 됩니다. 사이드바만 변경하면 블로그 모양이 비정상적으로 보일 수 있기 때문에 넓어진 100px만큼 전체 블로그 넓이를 늘려줘야 합니다. 



2. container를 찾습니다. : 블로그 전체 넓이를 늘려줍니다.

container는 블로그 전체를 의미하게 됩니다. 밑줄친 1117px이 제 블로그의 전체 넓이로 보시면 됩니다. 기존의 값에서 100px이 늘어난 값을 더해서 값을 수정하면 사이드바가 늘어나도 블로그가 정상적으로 보이게 됩니다. 



티스토리 블로그 스킨마다 다를수도 있는데 전체적으로 이 값들을 찾으면 됩니다. 사이드바를 넓히고 그 늘어난 넓이 만큼 전체 블로그 넓이를 늘려주면 됩니다. 물론 줄일때도 마찬가지 입니다. 


제가 html을 잘하는것은 아니기 때문에 틀린 부분이 있으면 이야기해주시고 최대한 처음하시는 분들이 쉽게 보실 수 있도록 설명하려고 합니다. 이해가 되셨는지 ^^ 


블로그 사이드바 넓이를 조정해서 기분좋다~ 하시는 분 추천한번 쿡!! 감사합니다~ ^^

반응형
반응형

블로그에서 작성한 포스트 중에서 원하는 게시물을 따로 추려서 보여주고 싶을 때가 있습니다. 인기가 많은 글이거나 제휴 관련 글 중에서 좀더 자주 노출을 원할 경우 등 다양한 경우가 있을텐데요. 


손쉽게 원하는 게시물을 선택해서 보여주는 기능을 소개합니다. 


티스토리 블로그에서 사이드바 메뉴에 들어가는 링크(Link)라는 메뉴가 있습니다. 여기는 주소(URL)와 제목을 입력해서 내용을 추가하는 방식이며 게시물 목록처럼 계속 추가되는 방식입니다. 




티스토리 블로그 관리자 메뉴에서 네트워크>내 링크로 이동하면 주소와 내용을 추가하는 페이지가 나오게 됩니다.



여기에 원하는 게시물의 주소를 URL에 제목을 링크명에 입력하고 아래에 있는 확인 버튼을 눌러주시면 됩니다. 그리고 추가된 게시물은 사이드바에 있는 링크(Link)에 계속 추가되게 됩니다. 


티스토리 블로그에서 내 링크는 보통 이웃이라는 개념으로 사용되고 있는데요. 이걸 사용하지 않는 분들은 링크를 활용해서 원하는 게시물을 사이드바에 추가로 노출시킬 수 있습니다. 


그럼 이웃관리는 어떻게 하나 생각이 들수도 있겠지만 저는 이웃 블로거가 많지는 않지만 제가 원하는 분들은 RSS리더를 통해서 등록하고 자주 방문하고 있습니다. ^^



반응형
반응형

티스토리 블로그를 개설하고 어느덧 작성한 글들이 늘어가고 있다면 어느세 흐믓해지실겁니다. 내 자식들~ ^^ 매일 글을 작성하는게 가장 중요하기 때문에 간단한 글이라도 매일 작성하는게 검색 유입에도 도움이 됩니다.


블로그에 글을 작성할 때 무엇이 가장 중요할까요? 참신한 소재, 재미있는 글빨, 유익한 정보 등 다양한 요소들이 있겠지만 오늘 이야기 하고 싶은것은 깔끔하게 작성하라 입니다. 




언제나 깔끔하게 정리된 모습은 보기가 좋으며 원하는 물건을 쉽게 찾을 수 있습니다. 블로그도 마찬가지로 정리정돈이 잘되어 있다면 원하는 정보를 쉽게 찾을 수 있습니다. 참신한 소재는 각자 알아서 ^^ 그리고 글을 잘 작성하는것은 시간이 해결해 줍니다. 글에 소질이 있으신분이 아니라면 처음부터 글을 재미지게 혹은 유창하게 잘 쓸수는 없습니다. 하지만 계속 작성하시다 보면 어느덧 본인도 모르게 글을 유창하게 작성하고 계실겁니다. 저처럼 예외적으로 글빨이 안느는 경우도 있습니다. (매우~~ 더디게 늘고 있다고 긍정적으로 생각하고 있습니다. ^^)


하지만 글을 깔끔하게 작성하는것은 처음부터 조금씩 노력하면 향상될 수 있으며 잘 정리된 글은 보기에도 좋습니다. 드르륵~ 이라고 들어보셨죠? ^^ 요즘 검색을 해보고 한번에 검색결과를 판단하게 됩니다. 글이 길거나 눈에 안들어오면 드르륵~ 스크롤을 내리거나 창을 닫게 됩니다. 방문자는 언제나 인내심이 없습니다 .^^ 


드르륵~ 하면 항상 생각나는 축구선수 드록바가 갑자기 생각나네요. ^^ 드록바의 세계적인 낚시슛을 잠시 보세요~



상대 서포터들은 그물처럼 가슴이 철렁 했겠네요. ^^


다시 주제로 돌아와서 정리가 잘된 글을 한번 보시기 바랍니다. 


정리가 잘된 글 사례 #1

깔끔한 아미지와 세련된 디자인, 잘 구분된 단락 등 개인적로 깔끔하다고 생각되는 게시물 입니다. 

요롱이의 이러쿵 저렁쿵이란 블로그 인데요.  개인적으로 이분이 작성하시는 글이 매우 깔끔해 보입니다. 


 



이처럼 꾸미기 위해서는 약간의 노력이 필요할텐데요. 바로 처음부터 하시기는 어려울 수도 있습니다. 우선은 대제목, 소제목 등 분류만 잘해도 게시물을 읽기가 훨씬 좋아지게 됩니다.



정리가 잘된 글 사례 #2

중요한 내용은 박스등을 통해서 강조하여 설명글과 구분하게 됩니다. 

정보가 힘이다라는 블로그 인데요 쉬운 방법으로도 깔끔하게 게시물 작성이 가능한 예입니다. 


 





정리가 잘된 글 사례 #3

소제목을 통해서 글의 단락을 구분하고 내용을 정리하고 있습니다. 

정보가 힘이다라는 블로그 인데요 쉬운 방법으로도 깔끔하게 게시물 작성이 가능한 예입니다. 


 





요즘 이쁘고 잘생겨야 기억되고 대접받는 시대입니다. 아니라고 하고 싶지만 어느정도 사회적인 흐름인데요. 블로그도 마찬가지로 예외는 아닙니다. 점점 너무나 많은 정보가 흘러 나오고 있기 때문에 잘 정리된~ 보기 좋은 글들이 사랑받을 수 있다고 생각됩니다. 물론 언제나 좋은 정보를 주고 잘 작성된 글은 사랑받기 마련입니다. ^^ 



글이 도움이 되었다면 추천!!, 수지가 이쁘다고 생각되면 추천 두번 ^^

반응형
반응형
티스토리 블로그를 처음 만들고 티스토리 블로그 꾸미기를 시작하실 때 스킨이나 여러가지 외형들이 신경이 쓰일때가 있습니다. 처음 큰맘먹고 만들었으니 당연히 이것저것 마음에 들게 고쳐야 겠죠. 그 시간에 한개라도 더 포스팅을 하려는 생각도 좋지만 블로그를 보기좋게 꾸미는 일 또한 중요한 일입니다. 

블로그 꾸미기에 시간을 투자하세요

포스팅은 안하고 매일 블로그 스킨을 꾸미는 일만 한다면 문제가 있겠지만 스킨을 정하고 초기에는 블로그 꾸미기, 스킨 정리에 시간을 투자하는게 좋습니다. 가독성을 높이고 깔끔하게 정리된 블로근 방문자들에게 원하는 정보를 쉽게 찾을 수 있고 보기에도 좋습니다. 


언제나 깔끔하게 정리된 모습은 보기 좋습니다. ^^

트랙백, 댓글은 깔끔하게 접는게 좋을까

본론부터 말하면 보기에 크게 거슬리지 않는다면 펼침으로 놓는게 좋다는것입니다.  댓글, 트랙백의 기본적으로 접고, 펼침은 꾸미기>화면 설정에서 설정이 가능한데요. 


이 설정은 블로그에 방문자가 들어왔을 때 기본으로 보여주는 설정값입니다. 저는 댓글, 트랙백 모두 펼침으로했기 때문에 기본으로 둘다 보이게 됩니다. 



펼침에 체크가 안되어 있다면 접혀서 나오게 됩니다. 우측에 Trackback, Comment를 클릭하면 접거나 펼치기가 가능합니다. 



저는 개인적으로 빈 공간이 싫어서 예전에는 접었었는데 댓글, 트랙백에 수에 따라서 글이 검색에서 좀더 상위에 노출될 수 있다고 합니다. 댓글, 트랙백은 방문자의 반응이기 때문에 많은 반응이 있는 글들은 검색에서 좀더 좋은 점수를 받게 되고 결과적으로 상위에 노출될 수 있다는 겁니다. 아무래도 댓글, 트랙백이 펼쳐져 있어야 좀더 눈에 띄게 될것입니다. 
마지막으로 가장 중요한것.. 좋은 글을 써야 많은 분들이 공감하고 참여하게 된다는겁니다. 저는 아직 내공 부족으로 댓글이 놀고 있어요 ^^ 도움이 되셨다면~ 흔적을 남기고 가주세요 ㅋㅋ


반응형
반응형
처음 티스토리를 사용하시면 가장먼저 스킨을 고를때 많은 고민이 되실겁니다. 1,2,3단형 무엇으로 할지부터 인기정렬, 최신정렬로 봤다가 여러가지 적용해보고  ^^ 새로운 마음으리 시작하는 블로그인만큼 첫모습에 많은 공을 들이게 됩니다. 

저는 블로그 깔끔한 스타일의 블로그를 좋아하는데요. 그래서 티스토리 로고나 관리자 모드 버튼같은걸 사용하지 않는 편입니다.  

 
그래서 모두 없애고 나면 정작 본인의 블로그에서 관리자 모드로 들어갈 때 우측 상단 메뉴로 들어갈때 조금 불편한 경우가 있는데요. 오늘은 티스토리에서 사용되는 유용한 단축키를 알려드리겠습니다.

티스토리에서 단축키로 바로 관리자 모드로 이동

Q 관리자 모드로 이동하는 단축키 입니다. Q가 가장 많이 사용할것이고 다른 단축키는 어느정도 활용할지 모르겠지만 A : 이전 페이지, S : 다음페이지로 이동입니다. ^^ 간단한 내용이지만 블로그 운영하시다 보면 은근 써먹을곳이 많은 단축키 Q 기억하세요.~

Q : 관리자 모드
A : 이전 페이지
S : 다음 페이지

 
 
반응형
반응형
블로그를 처음 운영할때 가장 먼저 본인이 좋아하는 스타일로 꾸미는 작업일 것입니다. 이것저것 스킨도 골라보고 1단으로 할지 2단으로 할지 고민하다고 스킨을 고르셨을겁니다. 


색상도 바꿔보고 사이드바의 목록도 이리저리 변경해보고 좀더 고난이도로 html도 수정하게 될텐데요. 반드시 작업전에 스킨을 저장하시는게 정신 건강에 좋습니다. 
특히 html을 직접 수정하는 경우 이리저리 만지다가  내용이 꼬여서 생각지도 못한 결과물이 나오거나 돌이킬 수 없는 상태가 될수도 있습니다. 

 
온통 검게나오는 블로그나 사이드바가 본문에 나오는 블로그를 보시면서 하염없이 좌절해 있을수도 있습니다. 문제는 뭐가 잘못된지를 모른다는것. ㅋㅋ


티스토리 관리모드에 들어가서 꾸미기>스킨에서 보관함을 보면 스킨 저장이 있습니다 최대 30개 까지 저장이 가능하기 때문에 큰 수정전에는 저장을 하는게 좋습니다. 


적당한 제목을 넣어주고 저장해 주시면 됩니다. 

 
  잘 정리해 주시면 이전 스킨으로도 바로 복구가 가능하기 때문에 블로그 운영시 스킨을 변경하고 광고 수익등이 떨어지거나 한다면 바로 이전 상태로 복구가 가능합니다. 
반응형
반응형
블로그를 운영함에 있어서 중요한 사항이지만 지나치거나 바꾸기 힘들어서 넘어가는것 중 한가지가 폰트일 수 있습니다. 사용하는 폰트에 따라서 가독성도 차아기 있으며 블로그 전체적인 이미지도 달라지게 됩니다. 


맑은 고딕체로 작성되었습니다.       
맑은 고딕체로 작성되었습니다.        
맑은 고딕체로 작성되었습니다.        

굴림체로 작성되었습니다.
굴림체로 작성되었습니다. 
굴림체로 작성되었습니다. 

돋음체로 작성되었습니다.
돋음체로 작성되었습니다. 
돋음체로 작성되었습니다. 

궁서체로 작성되었습니다.
궁서체로 작성되었습니다. 
궁서체로 작성되었습니다.  


보기에 어떤가요? 
블로그 가독성을 높이기 위해서 맑은 고딕체로 블로그의 폰트를 변경했습니다. 제가 사용하는 스킨은 2단 simpleWhite_Daisy 인데 맑은 고딕으로 변경 후 가독성이 좋아진듯 합니다 

맑은 고딕 적용방법은 다음과 같습니다.
먼저 실수가 있을 수 있으니 블로그 스킨을 저장해 놓습니다. 그리고 HTML/CSS 편집으로 가서 하단의 style.css의 폰트를 맑은 고딕으로 변경해주시면 됩니다. 


font 또는 font-family를 찾으아서 적용된 폰트(돋음, 굴림 등)를 맑은 고딕으로 변경해 주시면 됩니다. 반드시 맑은 고딕으로 띄어쓰기를 해주셔야 합니다.
반응형

+ Recent posts