Tistory 블로그에 Github 아이콘 넣기 (#2 기준)

2023. 6. 15. 02:43·솔직 리뷰/꿀팁
반응형

1. 스킨편집에 들어간다.

 

2. html 편집 버튼을 누른다.

 

3. <div class="area_profile">을 찾는다. (Ctrl + F) 해서 찾는 것을 추천한다.

 

4. 밑의 코드로 area_profile 클래스를 대체한다.

<div class="area_profile">
  <div class="tit_post">
    <a href="/" class="link_post">코딩하는 대학생에서 개발자까지</a>
  </div>
  <div class="tit_post_github" style="margin-top: 30px;">
    <a href="Your_Github_link" class="github_link">
      <img src="https://tistory3.daumcdn.net/tistory/1688928/skin/images/github.png" width="50" height="50">
    </a>
    <div style="margin-top: 10px; font-weight: bold; color: white; font-size: 18px;">GitHub</div>
  </div>
</div>

이때 Your_github_link는 본인의 깃허브 링크로 대체한다.

 

여기까지 하면 본인의 블로그 이름 밑에 Github 링크가 생긴다.

 

반응형
'솔직 리뷰/꿀팁' 카테고리의 다른 글
  • 요즘 핫한 <원소주> GS25에서 쉽게 구하는 방법!
  • 명학 자동차 운전 도로주행 2종 시험 후기 & 꿀팁 및 학원 솔직 후기 *우회전 꿀팁
  • [군포,안양,평촌]명학 자동차 운전 2종 장내기능 시험 후기 및 꿀팁!
  • 2021년 9월 17일 전역자가 알려주는 정보통신학교 TIP
코딩하는_대학생
코딩하는_대학생
Java Developer, Open Source Enthusiast, Proud Son
  • 코딩하는_대학생
    코딩하는 대학생에서 개발자까지
    코딩하는_대학생
  • 전체
    오늘
    어제
    • 분류 전체보기 (217)
      • 코딩하는 대학생의 책 추천 (8)
        • 클린코드 (5)
        • 헤드퍼스트 디자인패턴 (3)
      • Backend (7)
        • Spring (14)
        • AWS (3)
        • 회고 (4)
        • Redis (5)
        • 다양한 시각에서 바라본 백엔드 (3)
      • Python (35)
        • 개념 및 정리 (15)
        • 백준 문제풀이 (20)
      • JAVA (17)
        • 개념 및 정리 (14)
        • 백준 문제풀이 (2)
      • 왜? (7)
      • C언어 (42)
        • 개념 및 정리 (9)
        • 백준 문제풀이 (32)
      • 개인 공부 (27)
        • 대학 수학 (5)
        • 대학 영어 (10)
        • 시계열데이터 처리 및 분석 (5)
        • 컴퓨터 네트워크 (6)
        • 운영체제 (1)
      • 솔직 리뷰 (23)
        • 꿀팁 (6)
        • IT기기 (1)
        • 국내 여행 (7)
        • 맛집 (2)
        • 알바 리뷰 (2)
      • 대외활동 (17)
        • 체리피우미 3기 (4)
        • 꿀잠이들 6기 (13)
      • 음식 평가 (1)
      • 일상 & 근황 (2)
  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
코딩하는_대학생
Tistory 블로그에 Github 아이콘 넣기 (#2 기준)
상단으로

티스토리툴바