본문 바로가기
블로그.스마트 정보

티스토리 fastboot 1.6.2 스킨 #3 상단메뉴 이름 바꾸기

블로그로 돈벌기 위해서는 인터넷이 되는 컴퓨터만 있다면 충분히 가능합니다.

저는 티스토리로 돈벌기 위해서 즉 애드센스로 수익을 내기 위해서 지난 3년 넘게 제가 터득한 노하우들을 공개하려고 합니다.

하지만 애드센스 승인을 받았다고해서 당장에 수익이 발생하는 구조는 아니라는 것입니다.

매일 꾸준하게 1포씩 해나가다 보면 시간이 지나게 되면 유입=광고클릭=수익으로 이어지는 구조가 발생하게 되는 것입니다.

제가 포스팅한 글들을 제대로 읽으신다면 월 300만원의 수익은 아니더라도 꾸준하게 부업으로 수익이 발생하게 될 것입니다.

fastboot 1.6.2를 사용하다보면 위의 이름을 자신대로 바꾸고 싶어질때가 있습니다.

티스토리의 장점에 해당하는 부분중의 하나가 내 입맛대로 약간의 수정이 가능하다는 것입니다.

처음에 어느것을 건드려야할지,혹여나 잘못 수정을 해서 망하는것은 아닌지를 걱정하고 계시다면 미리 걱정은 하실 필요가 없다는것을 알려드립니다.

그래도 혹여나하는 마음으로 지금 사용하고 있는 스킨을 백업을 해두어야 조금 마음이 편해지겠죠?

나도 날 잘 모르고 못믿는데,또 티스토리가 처음이라 불안한데 하시는분들은 아래에 처럼 스킨변경으로 가시면 기존에 사용하던 스킨을 자신의 컴퓨터로 다운로드 받으실 수 있습니다.

머든지 조심하는게 좋은것이니까요. 저도 처음에 다른 스킨을 사용하다가 아무것도 모르고 저장도 하지 않은채로 날려먹은 적이 한두번이 아니라소 . 그 불안안 심정 충분히 이해가 갑니다.

그림대로 일단은 자신이 현재 사용하고 있는 스킨을 손보기 전에 스킨다운로드를 통해서 일단 저장해두세요.

나중에 잘못되더라도 다시 예전처럼 돌아갈 수 있으니 말이죱!

처음에 페스트 스킨을 깔면 'Home', 'Tags', 'Guestbook', 'Recents'이렇게 되어 있습니다. 이걸 이제 자신이 원하는 이름대로 바꾸는 방법을 알려드립니다.

불안해하지 마세요!

자 시작해볼까요? Ctrl + F를 눌러서 Html부분에서 찾아야 할 부분은 '데스크탑용'이라는 글자입니다.

데스크탑용 네비게이션 바 시작 주석부분이 나온다면 바로 밑에 div id부분은 놔둔채 그 밑에 <div></div>부분과 Home,tag,guestbook,category가 끝나는 부분의 </div>부분까지 삭제를 해주세요.

<div class="container">

<p class="graylink pull-right">

<a href="http://www.tistory.com/" id="kakaoServiceLogo" class="img_gnb #logo" target="blank"><span class="ir_wa">TISTORY</span></a>

<a href="/" title="IT 이야기 티스토리 홈"><i class="fa fa-home"></i></a>

<a href="/admin" title="Admin"><i class="fa fa-gear fa-spin"></i></a>

<a href="/admin/entry/post/" title="글쓰기"><i class="fa fa-pencil fa-fw"></i></a>

<a href="/toolbar/popup/link" title="자신의 블로그명" target="_blank"><i class="fa fa-link"></i></a>

<a href="javascript:window.external.AddFavorite('자신의 블로그 주소','자신의 블로그명');" title="익스플로러 전용"><i class="fa fa-plus fa-spin"></i><!--즐겨찾기--></a> 

<span id="loginout_append"><a href="https://www.tistory.com/login"><i class="fa fa-lock fa-fw"></i> Login</a></span></p>

<div class="navMiddle">

<form class="pull-right" role="search"><div class="form-search search-only">

     <i class="fa fa-search search-icon"></i>

     <input type="text" name="search2" value="" onkeypress="if (event.keyCode == 13) { try{window.location.href='/search/' + looseURIEncode(document.getElementsByName('search2')[0].value);document.getElementsByName('search2')[0].value = ''; return false;}catch(e){} }" class="form-control search-query"></div></form>

<strong>

<p class="graylink pull-right rightMenus">

<a href="/"><i class="fa fa-home"></i> 처음으로</a>

<!--<a href="/tag">태그</a>-->

<a href="/guestbook"><i class="fa fa-comments"></i> 방문흔적</a>

<a href="/category"><i class="fa fa-bars"></i> 전체글</a>

<a href="/manage/entry/post"><i class="fa fa-pencil"></i> 포스팅하기</a>

<a href="/manage"><i class="fa fa-lock"></i> 관리하기</a>

</strong></p>

<h3><a href="/" style="box-sizing: border-box; background: 0px 0px; color: rgb(79, 193, 233); outline: 0px; outline-offset: -2px;">뚱이 블로그</a></h3>

<p class="text-muted">각종 정보성 글을 전하는 블로그</p>

</div>

그리고 이 부분을 붙여넣으시면 됩니다. 

제 블로그에 오른쪽 마우스 버튼을 활성화시켜 두질 않아서 텍스트 파일을 다운로드 받으신후 수정을 하신후 수정을 하시면 되겠습니다.

그리고 하단에 보면 처음으로,방문흔적,전체글,포스팅하기,관리하기라는 이름들은 자신이 바꾸고 싶은 이름으로 바꾸고 싶으면 됩니다. 귀여운 이름 멋진 이름 내 맘대로 가능합니다.

상단메뉴 이름 바꾸기.txt

제 블로그에 오른쪽 마우스 버튼을 활성화시켜 두질 않아서 텍스트 파일을 다운로드 받으신후 수정을 하신후 수정을 하시면 되겠습니다.

이제 10월의 막바지에 접어들어서 아침 저녁으로 추워지기 시작했습니다. 옷은 따뜻하게 입고 다니시고 목은 항상 감기 걸리지 않게 보호를 하시는게 좋을것 같습니다.

위에 사진에 보면 사진의 글자색이 검은색이면서 마우스를 가져다댔을경우에 분홍색으로 된것이 보이시나요?

이것은 Html부분에서의 수정이 아닌 CSS로 넘어가서의 수정을하셔야 합니다.

스킨편집에서 Html편집-Css로 넘어가셔서 desktopNat .graylink를 검색을 하셔서 위에 빨간줄부분은 평상시 마우스를 대지 않앗을때의 글자색이고, 밑에 color부분은 마우스를 가져갔을때의 변하는 색 부분입니다.

이 두 칼라를 자신이 원하는 색으로 변경을 해주시면 되겟습니다.

이렇게 상단 메뉴가 바뀐것을 확인할수 있습니다.

https://html-color-codes.info/Korean/ 칼라 색상 코드가 궁금하신분은 여기로 가시면 원하는 색상의 코드를 아실수가 잇습니다.

이제 겨울의 계절 11월의 접어들어서 아침 저녁으로 추워지기 시작했습니다. 옷은 따뜻하게 입고 다니시고 목은 항상 감기 걸리지 않게 보호를 하시는게 좋을것 같습니다.


Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]