[블로그 관리] -> [꾸미기] -> [스킨편집] ->[html 편집]에서 태그 안에 다음 script 코드를 복붙한다.

다음은 CSS파일 편집창에 가서 다른 class나 id 선언에 곂쳐지지 않게 아래의 코드를 삽입한다.

.jbMenu {
    text-align: right;
 `  background-color: none;
    width: 100%;
    position: fixed;
    top: 70%;
}
.jbFixed {
    position: fixed;
    top: 70%;
}

 파일 업로드창에서 우리가 원하는 사진을 업로드 하고, 링크주소복사를 한다.



마지막으로 html에서 <body> 태그 안에 사진을 넣어야 한다. <body> 바로 아래에 다른 div에 들어가지 않도록 다음 코드를 붙여넣자.


    <div class="jbMenu">

    <a href="클릭할때 넘어가는 주소"><img src="사진이 저장된 경로" style="width:10%"></a> 


위에서 링크 주소 복사한 것은 "사진이 저장된 경로"에 붙여주고 나처럼 클릭했을 때, 내 유투브 채널로 이동하려면 "클릭할때 넘어가는 주소" 부분에 링크를 복사해주면 된다.



 아... 그런데 코드의 div에 가려진다. 해결한분들은 알려주시길 바란다.



'잡 기술 > Tistory' 카테고리의 다른 글

[Tistory] 티스토리 움짤 프로필 만들기  (0) 2018.08.09

 포토샾으로 만든 GIF파일을 블로그 프로필로 할 수 없을까? 생각을 해봤다.


 [블로그 설정]에서 프로필에 GIF 파일을 넣어도 티스토리는 움짤 영상으로 인식하지 못한다. Tistory 어플리케이션이 애니메이션 영상을 허용하지 않는다는 뜻이다. 그러면 직접 HTML 언어를 만져야 한다.



 [블로그 관리] -> [꾸미기] -> [스킨편집] ->[html 편집]으로 들어가보자



 그러면 꼴보기 싫은 코드창이 뜰것이다. 거기서 파일 업로드에 가서 GIF 파일을 업로드 시킨다.


 파일을 업로드를 하게되면 아마 Tistory 서버 내부의 본인 계정에 할당된 저장소에 파일이 올라갈 것이다. 링크 주소 복사로 절대경로를 가져오도록 하자.



다시 HTML창으로 돌아와서 블로그 내부에 내 프로필이 어디있는지 찾아야 한다. 내 경우에는 (적용한 블로그 테마스킨에 따라 상이할 수 있음) 블로그 이미지 모듈이라는 주석 아래에 선언되어 있었다. 여러분들이 찾을때는 https://tistory1.daumcdn.net/tistory/2935792/attach/ac8257c8b59f42199ee875db8628904b 이것을 src로 하는 <img> 태그를 찾으면 될듯하다. ctrl+f 해서 찾으셈


 

 image 태그를 찾아서 src를 아까 복사했던 링크로 바꿔주면 빵코네 블로그처럼 움짤 프로필이 가능해진다. 

'잡 기술 > Tistory' 카테고리의 다른 글

[Tistory] 티스토리 스크롤 고정 이미지 넣기  (0) 2018.08.10

+ Recent posts

티스토리툴바